:root{--bg:#121831;--bg-ins:#0c1226;--panel:#1b2342;--panel-2:#232e54;--border:#36426f;--border-2:#465389;--flame:#ff7a1a;--flame-2:#ffb053;--ember:#c8460e;--portal:#43c9ff;--meso:#f5c518;--exp:#74e36b;--err:#ff5468;--text:#ecf0ff;--muted:#8a95c2;--faint:#5c679a;--r:9px;--bevel:inset 0 1px 0 #ffffff12, 0 2px 0 #0a0f22;--display:"Black Han Sans", "Pretendard", sans-serif;--body:"Pretendard", system-ui, "Apple SD Gothic Neo", sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;font-family:var(--body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1100px 520px at 82% -8%, #ff7a1a1a, transparent 60%), radial-gradient(900px 480px at 10% 110%, #43c9ff12, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}.app{grid-template:"hud hud""rail main"1fr/224px 1fr;min-height:100vh;display:grid}.hud{background:linear-gradient(180deg, var(--panel) 0%, #161d38 100%);border-bottom:1px solid var(--border);grid-area:hud;align-items:center;gap:28px;padding:14px 24px;display:flex;box-shadow:0 1px #ffffff0a}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{background:radial-gradient(120% 120% at 30% 20%, var(--flame-2), var(--flame) 45%, var(--ember));width:34px;height:34px;box-shadow:0 0 18px #ff7a1a73, var(--bevel);border-radius:8px;flex:none;place-items:center;font-size:19px;display:grid}.brand-name{font-family:var(--display);letter-spacing:.04em;background:linear-gradient(180deg, #fff 0%, var(--flame-2) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;line-height:1}.brand-ver{font:500 11px/1 var(--mono);color:var(--faint);letter-spacing:.08em;margin-top:4px}.vitals{align-items:center;gap:26px;margin-left:6px;display:flex}.hud-spacer{flex:auto}.gauge{min-width:156px}.gauge-top{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.gauge-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.gauge-val{font:700 13px/1 var(--mono);color:var(--text)}.gauge-val .unit{color:var(--faint);font-size:11px;font-weight:500}.gauge-track{background:var(--bg-ins);border:1px solid var(--border);border-radius:6px;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.gauge-fill{background:linear-gradient(180deg, var(--flame-2), var(--flame) 55%, var(--ember));border-radius:6px;width:0;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1);position:relative}.gauge-fill:after{content:"";background:linear-gradient(#ffffff73,#0000);border-radius:6px 6px 0 0;position:absolute;inset:0 0 50%}.gauge-fill.is-exp{background:linear-gradient(180deg, #a6f59e, var(--exp) 55%, #2e9e3f)}.gauge-fill.is-portal{background:linear-gradient(180deg, #9be6ff, var(--portal) 55%, #1e83c0)}.channels{align-items:center;gap:14px;display:flex}.channels-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.ch-row{gap:6px;display:flex}.ch{width:30px;height:30px;font:700 13px/1 var(--mono);color:var(--faint);background:var(--bg-ins);border:1px solid var(--border);border-radius:7px;place-items:center;display:grid}.ch.up{color:var(--text);border-color:var(--border-2);box-shadow:var(--bevel)}.ch.up:before{content:"";background:var(--exp);width:6px;height:6px;box-shadow:0 0 8px var(--exp);border-radius:50%;position:absolute;transform:translate(10px,-10px)}.ch{position:relative}.logout{font:600 13px/1 var(--body);cursor:pointer;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:8px;padding:9px 14px;transition:color .15s,border-color .15s}.logout:hover{color:var(--text);border-color:var(--border-2)}.rail{border-right:1px solid var(--border);background:linear-gradient(#1b234280,#0000 40%);flex-direction:column;grid-area:rail;gap:3px;padding:18px 12px;display:flex}.rail-eyebrow{font:700 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);padding:6px 12px 12px}.nav-item{text-align:left;cursor:pointer;width:100%;font:600 14.5px/1 var(--body);color:var(--muted);background:0 0;border:0;border-left:2px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:11px 13px;transition:color .15s,background .15s,transform .15s;display:flex}.nav-item .dot{background:var(--faint);border-radius:50%;flex:none;width:6px;height:6px;transition:background .15s,box-shadow .15s}.nav-item:hover{color:var(--text);background:var(--panel);transform:translate(2px)}.nav-item.active{color:var(--text);background:var(--panel);border-left-color:var(--flame);box-shadow:var(--bevel)}.nav-item.active .dot{background:var(--flame);box-shadow:0 0 9px var(--flame)}.content{grid-area:main;padding:26px}.grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));align-items:start;gap:20px;display:grid}.card{background:linear-gradient(180deg, var(--panel), #181f3c);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--bevel);padding:20px 20px 22px}.card>h2{letter-spacing:.01em;color:var(--text);align-items:center;gap:9px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.card>h2:before{content:"";background:linear-gradient(180deg, var(--flame-2), var(--ember));border-radius:2px;width:4px;height:16px;box-shadow:0 0 8px #ff7a1a80}label,.field{color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:600;display:block}input,textarea{font:inherit;background:var(--bg-ins);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;margin-top:7px;padding:11px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus{border-color:var(--flame);outline:none;box-shadow:0 0 0 3px #ff7a1a38}input[type=number],.mono,.mono input,.mono textarea{font-family:var(--mono)}button{font:700 14px/1 var(--body);cursor:pointer;color:#2a1402;background:linear-gradient(180deg, var(--flame-2), var(--flame) 60%, var(--ember));box-shadow:inset 0 1px 0 #fff6, 0 2px 0 var(--ember), 0 6px 16px #ff7a1a40;border:0;border-radius:8px;margin-top:6px;padding:12px 20px;transition:transform .12s,box-shadow .12s,filter .12s}button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:active{box-shadow:inset 0 1px 0 #ffffff4d, 0 1px 0 var(--ember);transform:translateY(1px)}button:disabled{filter:grayscale(.4)brightness(.85);cursor:default;box-shadow:var(--bevel);color:var(--muted);transform:none}.radio-row{flex-wrap:wrap;gap:9px;margin-bottom:14px;display:flex}.swatch{cursor:pointer;-webkit-user-select:none;user-select:none;font:600 13px/1 var(--body);color:var(--muted);background:var(--bg-ins);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin:0;padding:9px 12px;transition:border-color .15s,color .15s;display:inline-flex}.swatch input{opacity:0;width:0;height:0;position:absolute}.swatch .chip{border-radius:4px;flex:none;width:13px;height:13px;box-shadow:inset 0 0 0 1px #0000004d}.swatch:hover{color:var(--text)}.swatch:has(input:checked){color:var(--text);border-color:var(--flame);box-shadow:0 0 0 2px #ff7a1a2e}.swatch:has(input:focus-visible){outline:2px solid var(--portal);outline-offset:2px}.status,.error,.hint{margin:12px 0 0;font-size:13px}.status.ok,.ok{color:var(--exp)}.status.err,.error{color:var(--err)}.hint{color:var(--faint)}.metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;display:grid}.metric{background:var(--bg-ins);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.metric-value{font-family:var(--display);color:var(--meso);font-size:34px;line-height:1}.metric-label{color:var(--muted);letter-spacing:.04em;font-size:12px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:340px}.login-brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-brand .brand-mark{border-radius:12px;width:52px;height:52px;font-size:28px}.login-brand .brand-name{letter-spacing:.05em;font-size:34px}.login-sub{font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.login-card button{width:100%;margin-top:8px}:focus-visible{outline:2px solid var(--portal);outline-offset:2px}button:focus-visible{outline-offset:3px}.fade-up{animation:.5s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=760px){.app{grid-template-columns:1fr;grid-template-areas:"hud""rail""main"}.rail{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap}.rail-eyebrow{width:100%;padding-bottom:6px}.nav-item{width:auto}.hud{flex-wrap:wrap;gap:16px 22px}.vitals{flex-wrap:wrap;order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:after{transition:none!important;animation:none!important}.gauge-fill{transition:none!important}}