:root{color-scheme:dark;--gold:#e8c58b;--muted:#949ba9;--line:#ffffff20}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#050811;color:#f5eee2;font-family:system-ui,-apple-system,'Helvetica Neue',sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#universe{position:fixed;inset:0;width:100%;height:100%;touch-action:manipulation}.ui{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(20px,4vw,58px);pointer-events:none}header{position:relative;max-width:850px}.eyebrow{font-size:10px;letter-spacing:.3em;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:25px;height:1px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(32px,6.1vw,88px);line-height:1.05;letter-spacing:.06em;margin:20px 0 12px;text-shadow:0 2px 35px #000}header p{font-size:12px;font-weight:300;letter-spacing:.17em;color:var(--muted);margin:0;line-height:1.8}.scene{min-height:0;position:relative}.hint{position:absolute;bottom:14px;left:0;color:#a6acb8;font-size:10px;letter-spacing:.12em}.hint i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:9px;box-shadow:0 0 10px #e8c58b}.card{pointer-events:auto;position:absolute;right:0;top:22px;width:270px;padding:25px;background:linear-gradient(135deg,#151c2bf0,#080d18f2);border:1px solid #e8c58b30;border-radius:3px;box-shadow:0 20px 70px #0006;backdrop-filter:blur(18px)}.card[hidden]{display:none}.close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:23px;color:#9da5b4;padding:3px 9px}.card .index{font-size:9px;letter-spacing:.24em;color:var(--gold)}.card h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:13px 0 4px;letter-spacing:.05em}.jp{font-size:11px;color:#bec5d1;letter-spacing:.18em}.description{font-size:12px;line-height:1.95;color:#b8c0cc;margin:18px 0}.fact{border-top:1px solid var(--line);padding-top:13px;font-size:10px;display:flex;justify-content:space-between;gap:10px;color:#9fa8b7}.fact strong{color:#e4d7c1;font-weight:400}footer{pointer-events:auto;border-top:1px solid var(--line);background:linear-gradient(180deg,#05081122,#050811c9);padding-top:20px}.controls{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.pause{display:flex;align-items:center;justify-content:center;gap:10px;background:#e8c58b0b;border:1px solid #e8c58b48;padding:12px 17px;min-width:140px;border-radius:3px;font-size:11px;letter-spacing:.08em}.pause:hover{background:#e8c58b18}.speed{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.1em;color:#a9b0bd}.speed output{width:38px;text-align:right;font-variant-numeric:tabular-nums;color:var(--gold)}input[type=range]{width:clamp(100px,17vw,250px);height:24px;accent-color:var(--gold);cursor:pointer}.planet-nav{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}.planet-nav button{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;padding:10px 9px;border-radius:3px;font-size:10px;color:#9da6b6;white-space:nowrap}.planet-nav button:hover,.planet-nav button[aria-pressed=true]{border-color:#e8c58b45;background:#e8c58b0b;color:#f2e7d4}.dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 9px var(--c)}.colophon{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:9px;letter-spacing:.15em;color:#717b8c;line-height:1.8}.colophon span:last-child{text-align:right}@media(max-width:1050px){.controls{gap:14px}.planet-nav{width:100%;margin-left:0;justify-content:space-between}.planet-nav button{padding:8px}.card{width:240px;padding:20px}}@media(max-width:600px){.ui{padding:22px 18px 16px}h1{font-size:clamp(27px,7.2vw,43px);margin:16px 0 9px}.eyebrow{font-size:8px}header p{font-size:10px;letter-spacing:.08em}.controls{justify-content:space-between;gap:9px}.pause{min-width:123px;padding:11px 10px}.speed{gap:8px}input[type=range]{width:100px}.planet-nav{gap:0}.planet-nav button{padding:8px 5px;font-size:10px;gap:5px}footer{padding-top:13px}.colophon{font-size:8px;letter-spacing:.05em;margin-top:12px}.hint{font-size:9px;bottom:10px}.card{top:auto;bottom:34px;left:0;right:0;width:auto;padding:16px 20px}.card h2{font-size:24px;margin:8px 0 3px}.description{margin:9px 0;font-size:11px;line-height:1.8}.fact{padding-top:8px}.card .index{font-size:8px}}@media(max-height:620px){.ui{padding:15px 22px}h1{font-size:32px;margin:10px 0 6px}header p{display:none}footer{padding-top:8px}.colophon{margin-top:6px}.card{top:5px;bottom:auto;padding:14px;width:240px;left:auto}.description{font-size:10px;line-height:1.6;margin:8px 0}.card h2{font-size:22px;margin:8px 0}.hint{display:none}.planet-nav{width:auto;margin-left:auto}.controls{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}