/* Shared visual system for the warm-sunset As Lived interface. */
:root{
  color-scheme:light;
  --life-sky:#F6E1C3;
  --life-ink:#30331D;
  --life-muted:#78694B;
  --life-soft:#8A7B66;
  --life-terracotta:#D45A43;
  --life-ivory:#FFF3E4;
  --life-focus:#F7E8D5;
  --life-glass:rgba(255,243,228,.76);
  --life-glass-soft:rgba(255,243,228,.58);
  --life-glass-strong:rgba(255,243,228,.92);
  --life-glass-nav:rgba(255,243,228,.88);
  --life-glass-border:rgba(255,255,255,.68);
  --life-line:rgba(128,107,91,.22);
  --life-subtle:rgba(103,79,56,.13);
  --life-shadow:0 12px 32px rgba(91,61,38,.14);
  --life-shadow-soft:0 6px 18px rgba(91,61,38,.11);
  --life-photo-wash:rgba(246,232,214,.25);
  --life-serif:Georgia,'Times New Roman',serif;
  --life-sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --bg:var(--life-sky);
  --panel:var(--life-glass);
  --border:var(--life-line);
  --subtle:var(--life-subtle);
  --ink:var(--life-ink);
  --muted:var(--life-muted);
  --faint:var(--life-soft);
  --red:var(--life-terracotta);
  --green:#657A5B;
  --line:var(--life-line);
  --serif:var(--life-serif);
  --sans:var(--life-sans);
}

html{color-scheme:light!important;background:var(--life-sky)}
body{color:var(--life-ink);background:transparent}
.app,.welcome-page{position:relative;isolation:isolate;background:transparent;color:var(--life-ink)}
.universe{background-color:var(--life-sky);background-image:linear-gradient(var(--life-photo-wash),var(--life-photo-wash)),url('/as-lived-background-v1.jpeg');background-position:center center;background-repeat:no-repeat;background-size:cover}

/* Shared navigation and brand */
.app .header{background:rgba(255,243,228,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.46)}
.app .brand,.welcome-header .brand,.loading .wordmark{color:var(--life-ink)}
.brand-logo{filter:none}
.desktop-nav>button{color:var(--life-muted)}
.desktop-nav>button:hover,.desktop-nav>button.active{color:var(--life-ink)}
.desktop-nav>button.active:after{background:var(--life-terracotta);height:2px;width:18px;border-radius:2px}
.header-actions .icon-button,.sabbath-button,.sabbath-status{color:var(--life-muted)}
.demo-bar,.connection-bar{background:var(--life-glass);color:var(--life-ink);border:1px solid var(--life-glass-border);box-shadow:var(--life-shadow-soft);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.demo-bar button,.connection-bar button{color:var(--life-terracotta)}
.footer{color:var(--life-muted);border-color:var(--life-line)}
.footer-brand,.sync-label{color:var(--life-muted)}

/* Type and focus */
.page-title h1,.your-horizon-card-name,.your-horizon-section-heading h2,.time-budget .budget-heading h2,.settings-side h2,.settings-side h3{font-family:var(--life-serif);color:var(--life-ink)}
.eyebrow,.page-title .eyebrow,.page-title p,.micro,.small{color:var(--life-muted)}
.app h1,.app h2,.app h3,.app p{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--life-terracotta)}
::selection{background:rgba(212,90,67,.24);color:var(--life-ink)}

/* Present: keep the clock and functionality, let the landscape carry the scene. */
.app .void-clock{background:transparent}
.app .void-atmosphere,.app .void-floor,.app .horizon-glow{display:none!important}
.app .void-clock .clock-face>.eyebrow,.app .void-clock .clock-face>.eyebrow.hourly-line{color:var(--life-muted)}
.app .void-clock .main-clock{color:var(--life-ink);font-weight:200;text-shadow:0 2px 24px rgba(255,255,255,.18)}
.app .void-clock .clock-units{color:var(--life-muted)}
.app .horizon-chapter{color:var(--life-muted);background:rgba(255,243,228,.24);border:1px solid rgba(255,255,255,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.app .horizon-chapter>span:not(.dot){color:var(--life-muted)}
.app .horizon-chapter>.dot{background:var(--life-terracotta)}
.app .intentional .present-line{color:var(--life-ink)}
.app .main-actions .button{flex:1;min-width:0;max-width:220px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:var(--life-shadow-soft)}
.app .main-actions .button.primary:not(.focus-start){background:var(--life-terracotta);border-color:var(--life-terracotta);color:#FFF9F1;box-shadow:0 7px 18px rgba(179,76,53,.22)}
.app .main-actions .button.primary:not(.focus-start):hover:not(:disabled){background:#C9503A;border-color:#C9503A}
.app .main-actions .button.primary.focus-start{background:var(--life-focus);color:var(--life-ink);border:1px solid var(--life-glass-border);box-shadow:var(--life-shadow-soft)}
.app .main-actions .button.primary.focus-start:hover:not(:disabled){background:#FFF5E8;color:var(--life-ink);border-color:#fff}
.app .quick-action{color:var(--life-ink);background:var(--life-glass-soft);border:1px solid var(--life-glass-border);border-radius:13px;box-shadow:var(--life-shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.app .quick-action svg{color:var(--life-terracotta)}
.app .quick-action:hover{color:var(--life-ink);background:var(--life-glass)}

/* Moments, horizon, and time summaries use the same warm glass surface. */
.app .moments-list{border:1px solid var(--life-glass-border);border-radius:17px;background:var(--life-glass-soft);box-shadow:var(--life-shadow-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 16px;overflow:hidden}
.app .moments-list>summary,.app .life-disclosure>summary{color:var(--life-ink);font-weight:550}
.app .moments-list>summary>svg,.app .life-disclosure>summary>svg,.app .day-disclosure>summary>svg{color:var(--life-muted)}
.app .moments-list .small-pill{color:var(--life-muted);background:rgba(255,255,255,.45);border:1px solid var(--life-line)}
.app .moments-empty,.app .moment-body time,.app .moment-kind{color:var(--life-muted)}
.app .moment-row{border-color:var(--life-line)}
.app .moment-body p{color:var(--life-ink)}
.app .moment-toggle{color:#5D7857;border-color:var(--life-line);background:rgba(255,243,228,.48)}
.app .moment-toggle.reopen{color:var(--life-muted)}
.app .moments-list.has-reminders>summary{color:#98602E;background:rgba(255,228,187,.46);box-shadow:inset 0 0 0 1px rgba(166,124,67,.23)}
.app .moment-row.attention{background:rgba(255,228,187,.35);box-shadow:inset 2px 0 #B98143}
.app .moments-list.has-unseen:not(.has-reminders)>summary{box-shadow:inset 0 0 0 1px rgba(146,113,127,.28)}
.app .your-horizon-card,.app .time-budget{background:var(--life-glass-soft);border:1px solid var(--life-glass-border);border-radius:18px;color:var(--life-ink);box-shadow:var(--life-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app .your-horizon-card:hover{border-color:rgba(212,90,67,.48);box-shadow:0 14px 34px rgba(91,61,38,.17)}
.app .your-horizon-card-label,.app .your-horizon-card-time,.app .your-horizon-card-estimate,.app .your-horizon-card-estimate>span{color:var(--life-muted)}
.app .your-horizon-card-time b,.app .your-horizon-card-name{color:var(--life-ink)}
.app .day-disclosure>summary{color:var(--life-ink);border:1px solid var(--life-glass-border);border-radius:15px;background:var(--life-glass-soft);padding:0 15px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.app .panel,.app .today-panel,.app .stored-panel{color:var(--life-ink);background:var(--life-glass);border:1px solid var(--life-glass-border);border-radius:18px;box-shadow:var(--life-shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app .panel-heading h2,.app .panel-heading>span,.app .today-panel .panel-heading h2,.app .stored-panel .panel-heading h2{color:var(--life-ink)}
.app .small-pill{color:var(--life-muted);background:rgba(255,255,255,.5);border:1px solid var(--life-line)}
.app .today-numbers strong,.app .stored-total{color:var(--life-ink)}
.app .today-numbers span,.app .stored-total>span,.app .today-bottom>span,.app .stored-row span,.app .panel-note{color:var(--life-muted)}
.app .day-timeline{background:rgba(128,107,91,.16)}
.app .today-bottom,.app .stored-row{border-color:var(--life-line)}
.app .stored-row{color:var(--life-ink)}
.app .day-disclosure .dashboard{margin-top:12px}
.app .present-support{color:var(--life-ink)}

/* Consistent light controls throughout secondary screens and dialogs. */
.app .button.primary{background:var(--life-terracotta);border-color:var(--life-terracotta);color:#FFF9F1;box-shadow:0 5px 14px rgba(179,76,53,.16)}
.app .button.primary:hover:not(:disabled){background:#C9503A;border-color:#C9503A}
.app .button.secondary,.app .segmented,.app .segmented>button,.app .search-box,.app .filter-select{background:rgba(255,243,228,.8);color:var(--life-ink);border-color:var(--life-line)}
.app .text-button,.app .text-button:hover:not(:disabled){color:var(--life-muted)}
.app .stack-form label,.app .form-label,.app label{color:var(--life-muted)}
.app input:not([type=checkbox]):not([type=radio]),.app select,.app textarea,.app .stack-form input:not([type=checkbox]),.app .stack-form select{background:rgba(255,243,228,.86);border:1px solid var(--life-line);border-radius:12px;color:var(--life-ink)}
.app input::placeholder,.app textarea::placeholder{color:var(--life-soft)}
.app input[type=checkbox],.app input[type=radio]{accent-color:var(--life-terracotta)}
.app .dialog{background:rgba(255,243,228,.96);color:var(--life-ink);border:1px solid var(--life-glass-border);border-radius:20px;box-shadow:var(--life-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.app .dialog h2,.app .dialog h3,.app .dialog .dialog-header{color:var(--life-ink)}
.app .modal-backdrop{background:rgba(48,51,29,.24);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.app .form-divider,.app hr{border-color:var(--life-line)}
.app .form-error,.app .global-error{color:#9A3C30;background:rgba(255,243,228,.94);border-color:rgba(207,97,70,.4)}
.app .toast{color:var(--life-ink);background:var(--life-glass);border:1px solid var(--life-glass-border);box-shadow:var(--life-shadow-soft);backdrop-filter:blur(14px)}
.app .mobile-nav{left:12px;right:12px;bottom:env(safe-area-inset-bottom);min-height:64px;padding:7px 12px 5px;background:var(--life-glass-nav);border:1px solid var(--life-glass-border);border-radius:19px;box-shadow:0 9px 30px rgba(83,57,36,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);justify-content:space-around}
.app .mobile-nav button{color:var(--life-muted);font-size:9px;min-width:60px;border-radius:12px;transition:background .18s,color .18s}
.app .mobile-nav button.active{color:var(--life-ink);background:rgba(212,90,67,.11)}
.app .mobile-nav button.active svg{color:var(--life-terracotta)}
@media(max-width:700px){.app{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.app .main-actions{margin-top:8px}.app .main-actions .button{flex:1;max-width:none;min-width:0}.app .present-support{width:calc(100% - 44px)}.app .moments-list{width:calc(100% - 44px)}}

/* Remap remaining legacy dark/pink widgets so every app section shares the warm system. */
.app .panel-heading h2,.app .reflection h3,.app .budget-heading h2,.app .sabbath-setting-heading h3,.app .restore-preview h3,.app .about-copy .serif{color:var(--life-ink);font-family:var(--life-serif);font-weight:400}
.app .segmented button.selected,.app .gap-options button.chosen,.app .joy-input button.chosen,.app .horizon-presets button.selected,.app .budget-basis>button.selected{background:rgba(212,90,67,.14);color:var(--life-ink);border-color:rgba(212,90,67,.42);box-shadow:0 2px 8px rgba(91,61,38,.08)}
.app .segmented button,.app .gap-options button,.app .joy-input button,.app .horizon-presets button,.app .budget-basis>button{background:rgba(255,243,228,.78);color:var(--life-ink);border-color:var(--life-line)}
.app .joy-input .neutral.chosen{background:rgba(128,107,91,.14);color:var(--life-ink);border-color:var(--life-line)}
.app .joy-input .life-draining.chosen{background:rgba(212,90,67,.16);color:#75402F;border-color:rgba(212,90,67,.4)}
.app .ledger-row:hover,.app .task-add,.app .budget-basis,.app .sabbath-preferences,.app .restore-preview,.app .live-ledger{background:var(--life-glass);color:var(--life-ink);border-color:var(--life-glass-border);box-shadow:var(--life-shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.app .reserve-bar{background:rgba(128,107,91,.16)}
.app .life-point,.app .life-progress-now,.app .lived-line,.app .reserve-available{background:var(--life-terracotta);border-color:var(--life-terracotta)}
.app .arc-base,.app .life-progress-line{stroke:rgba(212,90,67,.28);background:rgba(212,90,67,.15)}
.app .arc-dot{fill:var(--life-terracotta);background:var(--life-terracotta)}
.app .you-marker>span{background:var(--life-glass-strong);color:var(--life-ink);border:1px solid rgba(212,90,67,.62);box-shadow:var(--life-shadow-soft)}
.app .you-marker small,.app .task-time,.app .budget-breakdown .remaining,.app .budget-metrics .available-metric>span{color:var(--life-muted)}
.app .budget-number,.app .weekly-available strong,.app .budget-breakdown .remaining strong,.app .budget-metrics .available-metric strong{color:var(--life-ink)}
.app .focus-hero:before{background:radial-gradient(ellipse at top,rgba(212,90,67,.08),transparent 70%)}
.app .chapter-button:hover,.app .reserve-empty:hover{background:rgba(255,243,228,.9);color:var(--life-ink);border-color:var(--life-line)}
.app .sabbath-banner p,.app .sabbath-save-status,.app .intro-invitation span,.app .welcome-back:hover{color:var(--life-muted)}
.app .setting-switch[aria-checked=true]>span{background:var(--life-terracotta)}
.app .sabbath-save-status>button,.app .welcome-error button,.app .welcome-error a{background:var(--life-glass);color:var(--life-ink);border-color:var(--life-line)}
.app .location-error,.app .restore-error,.app .welcome-error{background:rgba(255,243,228,.94);color:#874234;border-color:rgba(212,90,67,.34)}
.app .your-horizon-table tfoot th,.app .your-horizon-table tfoot td{background:rgba(255,243,228,.76);color:var(--life-ink);border-color:var(--life-line)}
.app .annotate-form textarea{background:rgba(255,243,228,.88);color:var(--life-ink);border-color:var(--life-line)}
.welcome-page .welcome-form input{background:rgba(255,243,228,.88);color:var(--life-ink);border-color:var(--life-line)}
.welcome-page .welcome-error{background:rgba(255,243,228,.94);color:#874234;border-color:rgba(212,90,67,.34)}
body.account-entry .error,body.account-entry .notice{color:var(--life-ink);background:var(--life-glass);border-color:var(--life-line)}
body.account-entry .error{border-color:rgba(212,90,67,.42)}

/* Sign-in/auth screens share these tokens but keep their native form flow. */
body.account-entry{min-height:100svh;background:var(--life-sky);color:var(--life-ink);font-family:var(--life-sans);}
body.account-entry:before{display:none}
body.account-entry:after{background-image:linear-gradient(var(--life-photo-wash),var(--life-photo-wash)),url('/as-lived-background-v1.jpeg')}
body.account-entry main{width:100%;max-width:440px;padding:0;background:transparent;border:0;box-shadow:none}
body.account-entry .auth-top{height:28px}
body.account-entry .auth-switch{color:var(--life-terracotta);font-weight:600}
body.account-entry .auth-brand{margin-top:20px}
body.account-entry .auth-brand .eyebrow{color:var(--life-muted)}
body.account-entry .auth-content{margin-top:clamp(50px,9vh,78px);padding:20px 22px 18px;border:1px solid var(--life-glass-border);border-radius:20px;background:rgba(255,243,228,.68);box-shadow:var(--life-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.account-entry .auth-content h1{color:var(--life-ink);font-family:var(--life-serif);font-weight:400}
body.account-entry .auth-copy{color:var(--life-muted)}
body.account-entry .auth-form label{color:var(--life-ink);font-size:13px}
body.account-entry .field-control input{background:rgba(255,243,228,.92);border:1px solid rgba(128,107,91,.22);border-radius:12px;color:var(--life-ink)}
body.account-entry .field-control input::placeholder{color:var(--life-muted)}
body.account-entry .field-icon{stroke:var(--life-muted)}
body.account-entry .forgot{color:var(--life-muted)}
body.account-entry .auth-submit{background:var(--life-terracotta);border:1px solid var(--life-terracotta);border-radius:13px;color:#FFF9F1;box-shadow:0 6px 16px rgba(179,76,53,.22)}
body.account-entry .auth-bottom{color:var(--life-muted)}
body.account-entry .or-divider{color:var(--life-muted)}
body.account-entry .or-divider:before,body.account-entry .or-divider:after{background:var(--life-line)}
body.account-user{color:var(--life-ink);background:var(--life-sky)}
body.account-user main{background:var(--life-glass);border:1px solid var(--life-glass-border);border-radius:20px;box-shadow:var(--life-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.account-user input{background:rgba(255,243,228,.92);border-color:var(--life-line);color:var(--life-ink)}
body.account-user p,body.account-user label{color:var(--life-muted)}
body.account-user h1,body.account-user h2{color:var(--life-ink);font-family:var(--life-serif)}
body.account-user button:not(.text){background:var(--life-terracotta);border-color:var(--life-terracotta);color:#FFF9F1}
@media(max-width:480px){body.account-entry{padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 22px)}body.account-entry .account-logo{width:160px;height:160px}body.account-entry .auth-content{margin-top:clamp(40px,7vh,64px);padding:18px 18px 16px}}