:root{--bg:#03040b;--panel:#0c102694;--panel-border:#8ca0ff2e;--text:#e6e9ff;--muted:#9aa3d1;--accent:#7ff8ff;--accent-2:#c48bff;--warm:#ffd8a8;--earth:#7dffa8;--zone-universe:#6b4bd8;--zone-galaxy:#4f7dff;--zone-crowded:#7ff8ff;--display:"Orbitron", "Space Grotesk", system-ui, sans-serif;--body:"Space Grotesk", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--accent);text-underline-offset:3px;text-decoration-color:#7ff8ff66}.nebula{z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 15% 20%, #7c3aed38, transparent 70%), radial-gradient(ellipse 50% 40% at 85% 75%, #0ea5e929, transparent 70%), radial-gradient(ellipse 40% 30% at 70% 15%, #ec48991a, transparent 70%), radial-gradient(ellipse at center, #0a0d24 0%, var(--bg) 75%);position:fixed;inset:0}.galaxy-scene{z-index:1;pointer-events:none;position:fixed;inset:0}.earth-label span{white-space:nowrap;font:600 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--earth);text-shadow:0 0 8px #7dffa8cc;display:block;transform:translateY(-18px)}.app{z-index:2;max-width:1240px;margin:0 auto;padding:48px 24px 32px;position:relative}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{font:600 .8rem/1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}h1{font:800 clamp(2.4rem, 6vw, 4.2rem) / 1.05 var(--display);letter-spacing:.02em;background:linear-gradient(100deg, #fff 10%, var(--warm) 45%, var(--accent-2) 80%);color:#0000;text-shadow:0 0 40px #c48bff40;-webkit-background-clip:text;background-clip:text;margin:0}.subtitle{max-width:560px;color:var(--muted);margin:12px 0 0}.layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px)saturate(130%);border-radius:20px;padding:24px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0d}.panel h2{font:700 1.05rem/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 16px;display:flex}.panel-hint{font:400 .8rem/1.2 var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.results-panel{position:sticky;top:24px}.site-footer{text-align:center;color:var(--muted);margin-top:28px;font-size:.8rem}.mode-toggle{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1026b3;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.mode-toggle button{color:var(--muted);font:600 .9rem/1.2 var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;padding:8px 20px;transition:background .25s,color .25s;display:flex}.mode-toggle button small{opacity:.8;font-size:.7rem;font-weight:400}.mode-toggle button.active{color:var(--text);background:linear-gradient(120deg,#7ff8ff38,#c48bff47);box-shadow:0 0 20px #7ff8ff26}.equation{font:500 1.05rem/1.4 var(--display);letter-spacing:.04em;text-align:center;color:var(--warm);background:#ffffff0a;border-radius:12px;margin:0 0 20px;padding:10px 14px}.params{gap:18px;display:grid}.param-header{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin-bottom:6px;display:grid}.param-symbol{font:700 1.15rem/1 var(--display);color:var(--accent)}.param-symbol sub{font-size:.65em}.param-name{align-items:center;gap:6px;font-size:.92rem;display:flex}.param-value{font-variant-numeric:tabular-nums;color:var(--warm);text-align:right;font-size:.88rem}.param-unit{color:var(--muted);font-size:.78rem}.sub-control{margin:4px 0 8px 54px}.sub-label{color:var(--muted);justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.sub-label span:last-child{color:var(--warm);font-variant-numeric:tabular-nums}.param-row>.slider,.param-row>.range-slider{width:calc(100% - 54px);margin-left:54px}.info{border:1px solid var(--panel-border);width:18px;height:18px;color:var(--muted);cursor:help;background:#ffffff0d;border-radius:50%;padding:0;font:italic 600 .7rem/1 Georgia,serif;position:relative}.tooltip{z-index:10;border:1px solid var(--panel-border);width:260px;color:var(--text);font:400 .8rem/1.45 var(--body);text-align:left;opacity:0;visibility:hidden;pointer-events:none;background:#080a1cf5;border-radius:10px;padding:10px 12px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.info:hover .tooltip,.info:focus-visible .tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.panel-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.btn{color:var(--text);font:600 .85rem/1 var(--body);cursor:pointer;background:linear-gradient(120deg,#7ff8ff29,#c48bff33);border:1px solid #7ff8ff66;border-radius:999px;padding:9px 18px;transition:box-shadow .2s,transform .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 0 18px #7ff8ff4d}.btn--ghost{border-color:var(--panel-border);background:0 0}.slider{--track:#ffffff1a;--fill:linear-gradient(90deg, var(--accent-2), var(--accent));appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;display:block}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, transparent var(--fill-start), var(--accent) var(--fill-start), var(--accent-2) var(--fill-end), transparent var(--fill-end)), var(--track);border-radius:4px;height:4px}.slider::-moz-range-track{background:linear-gradient(90deg, transparent var(--fill-start), var(--accent) var(--fill-start), var(--accent-2) var(--fill-end), transparent var(--fill-end)), var(--track);border-radius:4px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 35%, #fff, var(--accent) 60%);border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 12px #7ff8ffb3}.slider::-moz-range-thumb{background:radial-gradient(circle at 35% 35%, #fff, var(--accent) 60%);border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 12px #7ff8ffb3}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #7ff8ff4d,0 0 14px #7ff8ffe6}.range-slider{height:22px;position:relative}.range-track{background:linear-gradient(90deg, transparent var(--fill-start), var(--accent) var(--fill-start), var(--accent-2) var(--fill-end), transparent var(--fill-end)), #ffffff1a;border-radius:4px;height:4px;position:absolute;top:9px;left:0;right:0}.slider--dual{pointer-events:none;position:absolute;inset:0}.slider--dual::-webkit-slider-runnable-track{background:0 0}.slider--dual::-moz-range-track{background:0 0}.slider--dual::-webkit-slider-thumb{pointer-events:auto}.slider--dual::-moz-range-thumb{pointer-events:auto}.running{font:400 .75rem/1 var(--body);letter-spacing:.05em;text-transform:none;color:var(--accent);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.headline{background:radial-gradient(at 0 0,#7ff8ff26,#0000 60%),radial-gradient(at 100% 100%,#c48bff2e,#0000 60%),#ffffff08;border:1px solid #7ff8ff33;border-radius:16px;flex-direction:column;gap:4px;margin-bottom:16px;padding:18px 20px;display:flex}.headline-value{font:800 clamp(2.8rem, 7vw, 4rem) / 1 var(--display);font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 30px #7ff8ff73}.headline-label{color:var(--muted);font-size:.92rem}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px;display:grid}.stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.76rem}.stat-value{font:700 1.4rem/1.2 var(--display);font-variant-numeric:tabular-nums;color:var(--warm)}.stat-hint{color:var(--muted);font-size:.74rem}.note{color:var(--muted);margin:12px 0 0;font-size:.85rem}.histogram{margin:8px 0 0}.histogram svg{width:100%;height:auto;display:block}.bar{transition:height .3s,y .3s}.bar--universe{fill:var(--zone-universe)}.bar--galaxy{fill:var(--zone-galaxy)}.bar--crowded{fill:var(--zone-crowded)}.axis,.tick{stroke:#ffffff40}.tick-label{fill:var(--muted);font:11px var(--body)}.marker{stroke:var(--warm);stroke-dasharray:3 3}.marker--universe{stroke:var(--accent-2)}.marker-label{fill:var(--text);font:11px var(--body)}.histogram figcaption{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:.75rem;display:flex}.legend:before{content:"";vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend--universe:before{background:var(--zone-universe)}.legend--galaxy:before{background:var(--zone-galaxy)}.legend--crowded:before{background:var(--zone-crowded)}.legend-note{width:100%;font-style:italic}.explainer{margin-top:24px}.explainer details{border-top:1px solid #ffffff12;padding:12px 0}.explainer summary{cursor:pointer;color:var(--warm);font-weight:600;list-style:none}.explainer summary:before{content:"✦";color:var(--accent);margin-right:10px;transition:transform .2s;display:inline-block}.explainer details[open] summary:before{transform:rotate(45deg)}.explainer p{max-width:820px;color:var(--muted)}.citation{margin:12px 0 0;font-size:.85rem}@media (width<=920px){.layout{grid-template-columns:1fr}.results-panel{order:-1;position:static}}@media (width<=520px){.app{padding:28px 14px 24px}.panel{padding:18px}.param-header{grid-template-columns:34px 1fr}.param-value{text-align:left;grid-column:2}.param-row>.slider,.param-row>.range-slider,.sub-control{width:100%;margin-left:0}.tooltip{width:220px;left:0;transform:translate(-40%,4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
