body{background:#090e13;color:#e9eef0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.ambience{display:none}.rail{background:#0b1219;border-color:#26333c}.rail small{font-size:11px}.nav-link{font-size:16px!important;letter-spacing:0!important}.nav-link.active{color:#c9edf3!important;background:#162731!important;border-color:#8abac8!important}button,input,textarea,select{font-size:16px}button{border-radius:7px}.card{background:#101921;border:1px solid #293740;border-radius:10px;box-shadow:none}.card h2,.card-head h2{font-family:inherit;letter-spacing:0}.menu-tile{background:#0e1820;border-color:#283b47;border-radius:9px}.menu-tile strong{font-size:17px}.screen-home{padding-top:0!important}.p-hero{height:420px;position:relative;background-size:cover;background-position:center 66%;margin:0 -24px 0;padding:60px 32px;overflow:hidden}.p-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030b1377,transparent),linear-gradient(0deg,#090e13,transparent 55%)}.p-hero>div{position:relative}.p-greeting{font-size:19px;min-height:30px}.p-clock{font-size:64px;font-weight:300;letter-spacing:-3px}.p-quote{max-width:280px;font-size:16px;text-shadow:0 1px 8px #000}.p-next{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 28px;border-bottom:1px solid #283b47;margin-bottom:30px}.p-next h2{font-size:24px;font-weight:500}.p-next small{color:#a2c5d0}.p-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:40px}.p-slot{display:flex;gap:22px;background:none;color:inherit;border:0;border-bottom:1px solid #25343f;width:100%;padding:20px 0;text-align:left}.p-slot time{color:#9bbdca}.p-task{background:none;border:0;color:inherit;text-align:left;flex:1;padding:12px 0}.p-task.done{text-decoration:line-through;color:#7b94a1}.p-link{display:block;margin-top:20px;color:#afd3de}.p-note{border-top:1px solid #30434e;padding:18px 0}.p-note p{white-space:normal;overflow-wrap:anywhere}.p-city{height:680px;max-height:80vh;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#070b10;border-radius:10px;position:relative}.p-city>span{position:absolute;top:15px;left:20px;color:#c9e5ee;background:#091119bb;padding:6px 12px}.p-start:after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c1efff99,transparent);animation:p-scan .9s ease-out forwards}.p-start .p-greeting span{opacity:0;animation:p-type .01s forwards}@keyframes p-type{to{opacity:1}}@keyframes p-scan{from{top:0;opacity:.7}to{top:100%;opacity:0}}.p-no-motion *{animation:none!important}@media(prefers-reduced-motion:reduce){.p-start:after{display:none}.p-start .p-greeting span{opacity:1;animation:none}}@media(max-width:700px){.p-columns{grid-template-columns:1fr;gap:30px}.p-hero{height:360px;margin:0 -16px;padding:48px 22px;background-position:58% 66%}.p-clock{font-size:56px}.p-next h2{font-size:21px}#navigation{display:flex!important;justify-content:space-around}#navigation .nav-link{padding:12px 8px!important;min-width:0}body{padding-bottom:75px}.p-city{height:580px}.p-next button{white-space:nowrap}}
:root{--lime:#b9dce1;--accent:#b9dce1;--cyan:#a4ccd5}button:not(.quiet):not(.check):not(.p-slot):not(.p-task){background:#b9dce1;color:#13262e;border-color:#b9dce1;box-shadow:none}.menu-tile:before,.menu-tile:after{display:none}.menu-tile{border-left-color:#283b47!important}.menu-tile svg,.menu-tile>span{color:#a5cbd5!important}.nav-link:before,.nav-link:after{display:none!important}.topbar,.footer-note{font-family:inherit;letter-spacing:0}.footer-note{font-size:13px}.p-city{aspect-ratio:2/3;height:auto;max-height:none;max-width:540px;margin:auto}.p-city svg{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.p-no-motion .p-city svg{display:none}@media(prefers-reduced-motion:reduce){.p-city svg{display:none}}
/* 04.1: calm home, three primary destinations, settings outside the dock. */
.os-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:64px;position:relative;z-index:3}.os-brand{color:#e1eff3;text-decoration:none;letter-spacing:.23em;font-size:14px;font-weight:600}.os-settings{color:#bed5de;text-decoration:none;font-size:20px;padding:10px;border-radius:8px}.os-settings span{font-size:14px;margin-left:5px}.screen-home .os-toolbar{margin-bottom:-64px;padding:0 16px}.screen-home .p-hero{padding-top:95px;height:420px;background-position:center 65%}.p-next{margin-bottom:32px}.p-next h2{font-weight:450;font-size:24px;line-height:1.4}.p-columns h2{font-weight:500;font-size:22px;letter-spacing:0}.p-slot,.p-task{min-height:48px;line-height:1.5}.p-task{overflow-wrap:anywhere}.p-slot span{overflow-wrap:anywhere}.p-greeting{font-size:17px}.p-clock{font-size:66px}.p-hero:before{background:linear-gradient(180deg,#06101c44,transparent 40%,#090e13),linear-gradient(90deg,#04101b55,transparent 70%)}.p-columns{gap:48px}.os-routine-links{display:flex;gap:20px;flex-wrap:wrap;padding:16px 0 24px}.os-routine-links a{color:#aeced8;font-size:16px}.topbar{display:none}.nav-link{display:flex;align-items:center;gap:14px;font-family:inherit!important;letter-spacing:0!important}.nav-link svg{width:21px;height:21px;stroke:currentColor}.rail{box-shadow:none}#navigation .nav-link.active{border-color:transparent!important;background:#bedfeb0d!important;color:#d3eff5!important}#navigation .nav-link{position:relative}#navigation .nav-link.active:after{content:'';display:block!important;position:absolute;left:0;top:25%;height:50%;width:2px;background:#bce7f1;box-shadow:0 0 10px #bce7f133}.footer-note{color:#8ba3b0}.screen-home>.p-link{margin-bottom:32px}button:focus-visible,a:focus-visible{outline:2px solid #a6d8e7;outline-offset:3px}.p-next button{font-size:16px;padding:12px 18px}#toast{bottom:100px} @media(max-width:700px){.rail{height:auto!important;min-height:0!important;padding:0!important;bottom:0!important;background:#0c151ceF!important;backdrop-filter:blur(16px);border-top:1px solid #48637266!important;box-shadow:0 -8px 30px #0002!important}.rail #navigation{height:auto!important;padding:6px 12px calc(6px + env(safe-area-inset-bottom))!important;gap:8px!important}.rail .nav-link{flex:1;display:flex!important;flex-direction:column;gap:4px;min-height:58px;padding:7px 6px!important;font-size:14px!important;border:0!important;border-radius:9px}.rail .nav-link span{display:block!important}.rail .nav-link svg{width:21px;height:21px}.rail #navigation .nav-link.active:after{left:calc(50% - 12px);top:0;width:24px;height:2px}.screen-home .p-hero{height:380px;background-position:58% 65%;padding-top:85px}.p-clock{font-size:58px}.p-next h2{font-size:21px}.p-columns{gap:30px}#app{padding-bottom:110px!important}.p-city{display:none}.os-settings span{font-size:13px}.rail-foot{display:none!important}}
#navigation .nav-link,#navigation .nav-link.active{box-shadow:none!important;border-top:0!important;border-bottom:0!important;outline:none}#navigation .nav-link:focus-visible{outline:2px solid #a6d8e7!important}.p-no-motion .p-greeting span{opacity:1!important}
/* 04.1.1: let the document own vertical scrolling. */
html{height:auto;min-height:100%;overflow-y:auto;overflow-x:clip}body{height:auto;min-height:100dvh;overflow:visible}#app.screen-home{height:auto!important;min-height:100dvh;max-height:none!important;overflow:visible!important;touch-action:pan-y}.p-start:after{pointer-events:none}@media(max-width:800px){.rail{top:auto!important;bottom:0!important;max-height:90px;overflow:visible!important}#app.screen-home{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}}
/* Restore the earlier blue-white visual language, without neon-green styling. */
:root{--cyan:#9bd9e8;--lime:#9bd9e8;--accent:#9bd9e8;--line:#34505d;--panel:#091923e8}.rail{background:#061018f0!important}.nav-link{color:#9eb6c3!important}.nav-link.active{color:#def7ff!important}button{font-family:inherit!important;font-weight:400!important;letter-spacing:0!important}button:not(.quiet):not(.check):not(.p-slot):not(.p-task){background:#14303e;color:#d5f3fc;border:1px solid #6a9cac;border-radius:6px;box-shadow:inset 0 1px #acd8e514}button:hover{filter:brightness(1.12)}.quiet{background:transparent;color:#b7d5df;border-color:#3b5b6a}.card,.menu-tile{background:linear-gradient(130deg,#0c212cdd,#08141de8);border-color:#355563;border-radius:8px}.menu-tile strong{font-weight:450}.card h2{color:#d4eaf3}.os-brand{font-weight:500}.p-clock{color:#e5f7fc;text-shadow:0 0 24px #82d6f51a}.p-quote{color:#c8dde7}.p-next{border-color:#35505d}.p-slot{border-color:#293f4a}.p-hero{border-radius:0 0 8px 8px}.p-columns .card-head button{font:16px inherit;min-width:44px;min-height:44px}.note{font-size:14px}.section-lead{font-size:16px}.tabs button{font-family:inherit;font-size:14px}.menu-tile p{font-size:14px}.os-routine-links a{font-size:16px}@media(max-width:800px){.rail #navigation{display:flex;justify-content:space-around;margin:0;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.rail .nav-link{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:13px!important;min-height:58px;padding:6px!important}.rail .nav-link span{display:block}.rail .nav-link svg{height:21px;width:21px}.rail #navigation .nav-link.active:after{left:calc(50% - 12px);top:0;width:24px;height:2px}.rail{height:auto!important;max-height:95px}.rail-foot{display:none!important}}
