:root{color-scheme:dark;--mint:#9ce9d3;--blue:#8bd8ff;--gold:#f0d39a}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;background:#07111b;color:#edf5f3;font-family:-apple-system,BlinkMacSystemFont,"DM Sans",sans-serif}body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:env(safe-area-inset-top) max(15px,env(safe-area-inset-right)) 0 max(15px,env(safe-area-inset-left));border-bottom:1px solid #ffffff18;background:#07111be8;backdrop-filter:blur(18px)}header a,header button{color:#b9d7d3;background:none;border:0;text-decoration:none;font-size:13px}header strong{font-size:12px;letter-spacing:2px}main{width:min(1120px,100%);margin:auto;padding:20px max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.intro{display:grid;grid-template-columns:1fr 310px;gap:22px;align-items:end;margin:12px 0 18px}.intro span,.objects>div>span,.summary span{color:var(--mint);font-size:10px;font-weight:800;letter-spacing:1.7px}.intro h1{margin:8px 0;font:600 clamp(38px,7vw,72px)/.92 Georgia,serif;letter-spacing:-2px}.intro p,.objects p{color:#a9bec2;line-height:1.55}.sun-warning{padding:16px;border:1px solid #f0d39a44;border-radius:18px;background:linear-gradient(135deg,#3a302166,#16202c);color:var(--gold)}.sun-warning strong,.sun-warning small{display:block}.sun-warning small{margin-top:6px;color:#c9c1ad;line-height:1.45}.viewer{position:relative;height:min(68vh,650px);min-height:430px;overflow:hidden;border:1px solid #8bd8ff55;border-radius:25px;background:radial-gradient(circle at 55% 35%,#234568,#0b1522 60%,#050a10);box-shadow:0 24px 70px #0009}video,.sky-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sky-fallback{background:radial-gradient(circle at 70% 20%,#655e9b55,transparent 24%),linear-gradient(#0c2341,#142532 65%,#202b26);display:grid;place-items:center;color:#a7c7ce;font-size:10px;letter-spacing:2px}.horizon{position:absolute;left:-10%;right:-10%;bottom:-7%;height:35%;border-radius:50% 50% 0 0;background:#091113;box-shadow:0 -5px 40px #b1d2c921}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff9;font-size:36px}.heading{position:absolute;left:15px;top:15px;padding:9px 11px;border:1px solid #ffffff29;border-radius:12px;background:#06111ccc}.heading b,.heading span{display:block}.heading b{font-size:17px}.heading span{margin-top:3px;color:#a5c1c5;font-size:9px}.sky-label{position:absolute;transform:translate(-50%,-50%);min-width:76px;padding:7px 9px;border:1px solid #ffffff44;border-radius:13px;background:#06111cce;text-align:center;box-shadow:0 7px 20px #0008}.sky-label b,.sky-label small{display:block}.sky-label b{font-size:12px}.sky-label small{margin-top:2px;color:#a7c2c5;font-size:8px}.sky-label.solar{border-color:#f1d28b99}.sky-label.star{border-color:#9ccfff99}.sky-label.deep{border-color:#d8a8ff99}.controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px;margin:12px 0}.controls button{min-height:48px;border:1px solid #8bcfca55;border-radius:14px;background:#142631;color:#eaf4f0;font-weight:750}.controls #start{background:linear-gradient(120deg,#f0d39a,#8fe3c9,#8bd8ff);color:#0a2229}.status{min-height:22px;color:#a6bdc1;font-size:12px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.summary article{padding:17px;border:1px solid #ffffff18;border-radius:18px;background:#101b26}.summary strong,.summary small{display:block}.summary strong{margin:8px 0;font:600 22px Georgia,serif}.summary small{color:#9db2b7;line-height:1.45}.objects{margin-top:24px;padding:20px;border:1px solid #ffffff16;border-radius:22px;background:#0c1721}.objects h2{margin:7px 0;font:600 31px Georgia,serif}.filters{display:flex;gap:7px;overflow:auto;padding:8px 0 14px}.filters button{flex:0 0 auto;min-height:42px;padding:0 13px;border:1px solid #ffffff25;border-radius:999px;background:#14232e;color:#b8c9cc}.filters button.active{border-color:#9ce9d3;background:#22423f;color:#e8fff8}.object-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.object-card{padding:13px;border:1px solid #ffffff16;border-radius:14px;background:#111e29}.object-card b,.object-card span,.object-card small{display:block}.object-card span{margin:5px 0;color:#d8e5e4}.object-card small{color:#93a9ae;line-height:1.4}.object-card.below{opacity:.55}dialog{width:min(520px,calc(100vw - 24px));border:1px solid #9ce9d355;border-radius:22px;background:#0d1924;color:#eaf3f0;padding:23px}dialog::backdrop{background:#000b}.close{float:right;border:0;background:none;color:white;font-size:24px}dialog li{margin:9px 0;color:#b9c9ca;line-height:1.45}@media(max-width:700px){.intro{grid-template-columns:1fr}.viewer{height:58vh;min-height:410px;border-radius:19px}.controls{grid-template-columns:1fr 1fr}.controls #start{grid-column:1/-1}.summary,.object-list{grid-template-columns:1fr}.objects{padding:15px}.intro h1{font-size:46px}.sky-label{min-width:66px;padding:6px}.sky-label b{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}