:root{--ink:#e8f0f1;--muted:#8fa5ae;--line:rgba(180,220,225,.16);--panel:rgba(10,24,39,.78);--panel-strong:rgba(12,29,47,.94);--cyan:#83e5df;--cyan-2:#4ebfc4;--amber:#f5a85d;--violet:#b98cff;--green:#7df0b5;--bg:#06101c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 8%,#132946 0,#081626 34%,#050d18 100%);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}button,input{font:inherit}.app-shell{max-width:1440px;margin:auto;padding:26px clamp(18px,4vw,66px) 32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;letter-spacing:.1em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:22px}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:9px;color:var(--muted);letter-spacing:.2em;margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.state-chip,.ghost-button,.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);padding:8px 11px;border-radius:5px;font-size:10px;letter-spacing:.12em}.state-chip{color:var(--amber);border-color:rgba(245,168,93,.35)}button{cursor:pointer}.ghost-button,.icon-button{color:var(--cyan)}.icon-button{width:34px;height:34px;padding:0;font-size:16px}.panel{background:linear-gradient(145deg,rgba(16,36,56,.9),rgba(5,16,29,.74));border:1px solid var(--line);box-shadow:0 18px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);border-radius:8px}.hero-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(500px,1.5fr);gap:18px}.intro{padding:clamp(26px,5vw,60px);display:flex;flex-direction:column;justify-content:center;min-height:380px}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.22em;margin:0 0 18px}.intro h1{font-size:clamp(34px,4.6vw,68px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0 0 22px}.intro h1 em{font-family:Georgia,serif;color:var(--amber);font-weight:400}.lede{color:#afc0c5;max-width:510px;font-size:16px}.hero-buttons{display:flex;align-items:center;gap:18px;margin-top:20px}.primary-button{border:0;border-radius:5px;background:var(--cyan);color:#06131c;padding:13px 17px;font-weight:750;font-size:11px;letter-spacing:.11em}.primary-button:hover{background:#b6fff4}.text-button{background:none;border:0;color:var(--muted);font-size:11px;letter-spacing:.13em}.stage-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.1em;margin-top:43px}.stage-line i{height:1px;width:34px;background:var(--line)}.stage-dot{width:7px;height:7px;border:1px solid var(--muted);border-radius:50%}.stage-dot.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px var(--cyan)}.sun-card,.space-card,.earth-card{overflow:hidden}.panel-heading{height:42px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.16em}.panel-heading span:last-child{color:var(--cyan)}canvas{display:block;width:100%;height:auto}.sun-card canvas{min-height:300px;background:radial-gradient(circle at 51% 49%,rgba(246,156,72,.13),transparent 30%),#071221}.sun-caption,.earth-caption{display:flex;justify-content:space-between;padding:11px 16px;color:var(--muted);font-size:10px;letter-spacing:.12em}.sun-caption b{color:var(--amber);font-size:14px}.observatory-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:18px;margin-top:18px}.space-card canvas{background:#071525;min-height:180px}.range-track{display:flex;align-items:center;gap:12px;padding:0 16px;color:var(--muted);font-size:9px;letter-spacing:.18em}.range-track>div{height:3px;flex:1;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden}.range-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber),var(--cyan));transition:width .2s}.range-track>span{width:auto;height:auto}.phase-copy{color:var(--muted);font-size:13px;margin:13px 16px 18px}.controls{padding-bottom:20px}.controls label{display:block;margin:20px 17px 0;color:var(--muted);font-size:10px;letter-spacing:.12em}.controls output{float:right;color:var(--ink);font-size:11px;letter-spacing:0}.controls input{width:100%;margin-top:10px;accent-color:var(--cyan)}.scale-labels{display:flex;justify-content:space-between;margin:5px 17px 0;color:#607783;font-size:9px}.mini-note{display:flex;gap:9px;margin:23px 17px 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.mini-note p{margin:0}.info{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);border-radius:50%;flex:none}.earth-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:18px;margin-top:18px}.earth-card canvas{background:radial-gradient(ellipse at 50% 72%,rgba(90,224,193,.14),transparent 35%),#06101c}.telemetry{padding-bottom:10px}.metric{display:flex;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid rgba(180,220,225,.1);color:var(--muted);font-size:10px;letter-spacing:.12em}.metric strong{color:var(--ink);font-weight:500;text-align:right}.telemetry-foot{display:flex;justify-content:space-between;padding:19px 17px;color:var(--muted);font-size:10px;letter-spacing:.12em}.telemetry-foot strong{color:var(--cyan);font-weight:500}.signal{display:flex;gap:3px}.signal i{display:block;width:4px;height:11px;background:var(--cyan);opacity:.35}.signal i:nth-child(2){height:15px;opacity:.6}.signal i:nth-child(3){height:19px}.science-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px}.science-copy,.equation{padding:30px}.science-copy h2{font-family:Georgia,serif;font-size:31px;line-height:1.12;font-weight:400;margin:0 0 12px;color:#eaf6f2}.science-copy p:not(.eyebrow),.equation p{color:var(--muted);max-width:680px}.equation-line{font-family:Georgia,serif;font-size:29px;color:var(--amber);margin:12px 0}.equation-line.small{font-size:23px;color:var(--cyan);margin-top:25px}footer{display:flex;justify-content:space-between;gap:20px;color:#5f7480;font-size:9px;letter-spacing:.14em;margin-top:30px;padding:0 4px}@media(max-width:900px){.hero-grid,.observatory-grid,.earth-grid,.science-grid{grid-template-columns:1fr}.intro{min-height:auto}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:560px){.app-shell{padding:17px 12px 24px}.topbar{flex-direction:column;align-items:stretch}.top-actions{justify-content:flex-start}.intro{padding:27px 20px}.intro h1{font-size:43px}.sun-caption,.earth-caption,footer{flex-direction:column;gap:5px}.science-copy,.equation{padding:23px}.panel-heading{font-size:8px}}