:root{color-scheme:dark;--white:#f1f3f5;--muted:#7e8999;--line:rgba(193,211,235,.14);--blue:#7fc9ff;--mono:"DM Mono",Consolas,monospace;--sans:"Manrope","Segoe UI",sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;background:#02040a}body{height:100vh;height:100svh;overflow:hidden;color:var(--white);font-family:var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:1px solid var(--blue);outline-offset:4px}#space{position:fixed;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.vignette{position:fixed;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,2,7,.16) 70%,rgba(0,1,5,.62) 100%);box-shadow:inset 0 0 120px rgba(0,0,0,.46)}header{position:fixed;z-index:5;top:0;left:0;width:100%;height:72px;padding:0 clamp(22px,3.2vw,54px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(198,216,239,.1);background:linear-gradient(180deg,rgba(2,4,10,.62),rgba(2,4,10,0));pointer-events:none}.brand,.controls,.live{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none}.brand>span:last-child{display:flex;align-items:baseline;gap:11px}.brand strong{font-size:13px;letter-spacing:.25em}.brand small{color:#687485;font:7px var(--mono);letter-spacing:.16em}.brand-orbit{position:relative;width:30px;height:30px;border:1px solid rgba(129,197,246,.48);border-radius:50%}.brand-orbit:after{content:"";position:absolute;inset:8px -5px;border:1px solid rgba(129,197,246,.55);border-radius:50%;transform:rotate(-25deg)}.brand-orbit i{position:absolute;z-index:1;top:3px;left:20px;width:3px;height:3px;border-radius:50%;background:#bce5ff;box-shadow:0 0 8px #73c8ff}.live{position:absolute;left:50%;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:#778292;font:8px var(--mono);letter-spacing:.14em}.live i{width:5px;height:5px;border-radius:50%;background:#83e4ad;box-shadow:0 0 9px #69d99a}.live time{color:#b2bbc5}.controls{display:flex;gap:7px}.controls button{height:34px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid rgba(192,211,235,.13);border-radius:18px;background:rgba(8,14,24,.52);color:#8995a3;font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px);transition:.18s}.controls button:hover{border-color:rgba(127,201,255,.45);color:#dbeeff;background:rgba(16,29,44,.65)}.controls button[aria-pressed=true]{color:#5f6b79}.controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.controls button[aria-pressed=true] .pause path{d:path("M6 5l9 5-9 5z")}.system-caption{position:fixed;z-index:2;top:92px;left:50%;display:flex;align-items:center;gap:11px;transform:translateX(-50%);color:#596575;font:7px var(--mono);letter-spacing:.2em}.system-caption i{width:25px;height:1px;background:rgba(143,166,191,.26)}.planet-card{position:fixed;z-index:4;left:clamp(22px,3.2vw,54px);bottom:62px;width:274px;padding:18px;border:1px solid rgba(183,207,234,.15);border-radius:2px;background:linear-gradient(135deg,rgba(10,18,30,.72),rgba(4,8,15,.45));box-shadow:0 18px 50px rgba(0,0,0,.25);backdrop-filter:blur(13px);transition:opacity .16s,transform .16s}.planet-card.changing{opacity:0;transform:translateY(5px)}.card-heading{display:flex;align-items:center;justify-content:space-between;color:#7b8797;font:7px var(--mono);letter-spacing:.13em}.selected-state{display:flex;align-items:center;gap:6px}.selected-state i{width:4px;height:4px;border-radius:50%;background:#77d89f;box-shadow:0 0 6px #77d89f}.planet-title{margin-top:17px;display:flex;align-items:center;gap:13px}.planet-swatch{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 32% 28%,#bdeaff 0,#55a8da 38%,#0b2441 100%);box-shadow:0 0 16px rgba(91,178,230,.28)}h1{margin:0;font-size:24px;font-weight:500;line-height:1;letter-spacing:.01em}.planet-title p{margin:6px 0 0;color:#6c7888;font:6px var(--mono);letter-spacing:.17em}.description{height:30px;margin:14px 0 13px;color:#98a3af;font-size:9px;line-height:1.6}.planet-card dl{margin:0;padding-top:11px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(189,209,231,.11)}.planet-card dt{color:#596575;font:6px var(--mono);letter-spacing:.12em;text-transform:uppercase}.planet-card dd{margin:5px 0 0;color:#c5ccd4;font:8px var(--mono)}.planet-nav{position:fixed;z-index:4;left:50%;bottom:56px;padding:8px 12px;display:flex;align-items:center;gap:8px;transform:translateX(-50%);border:1px solid rgba(185,208,233,.11);border-radius:24px;background:rgba(4,8,15,.45);backdrop-filter:blur(8px)}.planet-button{position:relative;width:23px;height:23px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.planet-button:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#697687;box-shadow:0 0 0 0 transparent;transition:.18s}.planet-button:hover:before{inset:7px;background:#bdc9d5}.planet-button.active:before{inset:6px;background:var(--planet-color);box-shadow:0 0 10px var(--planet-glow)}.planet-button.active:after{content:"";position:absolute;inset:2px;border:1px solid color-mix(in srgb,var(--planet-color) 45%,transparent);border-radius:50%}.canvas-hint{position:fixed;z-index:2;right:clamp(22px,3.2vw,54px);bottom:70px;display:flex;align-items:center;gap:8px;color:#566272;font:7px var(--mono);letter-spacing:.11em;text-transform:uppercase}.canvas-hint span{width:12px;height:16px;border:1px solid #566272;border-radius:7px}.canvas-hint span:after{content:"";display:block;width:1px;height:3px;margin:3px auto;background:#8995a4}footer{position:fixed;z-index:3;right:clamp(22px,3.2vw,54px);bottom:24px;display:flex;gap:28px;color:#465160;font:6px var(--mono);letter-spacing:.14em}noscript{position:fixed;z-index:20;top:50%;left:50%;padding:16px;transform:translate(-50%,-50%);background:#0a101a}@media(max-width:760px){header{height:62px;padding-inline:18px}.brand small,.live span,.controls button span{display:none}.live{position:static;transform:none;margin-left:auto;margin-right:8px}.controls button{width:34px;padding:0;justify-content:center}.system-caption{top:77px}.planet-card{left:16px;bottom:77px;width:230px;padding:14px}.planet-title{margin-top:12px}.description{margin:10px 0;height:auto;min-height:29px}.planet-nav{bottom:28px}.canvas-hint,footer{display:none}}@media(max-width:440px){.brand>span:last-child{display:none}.planet-card{left:12px;bottom:76px;width:210px}.planet-swatch{width:29px;height:29px}h1{font-size:20px}.planet-button{width:20px}.planet-nav{gap:4px;padding-inline:8px}.system-caption{font-size:6px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}