:root{color-scheme:dark;--bg:#061323;--text:#f5f8fc;--muted:#8da6c0;--blue:#54a7ed}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 76% 45%,#0b2742 0,transparent 48%),var(--bg)}header{height:180px;margin:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:0}.brand{display:block}.brand img{display:block;width:240px;height:auto}.status{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#afc5db;display:flex;align-items:center;gap:10px}.status i{height:5px;width:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px #54a7ed88}main{position:relative;flex:1;min-height:420px;display:grid;grid-template-columns:40% 60%;align-items:center;padding:0 3vw 0 9vw}.intro{z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.3em;font-weight:600;color:#78b7ed;margin:0 0 28px}h1{font-size:clamp(44px,5.6vw,90px);letter-spacing:-.065em;font-weight:500;line-height:1.05;margin:0}h1 span{color:#7dbbed}.note{font-size:16px;line-height:1.7;color:var(--muted);margin:28px 0 0}.line{height:1px;width:65px;background:#449ce5;margin-top:42px}#planet{position:relative;width:100%;height:calc(100svh - 275px);max-height:850px;min-height:420px}canvas{width:100%;height:100%;display:block;outline:none;touch-action:pan-y;cursor:default}canvas:active{cursor:defaultbing}canvas:focus-visible{outline:1px solid #74b8ee;outline-offset:-8px;border-radius:16px}#loading{position:absolute;top:48%;left:0;right:0;text-align:center;color:var(--muted);font-size:14px}.controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;color:var(--muted)}button{font:inherit;color:#bfd6e9;background:transparent;border:1px solid #567a9b55;border-radius:24px;padding:10px 14px;cursor:pointer;transition:background .2s}button:hover{background:#ffffff0d}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button:disabled{opacity:.4;cursor:default}footer{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:40px 6vw 0;padding:24px 0 28px;border-top:0;color:#809ab2;font-size:11px;letter-spacing:.02em}details{max-width:520px;text-align:right;line-height:1.7}summary{cursor:pointer;color:#9fb6ca}details div{padding-top:10px}a{color:inherit}#fallback{position:absolute;inset:17% 8%;text-align:center;color:var(--muted);font-size:13px}#fallback img{width:100%;border-radius:8px}#fallback[hidden]{display:none}@media(max-width:850px){header{height:145px}.brand img{width:180px}main{display:flex;flex-direction:column;min-height:0;padding:46px 5vw 0}.intro{width:100%;padding-left:4vw}.eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:52px}.note{margin-top:20px;font-size:14px}.line{display:none}#planet{height:100vw;max-height:660px;min-height:360px;margin-top:-8px}.controls{gap:10px;font-size:10px}#hint{display:none}footer{margin-top:22px;align-items:start}.status{font-size:10px}footer>span{max-width:125px;line-height:1.7}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#earth{filter:saturate(.48)}

footer{justify-content:flex-end}.intro{min-height:1px}@media(max-width:850px){main{padding-top:12px}.intro{display:none}#planet{margin-top:0}}