:root{color:#edf2f7;font-synthesis:none;--bg:#090b0f;--surface-1:#0f1319;--surface-2:#151a22;--surface-3:#1b222c;--line:#29313d;--line-bright:#3a4655;--text:#edf2f7;--muted:#8d99a8;--cyan:#38c7d9;--cyan-soft:#163940;--green:#66d28f;--amber:#f1b84b;--red:#ff5c68;--radius:10px;--shadow:0 18px 48px #00000059;background:#090b0f;font-family:Inter,Segoe UI Variable,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -30%, #1a2633 0, var(--bg) 42%);min-width:1080px;min-height:100vh;margin:0}button,input,select{font:inherit;color:inherit}button,select,input{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--cyan)}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}.splash{place-items:center;min-height:100vh;display:grid}.brand-mark{letter-spacing:.12em;flex:none;align-items:center;gap:12px;display:flex}.brand-mark i{border:2px solid var(--cyan);border-radius:50%;flex:0 0 26px;width:26px;height:26px;position:relative;box-shadow:inset 0 0 12px #38c7d955,0 0 16px #38c7d933}.brand-mark i:after{content:"";border:2px solid var(--cyan);position:absolute;inset:5px;transform:rotate(45deg)}.brand-mark div{display:grid}.brand-mark strong{font-size:16px}.brand-mark span{color:var(--muted);font-size:9px}.brand-mark.large strong{font-size:25px}.brand-mark.large i{width:38px;height:38px}.login-page{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-atmosphere{filter:blur(24px);background:radial-gradient(circle,#1a4a5366,#0000 65%);width:800px;height:800px;position:absolute}.login-card{z-index:1;border:1px solid var(--line);width:420px;box-shadow:var(--shadow);background:linear-gradient(145deg,#171c24ee,#0d1117f2);border-radius:16px;padding:42px}.login-card>p{color:var(--muted);margin:28px 0}.login-card form,.editor-panel{gap:18px;display:grid}label{color:#aeb8c5;letter-spacing:.03em;gap:7px;font-size:12px;font-weight:600;display:grid}input,select{border:1px solid var(--line);background:#0b0f14;border-radius:7px;min-height:40px;padding:11px 12px}input:hover,select:hover{border-color:var(--line-bright)}.primary-button{color:#071013;background:linear-gradient(#42cada,#25aebf);border-radius:7px;min-height:43px;font-weight:800}.form-error,.warning-banner{color:#ffd9dc;background:#3a171d;border:1px solid #762832;border-radius:7px;padding:12px;font-size:13px}.form-success{color:#bfffe9;background:#12352f;border:1px solid #267663;border-radius:7px;padding:12px;font-size:13px}.language-switch{gap:4px;margin-top:26px;display:flex}.language-switch button{color:var(--muted);background:0 0;border-radius:5px;padding:6px 10px}.language-switch .active{background:var(--surface-3);color:var(--text)}.app-shell{grid-template-rows:68px 44px auto 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#0d1117ee;align-items:center;gap:clamp(14px,2vw,34px);padding:0 22px;display:flex}.room-identity{align-items:center;gap:20px;margin-left:auto;display:flex}.room-identity label{align-items:center;gap:9px;display:flex}.room-identity select{min-height:32px;padding:6px 34px 6px 10px}.server-state{grid-template-columns:10px auto;column-gap:8px;display:grid}.server-state i{background:var(--red);border-radius:50%;grid-row:span 2;width:8px;height:8px;margin-top:8px}.server-state.online i{background:var(--green);box-shadow:0 0 10px #66d28f88}.server-state span{color:var(--muted);font-size:10px}.server-state strong{font-size:12px}.user-menu{align-items:center;gap:10px;display:flex}.user-menu>span{font-size:13px}.user-menu select{min-height:30px;padding:4px 8px}.user-menu button{color:var(--muted);background:0 0}.primary-nav{border-bottom:1px solid var(--line);background:var(--surface-1);align-items:end;gap:3px;padding:0 22px;display:flex}.primary-nav button{height:43px;color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:0 17px;font-size:12px;font-weight:650}.primary-nav button.active{color:var(--text);border-color:var(--cyan)}.warning-banner{justify-content:space-between;margin:10px 22px 0;display:flex}.warning-banner button{color:inherit;background:0 0;font-size:18px}main{min-width:0}.mixer-view{padding:14px 18px 20px}.mixer-toolbar{border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-1);justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.mixer-toolbar>div:first-child{display:grid}.mixer-toolbar small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.mixer-toolbar strong{font-size:20px}.mode-selector{border:1px solid var(--line);background:#090c10;border-radius:7px;padding:3px;display:flex}.mode-selector button{min-width:70px;color:var(--muted);text-transform:uppercase;background:0 0;border-radius:5px;padding:7px 12px;font-size:11px;font-weight:750}.mode-selector button.active{background:var(--cyan-soft);color:#81e6ef}.mixer-bank{border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:#0b0e12;border-top:0;grid-template-columns:minmax(0,1fr) 230px;min-height:650px;display:grid;overflow:hidden}.channel-scroll{scrollbar-color:var(--line-bright) #090b0f;align-items:stretch;gap:8px;min-width:0;padding:14px;display:flex;overflow-x:auto}.empty-state{width:100%;color:var(--muted);place-items:center;display:grid}.channel-strip{border:1px solid var(--line);background:linear-gradient(#171c23,#10141a);border-radius:8px;flex:0 0 168px;grid-template-rows:64px 1fr 95px;display:grid;overflow:hidden;box-shadow:0 6px 18px #0004}.channel-strip>header{border-bottom:1px solid var(--line);grid-template-columns:9px 1fr;align-content:center;column-gap:7px;padding:12px 11px;display:grid}.channel-strip header strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.channel-strip header small{color:var(--muted);grid-column:2;font-size:9px}.presence{background:var(--green);border-radius:50%;width:7px;height:7px}.presence.bad{background:var(--red)}.strip-body{grid-template-columns:45px 1fr;justify-content:center;padding:16px 12px 10px;display:grid}.meter-group{gap:4px;height:386px;display:flex}.meter{background:#07090c;border:1px solid #252c34;border-radius:3px;width:13px;position:relative;overflow:hidden}.meter i{height:var(--level);background:linear-gradient(0deg,#3ccf87 0 62%,#d7cb4c 78%,#ff606a 94%);border-radius:1px;max-height:calc(100% - 18px);transition:height 70ms linear;position:absolute;inset:auto 2px 15px;box-shadow:0 0 7px #3ccf8755}.meter span{text-align:center;width:100%;color:var(--muted);font-size:7px;position:absolute;bottom:2px}.fader-wrap{grid-template-rows:1fr 25px;justify-items:center;min-width:0;display:grid}.fader{writing-mode:vertical-lr;appearance:slider-vertical;width:34px;height:360px;accent-color:var(--cyan);direction:rtl;background:0 0;border:0;padding:0}.fader-wrap output{color:#c4cfdb;white-space:nowrap;font:10px/1.8 Cascadia Mono,monospace}.strip-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;padding:10px;display:grid}.control-button{border:1px solid var(--line);color:var(--muted);letter-spacing:.06em;background:#11161d;border-radius:6px;font-size:9px;font-weight:800}.control-button span{margin-top:4px;font-size:8px;display:block}.control-button.mute.active{color:#fff;border-color:var(--red);background:#61222a}.control-button.program.active{color:#09110c;background:var(--green);border-color:var(--green)}.program-master{background:linear-gradient(#161d24,#0e1318);border-left:2px solid #33414e;padding:15px}.program-master>header{letter-spacing:.08em;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.program-status{align-items:center;gap:7px;display:flex}.program-status small{letter-spacing:.04em;font-size:8px}.program-status small.healthy{color:var(--green)}.program-status small.unavailable{color:var(--red)}.program-master header b{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:4px 7px;font-size:9px}.program-master header b.limiting{color:#171006;background:var(--amber)}.program-meters{justify-content:space-evenly;margin-top:22px;display:flex}.program-meters>div{justify-items:center;gap:8px;display:grid}.program-meters small{color:var(--muted);font-size:8px}.program-meters .meter-group{height:430px}.gain-reduction{border:1px solid var(--line);background:#090c10;border-radius:6px;gap:5px;margin-top:18px;padding:12px;display:grid}.gain-reduction span{color:var(--muted);font-size:8px}.gain-reduction strong{font:16px Cascadia Mono,monospace}.admin-view{padding:28px}.admin-view>header{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.admin-view h1{margin:3px 0;font-size:28px}.admin-view header small{color:var(--cyan);letter-spacing:.12em;font-weight:800}.admin-view header p{color:var(--muted)}.pagination{color:var(--muted);align-items:center;gap:9px;font:11px Cascadia Mono,monospace;display:flex}.pagination button{border:1px solid var(--line);background:var(--surface-1);color:var(--text);border-radius:5px;padding:7px 10px}.pagination button:disabled{opacity:.35}.admin-grid{grid-template-columns:minmax(650px,1fr) 330px;gap:18px;display:grid}.data-panel,.editor-panel,.profile-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0003}.data-panel{overflow:hidden}.editor-stack{align-content:start;gap:16px;display:grid}.editor-panel{align-content:start;padding:22px}.editor-panel h2{margin:0 0 8px;font-size:17px}.field-help{color:var(--muted);margin:-8px 0 0;font-size:10px;line-height:1.5}.check-row{align-items:center;gap:9px;display:flex}.check-row input{width:16px;min-height:16px;accent-color:var(--cyan)}.danger-button{color:#ffabb2;background:#30181d;border:1px solid #71343c;border-radius:5px;margin-top:14px;padding:7px 10px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.panel-heading h2{margin:3px 0 0}.panel-heading small{color:var(--muted)}.danger-button.compact{margin:0;padding:5px 8px}.invite-code{overflow-wrap:anywhere;background:#0d2428;border:1px solid #2d6970;border-radius:7px;gap:7px;margin-top:6px;padding:13px;display:grid}.invite-code small{color:#7ddde3;letter-spacing:.08em;font-weight:800}.invite-code strong{color:#d7fbfd;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#0b0f14;font-size:9px}th,td{border-bottom:1px solid var(--line);height:48px;padding:0 16px}code{color:#7ddbe6}.state-pill{color:#ff9ca4;background:#362129;border-radius:99px;padding:5px 9px}.state-pill.on{color:#8fe3ad;background:#173324}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.profile-card{padding:18px}.profile-card>div{align-items:center;gap:9px;display:flex}.state-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.state-dot.on{background:var(--green)}.profile-card dl{grid-template-columns:110px 1fr;margin-bottom:0;font-size:11px;display:grid}.profile-card dt{color:var(--muted)}.profile-card dd{text-overflow:ellipsis;margin:0;font-family:Cascadia Mono,monospace;overflow:hidden}@media (max-width:1350px){.user-menu>span{display:none}.admin-grid{grid-template-columns:1fr}.editor-panel{max-width:520px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}}