/* Shared alpine visual system. Today is the reference and is excluded. */
body:is([data-page="life"],[data-page="ideas"],[data-page="health"],[data-page="journal"],[data-page="goals"],[data-page="review"],[data-page="chat"]){--ink:#30425f;--muted:#60738c;--line:#637a982b;background:#e6edfa;color:var(--ink)}
body:not([data-page="today"]) .scene{opacity:1;background:#e6edfa}
body:not([data-page="today"]) .scene::before{display:block;content:"";position:absolute;inset:0 auto 0 50%;width:min(100%,430px);transform:translateX(-50%);background:linear-gradient(180deg,#f5f8fc88,#f5f8fc66 45%,#f5f8fc88),url('media/today-alpenglow-v2.png') center/cover no-repeat}
body:not([data-page="today"]) .scene::after{display:none}
body:not([data-page="today"]) .mobile-shell{background:linear-gradient(180deg,#f7faff55,#f7faffaa 52%,#faf9f5c9);box-shadow:none;border:0;isolation:isolate}
body:not([data-page="today"]) .mobile-shell::before,body:not([data-page="today"]) .mobile-shell::after{display:none}
body:not([data-page="today"]) .topbar{height:76px;padding:23px 25px 12px;color:#30425f}
body:not([data-page="today"]) .wordmark:not(.is-companion){font:500 16px/1.3 system-ui;letter-spacing:-.3px;color:#435974}
body:not([data-page="today"]) .settings-icon{color:#73869f}body:not([data-page="today"]) .settings-icon circle{fill:#edf3fa}
body:not([data-page="today"]) #screen{padding-inline:25px}
body:not([data-page="today"]) .bottom-nav{background:#f6f9fce8;border-top:1px solid #dce4ee;box-shadow:none;backdrop-filter:blur(18px)}
body:not([data-page="today"]) .nav-item{color:#71829a}body:not([data-page="today"]) .nav-item[aria-current="page"]{color:#293f5e}
body:not([data-page="today"]) .page-heading h1,body[data-page="health"] .life-spaces .heading h1{font-size:30px;line-height:1.5;letter-spacing:1px;color:#30425f}
body:not([data-page="today"]) .page-heading{margin-bottom:24px}
body:is([data-page="goals"],[data-page="review"]) .period-tabs,body[data-page="review"] .review-periods{border-color:#637a982b;background:none;box-shadow:none}
body:is([data-page="goals"],[data-page="review"]) .goal-expand,body[data-page="review"] .review-archive-row{background:#f7faff40;border-color:#637a982b;box-shadow:none}
body[data-page="journal"] .journal-card-face{background:#f9fbfbe8;box-shadow:0 5px 20px #61768d0c;border:1px solid #ffffff80}
body[data-page="journal"] .journal-letter{background:transparent}
body[data-page="health"] .life-spaces{--muted:#60738c;--line:#637a982b;color:#30425f}
body[data-page="health"] .life-spaces .periods{background:#ffffff55;box-shadow:none}
body[data-page="health"] .life-spaces .periods .active{background:#ffffffb0;box-shadow:none}
body[data-page="life"] .life-page{--life-muted:#60738c;--life-line:#637a982b}
body[data-page="life"] .life-title h1{color:#30425f}
body[data-page="chat"] .message.partner{background:#edf4fbd6;border:1px solid #ffffff80;box-shadow:none;color:#30425f}
body[data-page="chat"] .message.user{background:#fffdfae8;color:#30425f;box-shadow:none}
body[data-page="chat"] .composer{background:#f6f9fce8;border-color:#dce4ee;box-shadow:none}
body:not([data-page="today"]) dialog{background:#f6f8fc;color:#30425f;border:1px solid #e0e6ef;box-shadow:0 12px 40px #30425f18}
body:not([data-page="today"]) dialog::backdrop{background:#354b6638;backdrop-filter:blur(5px)}
body:not([data-page="today"]) dialog :is(h2,h3,p,label,button){color:inherit}
@media(max-width:360px){body:not([data-page="today"]) #screen{padding-inline:20px}body:not([data-page="today"]) .topbar{padding-inline:20px}}
/* Charts and long-form reading get more quiet paper over the same landscape. */
body:is([data-page="health"],[data-page="review"],[data-page="journal"],[data-page="goals"]) .scene::before{background:linear-gradient(180deg,#f6f9fcb0,#f6f9fcd9 45%,#f6f9fcd9),url('media/today-alpenglow-v2.png') center/cover no-repeat}
/* Mira: a quiet conversation above the same snowy landscape as Today. */
body[data-page="chat"] .scene::before{inset:0 auto 0 50%;width:min(100%,430px);transform:translateX(-50%);animation:none;will-change:auto;filter:none;opacity:1;background:linear-gradient(180deg,#f4f8fce8 0%,#f0f6fbd4 28%,#edf4fb8c 58%,#e7f0fa26 100%),url('media/today-alpenglow-v2.png') center bottom/cover no-repeat}
body[data-page="chat"] .mobile-shell{background:linear-gradient(180deg,#f7faff22,#eef5fc08 65%,#edf4fa18)}
body[data-page="chat"] .topbar{background:linear-gradient(180deg,#f5f9fcdd,#f5f9fc55);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff55}
body[data-page="chat"] .message.partner,body[data-page="chat"] .message.user{background:transparent;border:0;box-shadow:none}
body[data-page="chat"] .message.partner .message-text{background:#edf4fbd9;color:#30425f;border:1px solid #ffffffb3;box-shadow:0 4px 20px #5f799508;backdrop-filter:blur(10px);border-radius:19px 19px 19px 5px}
body[data-page="chat"] .message.user .message-text{background:#fffdfae8;color:#30425f;border:1px solid #ffffffcc;box-shadow:0 4px 20px #5f799508;backdrop-filter:blur(10px);border-radius:19px 19px 5px 19px}
body[data-page="chat"] .composer{background:linear-gradient(180deg,#edf4fa00,#edf4facc 40%,#f5f8fbe8);border-top:0;backdrop-filter:blur(8px);box-shadow:none}
body[data-page="chat"] .composer-row{background:#ffffffbd;border-color:#ffffffd9;box-shadow:0 3px 18px #536e8c0c}
body[data-page="chat"] .bottom-nav{background:#f5f8fbd9}