/* Product finish: four destinations, imagery, tactile glass; existing state is unchanged. */
:root{--premium-glass:rgba(255,255,255,.69);--premium-stroke:rgba(122,151,165,.36);--premium-shadow:rgba(6,30,47,.13)}
html[data-theme="dark"]{--premium-glass:rgba(27,45,56,.72);--premium-stroke:rgba(199,228,241,.3);--premium-shadow:rgba(0,0,0,.3)}
@media(prefers-color-scheme:dark){html[data-theme="auto"]{--premium-glass:rgba(27,45,56,.72);--premium-stroke:rgba(199,228,241,.3);--premium-shadow:rgba(0,0,0,.3)}}
.section-navigation{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 23px}.section-navigation button{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:11px 17px;min-height:44px;font:inherit;font-size:14px}.section-navigation button[aria-current="page"]{background:var(--text);color:var(--surface);border-color:var(--text)}
.topbar[data-view="home"] .eyebrow{display:none}.topbar[data-view="home"]{padding-bottom:3px}.moment-welcome{margin:5px 0 22px!important}.moment-welcome h2{font-size:40px!important;font-weight:650;letter-spacing:-.045em;line-height:1.08}.moment-welcome p{font-size:14px;color:var(--muted);margin:9px 0 5px}.local-storage-link{font-size:11px!important;min-height:32px;opacity:.9}
.moment-layout{gap:28px}.moment-main{min-width:0}.moment-secondary{min-width:0}.moment-feature.scenic-card{border-radius:29px;min-height:455px;padding:26px 24px 22px;box-shadow:inset 0 1px 0 #ffffff50,0 12px 33px #03263522}.moment-feature.scenic-card::before{filter:saturate(1.06)}.moment-feature.scenic-card::after{background:linear-gradient(180deg,#03151c05 10%,#03151c3d 40%,#03151cee 100%)}
.moment-feature.scenic-card .moment-top{margin-bottom:auto;padding-bottom:80px;align-items:flex-start;gap:8px;flex-wrap:wrap}.moment-feature.scenic-card .moment-state,.moment-feature.scenic-card .moment-category{background:linear-gradient(140deg,#c4e9ff30,#c4e9ff12);color:#f5fbff;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border:1px solid #e1f3ff7a;box-shadow:inset 0 1px 0 #ffffff30;padding:7px 10px;font-size:10px;letter-spacing:.05em}
.moment-feature.scenic-card h2{font-size:clamp(34px,4vw,48px);letter-spacing:-.045em;line-height:1.05;font-weight:650;margin:10px 0 14px;overflow-wrap:anywhere;text-shadow:0 2px 12px #0002}.moment-feature.scenic-card .moment-range{font-size:14px;color:#edf7ff;line-height:1.5}.moment-feature.scenic-card .moment-first p{font-size:15px;line-height:1.45;color:#e5f2fa}.moment-feature.scenic-card .moment-first{margin-bottom:21px}
.moment-feature.scenic-card .action{min-height:55px;border-radius:17px;background:linear-gradient(135deg,#ccecff55,#b1dde92b 65%,#e1efe23f)!important;border:1px solid #deefffa1!important;border-bottom-color:#c1deeb66!important;box-shadow:inset 0 1px 0 #ffffffa0,inset 0 -1px 1px #d9efff22,0 6px 18px #0003;backdrop-filter:blur(23px) saturate(1.35);-webkit-backdrop-filter:blur(23px) saturate(1.35);color:#fff!important;font-weight:600;font-size:15px}.moment-feature.scenic-card .action:active{transform:scale(.987)}
.moment-count .moment-label{font-size:11px;letter-spacing:.02em}.moment-count .moment-number{font-size:39px!important;font-weight:350;letter-spacing:-.045em}.moment-count{margin-bottom:18px!important}.active-session .summary-clock{color:white;font-size:73px;font-weight:250;letter-spacing:-.06em;line-height:1.1;font-variant-numeric:tabular-nums;margin:6px 0 20px}.active-session .moment-top{padding-bottom:55px!important}.active-session h2{font-size:28px!important}
.upcoming-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-top:23px}.upcoming-panel .panel-title{padding:0 2px;margin-bottom:13px}.next-scene{border-radius:22px;min-height:139px;align-items:flex-end}.next-scene strong{font-size:23px;letter-spacing:-.025em;font-weight:600;line-height:1.2}.next-scene small{font-size:13px}.next-scene .upcoming-time{font-size:17px;align-self:flex-end}.next-scene .more-btn{background:#051f2e66;border:1px solid #ffffff66;border-radius:50%;backdrop-filter:blur(15px)}
.home-pending{margin:0 0 15px}.home-pending>summary{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:16px;color:var(--text);padding:17px 19px;min-height:58px;background:var(--surface);border:1px solid var(--line);border-radius:19px;cursor:pointer}.home-pending>summary span{color:var(--muted);font-size:13px}.home-pending[open]>.priority-panel{margin-top:12px}.home-create{min-height:49px;border-radius:16px;background:var(--blue-wash)!important;color:var(--brand-blue)!important}
.scenic-focus{border-radius:29px;box-shadow:inset 0 1px 0 #ffffff50,0 12px 32px #03263522}.scenic-focus::after{background:linear-gradient(0deg,#02111cf5,#0418247a 60%,#04263c11)}.scenic-focus>.eyebrow{letter-spacing:.1em;font-size:10px}.scenic-focus>h2{font-size:25px;font-weight:500;margin-top:170px}.scenic-focus .ring-time{font-size:clamp(76px,10vw,112px);font-weight:250}.scenic-focus .focus-actions .action{background:linear-gradient(150deg,#effaff4d,#bed7e31c)!important;border-color:#e1f4ff9c!important;box-shadow:inset 0 1px 0 #ffffff95,0 7px 20px #0003;backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px)}.scenic-focus .recovery-trigger{border-color:#d8eaff70;background:#0c263aaa;border-radius:99px;font-size:13px}.scenic-focus>.first-step{border-radius:15px;background:#06202daf;border:1px solid #bfdce033}.scenic-focus .focus-recovery,.scenic-focus .focus-decision{box-shadow:0 12px 28px #0002}
.routine-card.scenic-card{box-shadow:inset 0 1px 0 #ffffff38,0 7px 23px #0326351a;min-height:196px}.routine-card.scenic-card .small-round{background:linear-gradient(140deg,#b9e6ff3b,#a2c5d513)!important;border-color:#e0f3ff8a!important;box-shadow:inset 0 1px 0 #ffffff40;backdrop-filter:blur(18px)}.routine-card .routine-name{font-weight:600!important}.sheet{box-shadow:0 25px 80px #0005!important}.head-actions .icon-btn{border:1px solid var(--premium-stroke)!important;background:var(--premium-glass)!important;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff30,0 5px 15px var(--premium-shadow)}
@media(min-width:900px){.home-pending{margin-top:109px}.moment-layout{grid-template-columns:minmax(0,1.25fr) minmax(255px,.75fr)}.content-area[data-view="focus"] .page-head{max-width:770px;margin:0 auto 22px}.content-area[data-view="day"] .day-list{max-width:860px}}
@media(max-width:690px){.mobile-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;left:18px;right:18px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:7px;border-radius:99px;background:linear-gradient(130deg,var(--premium-glass),var(--premium-glass))!important;border:1px solid var(--premium-stroke)!important;box-shadow:inset 0 1px 0 #ffffff65,inset 0 -1px 0 #ffffff18,0 10px 30px var(--premium-shadow)!important;backdrop-filter:blur(30px) saturate(1.25)!important;-webkit-backdrop-filter:blur(30px) saturate(1.25)!important}.mobile-link{min-height:54px;padding:7px 3px!important;gap:5px!important;font-size:10px;border-radius:99px}.mobile-link.active{background:linear-gradient(140deg,var(--blue-wash),var(--surface))!important;box-shadow:inset 0 1px 0 #ffffff32;color:var(--text)!important}.mobile-link .icon{width:20px;height:20px}.moment-layout{gap:17px}.moment-welcome h2{font-size:35px!important}.moment-feature.scenic-card{min-height:434px;padding:23px 21px 20px}.moment-feature.scenic-card h2{font-size:39px}.moment-feature.scenic-card .moment-top{padding-bottom:70px}.moment-count .moment-number{font-size:34px!important}.moment-feature.scenic-card .moment-actions{display:flex;flex-direction:column;align-items:stretch}.moment-feature.scenic-card .inline-link{justify-content:center;font-size:13px}.home-pending{margin-top:4px}.moment-secondary{gap:6px!important}.scenic-focus{min-height:640px}.scenic-focus>h2{margin-top:155px}.active-session .summary-clock{font-size:76px}.active-session h2{font-size:27px!important}.section-navigation{margin-bottom:19px;gap:7px}.section-navigation button{padding:10px 15px;font-size:13px}.topbar{padding-top:max(16px,env(safe-area-inset-top,0px))}.content-area{padding-bottom:calc(122px + env(safe-area-inset-bottom,0px))}}
@media(max-width:360px){.moment-feature.scenic-card h2{font-size:34px}.moment-feature.scenic-card .moment-top{padding-bottom:45px}.moment-feature.scenic-card{padding:21px 18px;min-height:405px}.moment-feature.scenic-card .moment-category{font-size:9px}.mobile-nav{left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.moment-feature.scenic-card .action:active{transform:none}}