.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--bg:#05070f;--ink:#f4f1ea;--ink-dim:#f4f1ea8c;--ink-faint:#f4f1ea59;--gold:#f2c14e;--glass:#0b0f1e8c;--line:#ffffff17;--serif:"Instrument Serif", Georgia, serif;--sans:"Space Grotesk", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;overflow-x:hidden}button{color:inherit;font-family:inherit}.hero{background:linear-gradient(#0a1230 0%,#0c1840 55%,#1a2c5e 100%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}#sky{opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}#sky.ready{opacity:1}.shot #sky{transition:none}.shot .scroll-hint{display:none}.hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#05070f00 46%,#05070f4d 72%,#05070fad 100%);position:absolute;inset:0}.mountains{pointer-events:none;height:37vh;min-height:230px;position:absolute;inset:auto 0 0;overflow:hidden}.mountains svg{will-change:transform;width:300%;height:100%;position:absolute;bottom:0;left:-100%}.m-back path{fill:#0c1222;opacity:.88}.m-front path{fill:#04060d}.topbar{z-index:6;justify-content:space-between;align-items:center;padding:22px 30px;display:flex;position:relative}.wordmark{color:var(--ink);letter-spacing:.03em;align-items:center;gap:9px;font-size:15px;font-weight:500;text-decoration:none;transition:color .7s;display:inline-flex}.wordmark-dot{background:var(--gold);border-radius:50%;width:11px;height:11px;box-shadow:0 0 14px #f2c14ee6}.top-links a{color:var(--ink-dim);margin-left:20px;font-size:13.5px;text-decoration:none;transition:color .7s}.top-links a:hover{color:var(--ink)}.hero.day-ui .wordmark{color:#131a33}.hero.day-ui .top-links a{color:#131a33a8}.hero.day-ui .top-links a:hover{color:#131a33}.hero-ui{z-index:6;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:auto;padding:0 30px;display:flex;position:relative}.phase-label{letter-spacing:.38em;text-transform:uppercase;color:var(--phase-color,var(--gold));margin-left:4px;font-size:12.5px;transition:color .4s}.hero.day-ui .phase-label{color:#131a33c7}.big-time{font-family:var(--serif);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;font-size:clamp(76px,13vw,164px);line-height:.95}.big-time span{text-align:center;width:.52em;display:inline-block}.big-time span.colon{width:.26em}.meta-line{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0 6px;font-size:14px;display:flex}.meta-sep{opacity:.5}.date-ctrl{align-items:center;gap:4px;display:inline-flex}.icon-btn{border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;line-height:1;transition:background .2s,border-color .2s;display:inline-flex}.icon-btn:hover{background:#ffffff24;border-color:#ffffff40}.date-btn{cursor:pointer;color:var(--ink);padding:2px 4px;display:inline-block;position:relative}.date-btn input[type=date]{opacity:0;cursor:pointer;border:0;padding:0;position:absolute;inset:0}.loc-btn{color:var(--ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:14px;-webkit-text-decoration:underline dotted #f4f1ea73;text-decoration:underline dotted #f4f1ea73}.loc-btn:hover{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.tz-text{font-variant-numeric:tabular-nums}.polar-badge[hidden]{display:none}.polar-badge{color:var(--gold);letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f2c14e1f;border:1px solid #f2c14e73;border-radius:999px;margin:12px 0 0 6px;padding:6px 14px;font-size:12.5px;display:inline-block}.sun-stats{text-align:right;color:var(--ink-dim);gap:7px;padding-bottom:6px;font-size:13px;display:grid}#compass{width:94px;height:94px;font-family:var(--sans);justify-self:end;margin-bottom:6px}.sun-stats .stat{justify-content:flex-end;align-items:baseline;gap:12px;display:flex}.sun-stats b{color:var(--ink);font-variant-numeric:tabular-nums;min-width:86px;font-weight:500}.scrub-wrap{z-index:6;padding:16px 30px;padding-bottom:calc(22px + env(safe-area-inset-bottom));align-items:center;gap:12px;display:flex;position:relative}.t-btn{background:var(--glass);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 12px;font-size:13px;transition:background .2s,border-color .2s;display:inline-flex}.t-btn:hover{background:#ffffff1f;border-color:#ffffff47}.scrubber{cursor:ew-resize;touch-action:none;outline:none;flex:1;height:56px;position:relative}.scrubber:focus-visible .scrub-track{box-shadow:0 0 0 2px #f2c14e99}.scrub-track{border:1px solid #ffffff29;border-radius:999px;height:12px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1px 4px #00000073,0 1px 8px #0000004d}.scrub-markers{pointer-events:none;position:absolute;inset:0}.scrub-marker{background:#ffffffe6;border-radius:1px;width:2px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #00000080}.scrub-mlabel{letter-spacing:.04em;color:var(--ink-dim);white-space:nowrap;font-size:10px;position:absolute;top:42px;transform:translate(-50%)}.playhead{background:var(--gold);pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #f2c14e38,0 2px 12px #0000008c}.loc-panel{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b18d1;border-radius:18px;width:min(380px,100vw - 40px);padding:18px;display:none;position:absolute;bottom:120px;left:30px;box-shadow:0 18px 50px #00000080}.loc-panel.open{animation:.22s pop;display:block}@keyframes pop{0%{opacity:0;transform:translateY(10px)}}.loc-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.loc-panel-head h4{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:13px;font-weight:500}.chips{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:6px 12px;font-size:12.5px;transition:border-color .2s,background .2s}.chip:hover{border-color:#f2c14e99}.chip.active{border-color:var(--gold);color:var(--gold);background:#f2c14e24}.loc-row{align-items:flex-end;gap:8px;margin-bottom:10px;display:flex}.loc-row label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);flex-direction:column;flex:1;gap:4px;font-size:11px;display:flex}.loc-row input{border:1px solid var(--line);width:100%;color:var(--ink);background:#00000059;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:13.5px}.loc-row input:focus{border-color:var(--gold);outline:none}.apply-btn{color:var(--gold);cursor:pointer;background:#f2c14e29;border:1px solid #f2c14e80;border-radius:9px;flex:none;padding:8px 16px;font-size:13px;font-weight:500}.apply-btn:hover{background:#f2c14e42}.geo-btn{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:9px;width:100%;padding:9px;font-size:13px;transition:background .2s}.geo-btn:hover{background:#ffffff1a}.loc-note{color:var(--ink-faint);margin:10px 0 0;font-size:11.5px}.scroll-hint{z-index:6;letter-spacing:.5em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;font-size:10px;animation:2.6s ease-in-out infinite drift;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}@keyframes drift{0%,to{opacity:.5;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,6px)}}.section{max-width:1160px;margin:0 auto;padding:120px 30px 60px;position:relative}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:11px}.sec-title{font-family:var(--serif);margin:0 0 14px;font-size:clamp(42px,6vw,66px);font-weight:400;line-height:1.02}.sec-sub{color:var(--ink-dim);max-width:560px;margin:0;font-size:15px;line-height:1.65}.dial-grid{grid-template-columns:minmax(290px,420px) 1fr;align-items:center;gap:56px;margin-top:54px;display:grid}.dial-wrap{position:relative}#dial{touch-action:none;cursor:grab;width:100%;height:auto;display:block}#dial:active{cursor:grabbing}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff07;border-radius:14px;gap:3px;padding:13px 14px 11px;transition:border-color .2s,transform .2s,background .2s;display:grid}.card:hover{background:#ffffff0d;border-color:#f2c14e73;transform:translateY(-2px)}.card-k{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:6px;font-size:10.5px;display:flex}.card-k .dot{border-radius:50%;flex:none;width:7px;height:7px}.card-v{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.card-s{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px}.year-wrap{margin-top:50px}#yearCanvas{aspect-ratio:1;cursor:crosshair;touch-action:pan-y;width:min(100%,680px);margin:0 auto;display:block}.legend{color:var(--ink-dim);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px;font-size:12px;display:flex}.lg{align-items:center;gap:7px;display:inline-flex}.sw{border:1px solid #ffffff1f;border-radius:3px;width:11px;height:11px}.footer{border-top:1px solid var(--line);text-align:center;margin-top:100px;padding:90px 30px}.feat-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 30px;display:flex}.feat{border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:6px 13px;font-size:12px}.install{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;display:inline-flex}.install code{color:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.code{text-align:left;border:1px solid var(--line);color:#d7dce8;background:#ffffff07;border-radius:16px;max-width:640px;margin:36px auto 0;padding:24px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.75;overflow-x:auto}.tk-kw{color:#c792ea}.tk-fn{color:#82aaff}.tk-str{color:#c3e88d}.tk-num{color:#f78c6c}.tk-cm{color:#d7dce861}.foot-links{justify-content:center;gap:26px;margin-top:34px;display:flex}.foot-links a{color:var(--ink-dim);font-size:13.5px;text-decoration:none;transition:color .2s}.foot-links a:hover{color:var(--ink)}@media (width<=860px){.dial-grid{grid-template-columns:1fr;gap:40px}.dial-wrap{width:100%;max-width:380px;margin:0 auto}}@media (width<=680px){.topbar{padding:16px 18px}.hero-ui{padding:0 18px}.sun-stats{display:none}.scrub-wrap{gap:8px;padding-left:18px;padding-right:18px}.section{padding:84px 18px 40px}.footer{padding:70px 18px}.loc-panel{bottom:110px;left:18px}.scroll-hint{display:none}.cards{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}.meta-line{font-size:13px}.meta-sep{display:none}}@media (prefers-reduced-motion:reduce){#sky,.scroll-hint{transition:none;animation:none}html{scroll-behavior:auto}}