:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e6e8ee;background:#0b0e14;margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:640px;margin:0 auto;padding:2rem 1rem}h1{margin:0 0 .25rem}.subtitle{color:#9aa3b2;margin:0 0 1.5rem}.app-footer{text-align:center;border-top:1px solid #2a3240;margin-top:3rem;padding-top:1rem;font-size:.9rem}.app-footer a{color:#9aa3b2;text-decoration:none}.app-footer a:hover{color:#3b82f6}.app-footer-sep{color:#4a5568;margin:0 .5rem}button{font:inherit}button.primary,button.secondary,button.link{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1rem}button.primary{color:#fff;background:#3b82f6;font-size:1rem}button.primary:disabled,button.secondary:disabled{opacity:.55;cursor:default}button.secondary{color:#e6e8ee;background:#1f2633;border:1px solid #2c3342}button.link{color:#3b82f6;background:0 0;padding:.25rem}.back{margin-bottom:1rem}.results-head .restart{cursor:pointer;color:#9aa3b2;background:#1f2633;border:1px solid #2c3342;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.results-head .restart:hover{color:#e6e8ee;border-color:#3b4a63}.landing{text-align:center;padding-top:.5rem}.landing-hero{justify-content:center;margin-bottom:1.75rem;display:flex}.eclipse-art{background:radial-gradient(circle at 35% 35%,#ffd966 0%,#ff9d2e 60%,#d95f0e 100%);border-radius:50%;width:140px;height:140px;position:relative;box-shadow:0 0 60px #ff9d2e59}.eclipse-art:before{content:"";background:radial-gradient(circle,#ff9d2e38 0%,#0000 70%);border-radius:50%;position:absolute;inset:-18px}.eclipse-art .moon{background:#0b0e14;border-radius:50%;width:140px;height:140px;position:absolute;top:0;left:0;transform:translate(38%,-6%)}.landing-lead{color:#9aa3b2;max-width:34rem;margin:0 auto;line-height:1.6}.landing-actions{flex-direction:column;gap:.6rem;margin-top:1.75rem;display:flex}.landing-actions .locate{cursor:pointer;color:#fff;background:linear-gradient(#4b8df8 0%,#3b82f6 100%);border:none;border-radius:10px;padding:.85rem 1.25rem;font-size:1.1rem;font-weight:600;box-shadow:0 6px 20px #3b82f659}.landing-actions .locate:hover{background:linear-gradient(#5a9af9 0%,#4b8df8 100%)}.landing-actions .locate:disabled{opacity:.55;cursor:default}.landing-actions .secondary{align-self:center}.form{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.form label{color:#9aa3b2;flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.form input{color:#e6e8ee;background:#141a26;border:1px solid #2c3342;border-radius:6px;padding:.5rem}.form button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;grid-column:1/-1;padding:.6rem;font-size:1rem}.form button:disabled{opacity:.55;cursor:default}.form-notice{color:#fbbf24;grid-column:1/-1;margin:0;font-size:.9rem}.message{color:#9aa3b2}.message.error{color:#f87171}.results-wrap{flex-direction:column;gap:1.25rem;display:flex}.results{background:#10141d;border:1px solid #2c3342;border-radius:8px;padding:1rem 1.25rem}.results-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.results h2{margin:0 0 .75rem;font-size:1.05rem}.results dl{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;display:grid}.results-verdict{color:#e6ebf2;background:#1a2333;border-radius:6px;margin:0 0 .75rem;padding:.75rem 1rem;font-weight:700}.results-verdict[data-tier=excellent],.results-verdict[data-tier=partial-clear]{color:#4ade80;background:#22c55e26}.results-verdict[data-tier=below-horizon]{color:#f87171;background:#f8717126}.results dt{color:#9aa3b2}.results dd{margin:0}.results-actions{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.results-actions .ar-primary{cursor:pointer;color:#04120a;background:#22c55e;border:none;border-radius:10px;padding:.9rem 1rem;font-size:1.15rem;font-weight:700}.results-actions .ar-primary:hover{background:#27d966}.results-actions .share{cursor:pointer;color:#9aa3b2;background:0 0;border:none;border-radius:6px;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.95rem;display:inline-flex}.results-actions .share:hover{color:#cbd5e1;background:#1f2633}.location-note{color:#6b7280;margin:.75rem 0 0;font-size:.85rem}.sky-map{background:#10141d;border:1px solid #2c3342;border-radius:8px;max-width:100%}.sky-map-block{flex-direction:column;gap:.75rem;display:flex}.compass-toggle{justify-content:flex-start;min-height:2.2rem;display:flex}.compass-on{color:#4ade80;margin:0;padding:.55rem 0;font-size:.9rem}.sky-map-accuracy{background:#10141d;border:1px solid #2c3342;border-radius:8px;padding:.6rem .75rem}.sky-map-hint{color:#9aa3b2;margin:.5rem 0 0;font-size:.82rem;line-height:1.45}.ar-view{z-index:40;background:0 0;position:fixed;inset:0;overflow:hidden}.ar-qr-panel{text-align:center;background:#0b0e14;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;min-height:100vh;padding:2rem 1.25rem;display:flex}.ar-qr-panel h2{margin:0}.ar-qr-panel p{color:#9aa3b2;max-width:26rem}.ar-qr{background:#fff;border-radius:8px;max-width:220px;height:auto;padding:.5rem}.ar-qr-link{color:#6ea8fe;word-break:break-all}.qr-prompt-qr{background:#fff;border-radius:8px;height:auto;padding:.4rem}.qr-prompt-link{color:#6ea8fe;word-break:break-all}.qr-prompt{text-align:center;background:#10141d;border:1px solid #2c3342;border-radius:8px;flex-direction:column;align-items:center;gap:.7rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.qr-prompt-copy{color:#9aa3b2;margin:0;font-size:.92rem}.ar-video,.ar-stage,.ar-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ar-canvas{pointer-events:none;background:#000}.ar-status{color:#fff;background:#0000008c;border-radius:999px;padding:.5rem .9rem;font-size:.9rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.ar-error{color:#f87171;text-align:center;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.ar-compass{color:#ffd9a0;white-space:nowrap;background:#0000008c;border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.45rem .9rem;font-size:.85rem;transition:opacity .8s;display:inline-flex;position:absolute;top:3.5rem;left:50%;transform:translate(-50%)}.ar-compass[data-state=aligned]{color:#a7f3d0;opacity:0;pointer-events:none;transition:opacity 1.2s 2.5s}.ar-compass[data-state=denied]{color:#fca5a5}.ar-compass[data-state=provisional]{color:#fdba74}.ar-compass:before{content:"";background:#fbbf24;border-radius:50%;width:.6rem;height:.6rem}.ar-compass-hint{color:bisque;text-align:center;pointer-events:none;background:#0000008c;border-radius:10px;max-width:24rem;margin:0;padding:.5rem .9rem;font-size:.8rem;line-height:1.35;position:absolute;top:6.4rem;left:50%;transform:translate(-50%)}.ar-accuracy{border-radius:10px;flex:100%;padding:.45rem .1rem .35rem}.ar-accuracy-label{color:bisque;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem;font-size:.78rem;display:flex}.ar-accuracy-label strong{color:#fff;font-variant-numeric:tabular-nums}.ar-accuracy-status-ok{color:#a7f3d0}.ar-accuracy-track{background:#ffffff2e;border-radius:999px;height:6px;position:relative;overflow:hidden}.ar-accuracy-fill{background:linear-gradient(90deg,#f87171,#fbbf24,#34d399);border-radius:999px;height:100%;transition:width .25s;display:block}.ar-accuracy[data-trusted=true] .ar-accuracy-fill{background:#34d399}.ar-accuracy-target{background:#ffffffd9;width:2px;position:absolute;top:0;bottom:0}.ar-compass[data-state=aligned]:before{background:#34d399}.ar-compass[data-state=denied]:before{background:#f87171}.ar-compass[data-state=provisional]:before{background:#fbbf24}.ar-compass[data-state=requesting]:before,.ar-compass[data-state=waiting]:before{background:0 0;border:2px solid #ffffff59;border-top-color:#fbbf24;animation:.9s linear infinite ar-spin}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-sun-arrow{color:#ffd9a0;pointer-events:none;filter:drop-shadow(0 0 6px #ffb45073);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.ar-sun-arrow[hidden]{display:none}.ar-sun-arrow svg{width:2rem;height:2rem}.ar-sun-arrow span{background:#0000008c;border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.ar-safety{color:#ffd9a0;background:#080a0ed1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.ar-safety-info{flex:16rem;position:relative}.ar-safety-info p{margin:0;padding-right:1.5rem}.ar-safety-info p+p{margin-top:.35rem}.ar-safety-dismiss{color:#ffd9a0;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.1rem;line-height:1;display:grid;position:absolute;top:-.25rem;right:-.25rem}.ar-safety-dismiss:hover{background:#ffffff38}.ar-safety button.secondary{margin-left:auto}.ar-exit-cover{z-index:30;background:#000;position:absolute;inset:0}