:root{--bg: #070a12;--panel: rgba(17, 23, 36, .72);--panel-soft: rgba(13, 18, 30, .65);--border: #1d2536;--border-strong: #2c3850;--cyan: #57c7d4;--gold: #d4a557;--green: #9bd457;--red: #e66;--dm: #8a5fe0;--text: #d8dfe9;--dim: rgba(216, 223, 233, .62);--faint: rgba(216, 223, 233, .4);--font-display: "Chakra Petch", "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--glow-cyan: 0 0 18px rgba(87, 199, 212, .22);color-scheme:dark}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 600px at 12% -10%,rgba(87,199,212,.06),transparent 60%),radial-gradient(900px 700px at 88% 8%,rgba(138,95,224,.05),transparent 55%),linear-gradient(180deg,#070a129e,#070a12c7),url(/assets/ui/space-bg.jpg) center / cover no-repeat,var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 11% 23%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 31% 67%,rgba(255,255,255,.34) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 47% 12%,rgba(190,230,240,.45) 50%,transparent 51%),radial-gradient(1px 1px at 63% 41%,rgba(255,255,255,.3) 50%,transparent 51%),radial-gradient(1px 1px at 71% 83%,rgba(255,255,255,.42) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 84% 27%,rgba(212,200,240,.4) 50%,transparent 51%),radial-gradient(1px 1px at 92% 62%,rgba(255,255,255,.32) 50%,transparent 51%),radial-gradient(1px 1px at 22% 88%,rgba(255,255,255,.28) 50%,transparent 51%),radial-gradient(1px 1px at 55% 72%,rgba(255,255,255,.24) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 6% 52%,rgba(190,230,240,.35) 50%,transparent 51%);background-size:100% 100%}::selection{background:#57c7d447}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em}button{font-family:var(--font-body);transition:filter .15s ease,transform .12s ease,box-shadow .2s ease,border-color .15s ease}button:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);transition:border-color .15s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)!important;box-shadow:0 0 0 3px #57c7d424}:focus-visible{outline:2px solid rgba(87,199,212,.55);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#2c3850 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#2c3850;border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#3a4a68;background-clip:content-box;border:2px solid transparent}*::-webkit-scrollbar-track{background:transparent}.hud{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#0a0e18e0,#0a0e18b8);border-bottom:1px solid rgba(87,199,212,.12);box-shadow:0 12px 34px #00000059}.nav-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--dim);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:8px 13px;border-radius:var(--radius-s);cursor:pointer;position:relative;white-space:nowrap}.nav-tab:hover:not(:disabled){color:var(--text);filter:none;transform:none;background:#d8dfe90d}.nav-tab[data-active=true]{color:var(--cyan);background:#57c7d414;border-color:#57c7d447;box-shadow:var(--glow-cyan);text-shadow:0 0 12px rgba(87,199,212,.5)}.nav-sep{width:1px;height:16px;margin:0 6px;background:linear-gradient(180deg,transparent,var(--border-strong),transparent);flex:0 0 auto}.tab-content{animation:tab-in .28s ease both}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tab-content{animation:none}button{transition:none}}