body.focused-home{--bg:#080e20;--home-muted:#b1bed4;--home-edge:#334763;--home-focus:#b7d6ff;--home-surface:#0d1830}body.focused-home .home-stage{gap:24px;padding:clamp(22px,4svh,44px) 20px 15px}body.focused-home .home-planner{max-width:430px;padding:0}body.focused-home .night-scene img{opacity:1;object-position:center top}body.focused-home .night-scene:after{background:linear-gradient(180deg, #03081944, transparent 32%, transparent 64%, var(--bg)), radial-gradient(ellipse at 50% 48%, #274c7b38, transparent 60%)}.home-meteors{position:absolute;inset:0}.home-meteors:before,.home-meteors:after{content:"";opacity:0;filter:drop-shadow(0 0 3px #91b7ff);background:linear-gradient(90deg,#0000,#7fa9f0a0 72%,#e1efff);border-radius:999px;width:clamp(54px,8vw,110px);height:1.5px;animation:13s linear .45s infinite meteor-pass;position:absolute;top:7%;left:57%}.home-meteors:after{animation-delay:7s;top:13%;left:13%}@keyframes meteor-pass{0%{opacity:0;transform:translate(-72px,-30px)rotate(23deg)}2%{opacity:.95}8%{opacity:0;transform:translate(144px,62px)rotate(23deg)}to{opacity:0}}body.focused-home .hero{grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:9px;padding-bottom:22px;display:grid}body.focused-home .home-wordmark{margin:0}body.focused-home .home-wordmark .moon-window{width:46px;height:46px;margin:0}body.focused-home .hero h1{color:#f5f6fd;font-family:var(--heading);letter-spacing:-.042em;margin:0;font-size:clamp(29px,8.6vw,48px);font-weight:400;line-height:1.06}body.focused-home .hero p{color:var(--home-muted);grid-column:1/-1;margin-top:8px;font-size:clamp(14px,3.6vw,17px);line-height:1.45}.focused-home .direction-prompt{display:none}.focused-home .soft-segments.direction-tabs{border:1px solid var(--home-edge);isolation:isolate;background:#0a1327e6;border-radius:17px;max-width:286px;padding:3px}.focused-home .direction-tabs .segment-surfaces{display:none}.focused-home .direction-tabs:before{content:"";z-index:-1;background:linear-gradient(#263957,#1e2e49);border:1px solid #506784;border-radius:13px;width:calc(50% - 3px);transition:transform .24s cubic-bezier(.2,.75,.25,1);position:absolute;inset:3px auto 3px 3px;box-shadow:0 3px 8px #05091180}.focused-home .direction-tabs:not(:has([aria-pressed=true])):before{opacity:0}.focused-home .direction-tabs:has(.segment-choices>:last-child[aria-pressed=true]):before{transform:translate(100%)}.focused-home .direction-tabs .segment-choices>button{min-height:44px;color:var(--home-muted);border-radius:13px;margin-inline:0;padding:6px 5px;font-size:14px}.focused-home .direction-tabs .segment-choices>button[aria-pressed=true]{color:#f3f6ff}.focused-home .direction-tabs .intent-icon{width:17px;height:17px}.focused-home .direction-tabs [aria-pressed=true] .intent-icon{color:var(--lamp)}body.focused-home .time-block{padding:19px 0 23px}.time-dial{isolation:isolate;aspect-ratio:1;background:radial-gradient(at 50% 8%,#35578a44,#0000 70%),#0d172c;border:1px solid #465d83;border-radius:50%;place-items:center;width:clamp(216px,62vw,272px);margin-inline:auto;display:grid;position:relative;box-shadow:0 0 0 4px #162745,0 15px 44px #0006,inset 0 0 30px #080f1e}.time-dial:before{content:"";pointer-events:none;background:repeating-conic-gradient(#8eabdd55 0deg 1.1deg,#0000 1.1deg 6deg);border-radius:50%;position:absolute;inset:9%;mask-image:radial-gradient(#0000 67%,#000 67.6% 70.6%,#0000 71%)}.time-dial-orbit{transform:rotate(var(--minute-angle,0deg));pointer-events:none;border-radius:50%;transition:transform .42s cubic-bezier(.2,.76,.25,1);position:absolute;inset:3.8%}.time-dial-orbit:before{content:"";border-radius:inherit;background:conic-gradient(#0000 0deg 260deg,#4577c726 277deg,#689cf58c 325deg,#a9ceff 358deg,#d8ecff 360deg);position:absolute;inset:0;mask-image:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.time-dial-orbit:after{content:"";background:#e3f0ff;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #b7d6ff,0 0 17px #679bff}.time-dial-face{--wheel-row:47px;isolation:isolate;color:var(--ink);font-variant-numeric:tabular-nums;grid-template-columns:56px 10px 56px 46px;align-items:center;gap:2px;display:grid;position:relative}.time-dial-face:before{content:"";height:var(--wheel-row);z-index:-1;pointer-events:none;background:linear-gradient(#203454a6,#182943ba);border:1px solid #425b8066;border-radius:13px;position:absolute;inset:50% -5px auto;transform:translateY(-50%)}.time-dial-colon{color:var(--accent);pointer-events:none;font-size:27px}.time-wheel{height:calc(var(--wheel-row) * 3);padding-block:var(--wheel-row);overflow-anchor:none;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none;scroll-snap-type:y mandatory;border-radius:12px;overflow-y:auto;mask-image:linear-gradient(#0000,#000 34% 66%,#0000)}.time-wheel [role=option]{height:var(--wheel-row);scroll-snap-align:center;color:var(--home-muted);cursor:pointer;user-select:none;border-radius:10px;place-items:center;font-size:23px;line-height:1;display:grid}.time-wheel [aria-selected=true]{color:var(--ink);letter-spacing:-.035em;font-size:40px;font-weight:650}.time-wheel:focus-visible [aria-selected=true]{box-shadow:inset 0 0 0 2px var(--home-focus);background:#37577e80}.time-dial-period{min-width:44px;min-height:44px;color:var(--lamp);background:0 0;border-left:1px solid #6682a866;border-radius:0 9px 9px 0;padding:0;font-size:12px;font-weight:650}.time-dial-period:hover{background:#49618844}body.focused-home .calculate-button{background:linear-gradient(#efdaa9,#e9c78f);border-radius:14px;max-width:286px;min-height:50px;padding:10px 38px;font-size:16px;font-weight:700;position:relative;box-shadow:inset 0 1px #fff8,0 5px 20px #dfb17222}.focused-home .calculate-button:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:8px;height:8px;position:absolute;top:calc(50% - 4px);right:21px;transform:rotate(45deg)}body.focused-home .sleep-now-shortcut{color:#e6ecfa;margin-top:5px;font-size:14px}body.focused-home .plan-settings{max-width:330px;margin:0 auto}.focused-home .plan-settings[open]{border:1px solid var(--home-edge);background:var(--home-surface);border-radius:18px;padding:0 15px 8px}.focused-home .plan-settings>summary{color:var(--home-muted);font-size:12px}.focused-home .result-panel{border:1px solid var(--home-edge);background:radial-gradient(ellipse at 50% 18%, #35578a44, transparent 70%), var(--home-surface);border-radius:30px;padding:20px 24px 13px}body.focused-home .home-stage:has(.showing-results) .hero{grid-template-columns:auto;padding-bottom:16px}body.focused-home .home-stage:has(.showing-results) .home-wordmark{display:none}body.focused-home .home-stage:has(.showing-results) .hero h1{font-size:26px;font-weight:400}body.focused-home .home-bottom{border-top:1px solid #7694bf3d;max-width:736px;padding-top:5px}body.focused-home .home-bottom nav{gap:0 22px;font-size:12px}.focused-home .home-utilities{color:var(--home-muted);margin-top:0}.focused-home .home-utilities a{min-height:44px}@media (width>=760px){.focused-home .home-bottom{justify-content:space-between;align-items:center;display:flex}}@media (width<=759px){.home-meteors:before{top:6%;left:59%}.home-meteors:after{top:12%;left:-6%}.focused-home .result-panel{padding-inline:16px}}@media (width<=359px){body.focused-home .home-stage{gap:16px;padding-inline:14px}body.focused-home .home-bottom nav{gap:0 12px;font-size:11px}body.focused-home .home-wordmark .moon-window{width:36px;height:36px}.time-dial-face{grid-template-columns:49px 8px 49px 44px}.time-wheel [aria-selected=true]{font-size:35px}}@media (prefers-reduced-motion:reduce){.focused-home .direction-tabs:before,.time-dial-orbit{transition:none}.home-meteors:before,.home-meteors:after{opacity:.66;animation:none;transform:rotate(23deg)}}
