@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#05070d;--panel:#0b0f18;--panel2:#0f1420;--line:rgba(186,200,229,.15);--muted:#8791a5;--text:#edf1f9;--accent:#73d9ff;--selected-color:#5ec9ff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;letter-spacing:-.025em}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#b5c5e7 1px,transparent 1px);background-size:73px 73px;mask-image:linear-gradient(180deg,#000,transparent 80%)}button,a{font:inherit;color:inherit}button{cursor:pointer}.app-shell{max-width:1520px;margin:auto;padding:0 42px;position:relative}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;letter-spacing:.08em}.brand b{display:block;font-size:15px;font-weight:800;letter-spacing:.18em}.brand small{font:10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.16em}.brand-mark{width:31px;height:31px;border:1px solid #526075;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.brand-mark i{position:absolute;border:1px solid #83d8ee;border-radius:50%;width:27px;height:11px;transform:rotate(-32deg)}.brand-mark i:nth-child(2){transform:rotate(30deg);width:18px;height:26px;opacity:.45}.brand-mark i:nth-child(3){width:5px;height:5px;background:#ffad5b;border:0}.topbar-meta,.kicker,.rail-label,.stage-topline,.stage-bottomline,.dock-help,.range-labels,footer{font:10px 'DM Mono',monospace;letter-spacing:.11em;color:var(--muted)}.topbar-meta{display:flex;align-items:center;gap:12px}.live-dot,.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79e3a7;box-shadow:0 0 12px #79e3a7}.topbar-line{width:62px;height:1px;background:var(--line)}.legacy-link{font-size:12px;color:var(--muted);text-decoration:none}.legacy-link:hover{color:var(--text)}.legacy-link span{color:var(--accent);font-size:15px;margin-left:8px}.intro{display:flex;justify-content:space-between;align-items:end;padding:88px 7% 60px}.kicker{color:#8e9cb6;font-size:10px}.intro h1{font-size:clamp(46px,6.2vw,94px);line-height:.99;letter-spacing:-.07em;margin:20px 0 0;font-weight:700}.intro h1 em{font-family:var(--serif);font-weight:400;color:#a5b5ce;letter-spacing:-.06em}.intro-copy{width:300px;color:#9da8ba;font-size:14px;line-height:1.75}.scroll-cue{display:block;margin-top:28px;font:10px 'DM Mono',monospace;letter-spacing:.12em;color:#657187}.scroll-cue b{color:var(--accent);font-size:17px;margin-left:10px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.4)}.space-stage{min-height:610px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#131b2d 0,#080d18 42%,#05070d 80%)}#canvas-wrap{position:absolute;inset:30px 0 20px}.space-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(3,5,11,.46) 100%)}.stage-topline,.stage-bottomline{position:absolute;left:25px;right:25px;z-index:3;display:flex;justify-content:space-between}.stage-topline{top:20px}.stage-bottomline{bottom:18px}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78de9e;box-shadow:0 0 9px #78de9e;margin-right:8px}.tiny-dot{width:5px;height:5px;box-shadow:none;margin:0 6px 1px 0}.stage-hint{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);z-index:4;color:#657188;font:9px 'DM Mono',monospace;letter-spacing:.12em;white-space:nowrap}.mouse-icon{font-size:17px;color:#97a8c5;margin-right:5px}.planet-label{position:absolute;z-index:5;pointer-events:none;white-space:nowrap;color:#eff3ff;font-size:11px;transition:opacity .2s}.planet-label b{display:block;font-weight:600;text-shadow:0 2px 8px #000}.planet-label small{font:8px 'DM Mono',monospace;color:var(--label-color);letter-spacing:.1em}.loading{position:absolute;z-index:6;inset:0;display:grid;place-items:center;align-content:center;gap:14px;background:#060912;color:#a6b4cc;font-size:13px;transition:opacity .5s}.loading.hidden{opacity:0;pointer-events:none}.loader-ring{width:28px;height:28px;border:1px solid #5d738c;border-top-color:#73d9ff;border-radius:50%;animation:spin 1s linear infinite}.control-rail{background:rgba(10,14,24,.92);padding:26px 22px;display:flex;flex-direction:column}.rail-section{border-bottom:1px solid var(--line);padding:0 0 27px;margin-bottom:26px}.rail-primary{display:flex;gap:9px;flex-wrap:wrap}.rail-label{display:flex;justify-content:space-between;width:100%;margin-bottom:16px;color:#93a1ba}.rail-label b{color:var(--accent);font-size:9px;font-weight:400}.play-button,.overview-button,.reset-button{border:0}.play-button{height:46px;flex:1;background:#dce9fb;color:#111a2b;display:flex;gap:11px;align-items:center;justify-content:center;font:11px 'DM Mono',monospace;letter-spacing:.12em}.play-button:hover{background:#fff}.play-icon{font-size:12px}.reset-button{background:transparent;border:1px solid var(--line);color:#a6b1c5;width:100%;height:37px;margin-top:9px;font:10px 'DM Mono',monospace;letter-spacing:.1em}.reset-button:hover{border-color:#879bbb;color:#fff}input[type=range]{appearance:none;width:100%;height:2px;background:#3e485a;accent-color:var(--accent);outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#dbe9fb;border:3px solid #496479;box-shadow:0 0 14px rgba(115,217,255,.6)}.range-labels{display:flex;justify-content:space-between;font-size:8px;margin-top:10px;color:#5d697d}.switch-row{display:flex;align-items:center;justify-content:space-between;color:#b5bfd1;font-size:12px;margin-top:15px}.switch-row span{display:flex;align-items:center;gap:10px}.switch-row input{display:none}.switch{width:31px;height:16px;background:#263143;border-radius:20px;position:relative;transition:.2s}.switch:after{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#748298;transition:.2s}.switch-row input:checked+.switch{background:#1b5f79}.switch-row input:checked+.switch:after{left:18px;background:#7cddf4;box-shadow:0 0 8px #7cddf4}.orbit-icon{font-size:20px;color:#77d9eb;font-style:normal;line-height:10px}.label-icon{border:1px solid #718099;color:#aab6ca;font:10px Georgia,serif;width:17px;height:17px;text-align:center;padding-top:2px}.overview-button{background:transparent;border:1px solid #354359;color:#bac9de;width:100%;padding:12px 7px;font:9px 'DM Mono',monospace;letter-spacing:.08em}.overview-button:hover{border-color:var(--accent);color:#fff}.overview-button span{font-size:18px;vertical-align:-2px;margin-right:8px;color:var(--accent)}.rail-note{color:#657186;font-size:11px;line-height:1.7;margin:15px 0 0}.planet-dock{padding:72px 7% 86px}.dock-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.planet-list{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:16px}.planet-card{min-width:0;text-align:left;background:transparent;border:1px solid var(--line);padding:16px 12px 13px;position:relative;transition:.25s;overflow:hidden}.planet-card:hover,.planet-card.active{background:linear-gradient(145deg,rgba(34,47,68,.7),rgba(11,16,27,.8));border-color:var(--selected-color);transform:translateY(-4px)}.planet-card.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--selected-color);box-shadow:0 0 12px var(--selected-color)}.planet-swatch{display:block;width:23px;height:23px;border-radius:50%;background:var(--swatch);box-shadow:0 0 19px color-mix(in srgb,var(--swatch),transparent 52%);margin-bottom:16px}.planet-card-main b{display:block;font:9px 'DM Mono',monospace;color:#61708a;margin-bottom:6px}.planet-card-main strong{display:block;font-size:15px;font-weight:600}.planet-card-main small{display:block;font:8px 'DM Mono',monospace;color:#8492a9;margin-top:4px}.planet-card-arrow{position:absolute;right:10px;bottom:10px;color:#566680;font-size:14px}.detail-area{margin:0 7% 112px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:none}.detail-area.is-visible{display:block;animation:reveal .45s ease}.detail-hero{display:flex;align-items:end;gap:20px;padding:32px 0 24px;position:relative}.detail-number{font:11px 'DM Mono',monospace;color:var(--selected-color);padding-bottom:11px}.detail-hero h2{font-size:48px;letter-spacing:-.06em;margin:7px 0 4px}.detail-type{font:9px 'DM Mono',monospace;letter-spacing:.1em;color:#7f8ea7}.close-detail{position:absolute;right:0;top:28px;border:0;background:transparent;color:#708099;font-size:28px;font-weight:200}.close-detail:hover{color:#fff}.detail-body{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:25px 0 38px}.detail-description{color:#aab5c8;font-size:14px;line-height:1.7;max-width:350px}.detail-description a{display:inline-block;margin-top:21px;color:var(--selected-color);font:10px 'DM Mono',monospace;text-decoration:none;letter-spacing:.1em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.stats-grid>div{padding:12px 20px;border-right:1px solid var(--line)}.stats-grid span,.note-stat span{display:block;font:9px 'DM Mono',monospace;color:#75839b;letter-spacing:.1em;margin-bottom:20px}.stats-grid strong{font:23px 'DM Mono',monospace;color:#ecf3ff;white-space:nowrap}.stats-grid small{font-size:9px;color:#7b8aa5}.science-note{margin:0 7% 115px;padding:42px 44px;border:1px solid var(--line);display:grid;grid-template-columns:130px 1fr 190px;align-items:center;gap:45px;background:linear-gradient(125deg,rgba(21,31,50,.55),rgba(8,12,21,.35))}.formula-mark{font:36px var(--serif);font-style:italic;line-height:.92;text-align:center;color:#b7c7dd}.formula-mark span{color:var(--accent);font-size:29px}.science-note h2{font:29px var(--serif);font-weight:400;margin:9px 0 10px;letter-spacing:-.04em}.science-note p{color:#909eb6;font-size:13px;line-height:1.75;max-width:620px;margin:0}.note-stat{border-left:1px solid var(--line);padding-left:28px}.note-stat b{display:block;font:39px 'DM Mono',monospace;color:#e7f3ff}.note-stat b span{color:var(--accent);font-size:15px}.note-stat small{color:#8b9ab2;font-size:11px}footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;font-size:9px;color:#536076}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.app-shell{padding:0 24px}.intro{padding-left:3%;padding-right:3%}.experience{grid-template-columns:1fr}.control-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;padding:23px}.rail-section{margin:0}.legend-section{border:0}.planet-list{grid-template-columns:repeat(4,1fr)}.detail-area,.science-note{margin-left:3%;margin-right:3%}}
@media(max-width:650px){.app-shell{padding:0 15px}.topbar{height:64px}.topbar-meta,.legacy-link{display:none}.intro{display:block;padding:57px 5% 40px}.intro h1{font-size:48px}.intro-copy{width:auto;margin-top:27px}.scroll-cue{margin-top:16px}.space-stage{min-height:510px}.stage-topline,.stage-bottomline{left:15px;right:15px;font-size:8px}.stage-topline span:last-child{display:none}.stage-hint{font-size:7px}.control-rail{display:block;padding:20px}.rail-section{padding-bottom:20px;margin-bottom:20px}.rail-primary{display:flex}.legend-section{margin-bottom:0}.planet-dock{padding:52px 3% 57px}.dock-heading{display:block}.dock-help{display:block;margin-top:10px;font-size:8px}.planet-list{grid-template-columns:repeat(2,1fr)}.planet-card{padding:13px}.detail-area{margin:0 3% 73px}.detail-hero h2{font-size:38px}.detail-body{display:block}.detail-description{max-width:none;margin-bottom:29px}.stats-grid{border-top:1px solid var(--line);border-left:0;grid-template-columns:repeat(2,1fr)}.stats-grid>div{padding:17px 10px 17px 0;border-bottom:1px solid var(--line)}.stats-grid strong{font-size:17px}.science-note{margin:0 3% 70px;padding:28px 22px;display:block}.formula-mark{text-align:left;margin-bottom:24px}.science-note h2{font-size:25px}.note-stat{margin-top:25px;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.note-stat span{margin-bottom:10px}footer{display:block;line-height:2.2}footer span{display:block}}
/* Instant in-scene selection feedback */
.stats-grid{grid-template-columns:repeat(3,1fr)}
.selection-popover{position:absolute;z-index:8;right:28px;top:62px;width:220px;padding:19px 18px 16px;background:rgba(9,14,25,.93);border:1px solid color-mix(in srgb,var(--selected-color),transparent 28%);box-shadow:0 15px 40px rgba(0,0,0,.35),0 0 25px color-mix(in srgb,var(--selected-color),transparent 84%);backdrop-filter:blur(14px);opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:.3s ease}.selection-popover.is-visible{opacity:1;transform:none;pointer-events:auto}.popover-close{position:absolute;right:8px;top:6px;background:transparent;border:0;color:#78869c;font-size:18px}.popover-close:hover{color:#fff}.popover-kicker{display:block;color:var(--selected-color);font:8px 'DM Mono',monospace;letter-spacing:.13em;margin-bottom:9px}.selection-popover strong{display:block;font-size:26px;letter-spacing:-.06em}.popover-latin{display:block;color:#8390a8;font:9px 'DM Mono',monospace;letter-spacing:.12em;margin-top:2px}.popover-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.popover-stats b{display:block;font:13px 'DM Mono',monospace;color:#edf4ff}.popover-stats small{display:block;font:7px 'DM Mono',monospace;color:#78879f;line-height:1.4;margin-top:4px}.popover-detail{border:0;border-top:1px solid var(--line);background:transparent;color:#a6b9d5;width:100%;text-align:left;padding:13px 0 0;margin-top:13px;font:8px 'DM Mono',monospace;letter-spacing:.08em}.popover-detail span{float:right;color:var(--selected-color);font-size:14px}@media(max-width:650px){.selection-popover{top:52px;right:16px;width:205px}.popover-detail{font-size:7px}.stats-grid{grid-template-columns:repeat(2,1fr)}}