:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef6ff;--muted:#d6e6f59e;--accent:#8fd3ff;--font:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;font-family:var(--font)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#000;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-height:100dvh}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#vignette{pointer-events:none;background:radial-gradient(#0000 55%,#00040c99 100%);position:fixed;top:0;bottom:0;left:0;right:0}#progress{z-index:5;background:linear-gradient(90deg,#8fd3ff00,#8fd3ff,#fff);width:0;height:2px;transition:width .35s,opacity .6s;position:fixed;top:0;left:0;box-shadow:0 0 12px #a0c8ffcc}#progress.is-done{opacity:0}#start{z-index:3;padding:72px 22px calc(28px + env(safe-area-inset-bottom));text-align:center;pointer-events:none;background:linear-gradient(#0000 0%,#00000047 52%,#000000b8 100%);flex-direction:column;align-items:center;gap:8px;transition:opacity .7s;display:flex;position:fixed;bottom:0;left:0;right:0}#start.is-hidden{opacity:0}.mark{letter-spacing:.7em;text-indent:.7em;text-shadow:0 0 24px #78beff8c;text-transform:uppercase;margin:0;font-size:30px;font-weight:200}.tagline{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:400}#status{max-width:28rem;min-height:1.2em;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.4}#start-btn{pointer-events:auto;-webkit-appearance:none;appearance:none;font:500 13px/1 var(--font);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#eaf6ff;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(#285a9647,#08142880);border:1px solid #8cc8ff73;border-radius:999px;margin-top:10px;padding:15px 64px;transition:box-shadow .35s,border-color .35s,color .35s;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #78beff2e,0 0 24px #5aaaff40,0 0 1px #a0d7ffe6}#start-btn span{z-index:1;position:relative}#start-btn:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#aadcff59 50%,#0000 70%);animation:4.5s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}@keyframes sweep{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}#start-btn:hover{color:#fff;border-color:#aae1ffd9;box-shadow:inset 0 0 22px #78beff4d,0 0 38px #5aaaff73,0 0 1px #c8ebff}#start-btn:active{transform:scale(.98)}#start-btn:disabled{cursor:progress;opacity:.6}#start-btn:focus-visible{outline:1px solid var(--accent);outline-offset:4px}#hud{z-index:4;opacity:0;pointer-events:none;transition:opacity .8s;position:fixed;top:0;bottom:0;left:0;right:0}#hud.is-on{opacity:1}.panel{-webkit-backdrop-filter:blur(18px)saturate(1.3);background:linear-gradient(135deg,#0e1a2c8c,#04081066);border:1px solid #8cc8ff29;border-radius:4px 18px;max-width:min(320px,100vw - 28px);padding:14px 18px 14px 20px;position:absolute;box-shadow:inset 0 0 24px #5aa0ff0f,0 18px 40px #00000073}.panel:before{content:"";background:linear-gradient(180deg, var(--accent), #78beff00);width:2px;box-shadow:0 0 10px var(--accent);border-radius:2px;position:absolute;top:14px;bottom:14px;left:0}.panel p{margin:0}.panel-tag{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:9px;display:flex;margin-bottom:8px!important}.dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.place-panel{top:calc(18px + env(safe-area-inset-top));left:18px}.time{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:200}.sun{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;margin-top:4px!important}.name{letter-spacing:.06em;font-size:15px;font-weight:400;margin-top:12px!important}.coords{color:var(--accent);font:11px/1.4 var(--mono);letter-spacing:.08em;opacity:.85;margin-top:2px!important}.fix{color:var(--muted);letter-spacing:.04em;font-size:11px;margin-top:8px!important}#pin-label{z-index:4;-webkit-backdrop-filter:blur(10px);color:#fff;font:11px/1.3 var(--mono);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000c;pointer-events:none;background:#060e1c8c;border:1px solid #8cc8ff4d;border-radius:999px;max-width:min(480px,100vw - 24px);padding:5px 12px;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,calc(-100% - 12px))}#recenter{z-index:5;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:auto;-webkit-appearance:none;appearance:none;color:#eaf6ff;-webkit-backdrop-filter:blur(14px);font:500 10px/1 var(--font);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:#0812228c;border:1px solid #8cc8ff66;border-radius:999px;padding:10px 22px;position:fixed;transform:translate(-50%);box-shadow:0 0 20px #5aaaff38}#recenter:hover{border-color:#aae1ffd9}#recenter:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.noscript{text-align:center;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:700px){.time{font-size:21px}.mark{font-size:24px}#start-btn{padding:14px 48px}.place-panel{left:12px;top:calc(12px + env(safe-area-inset-top))}#pin-label{font-size:10px}}@media (prefers-reduced-motion:reduce){#start,#hud,#progress{transition:none}#start-btn:before,.dot{animation:none}}