:root{--bg:#0d0f10;--panel:#181b1e;--panel2:#202428;--line:#343a3f;--text:#edf0f2;--muted:#8b949c;--green:#7bd88f;--amber:#f1c65b;--red:#ff5b57;--blue:#55a9ff;--cyan:#66d7d1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#252a2e 0,#111416 35%,var(--bg) 75%);color:var(--text);font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #2d3236;background:#111416dd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand,.show-status,.top-actions{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #596269;background:linear-gradient(145deg,#2d3338,#15181b);font-size:18px;font-weight:900;box-shadow:inset 0 1px #626a70}.brand div,.show-status div{display:flex;flex-direction:column}.brand strong{font-size:18px;letter-spacing:.24em}.brand small,.show-status small{font-size:9px;letter-spacing:.14em;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#555}.dot.live{background:var(--green);box-shadow:0 0 10px var(--green)}button,select{font:inherit;color:var(--text)}button{background:linear-gradient(#30353a,#24282c);border:1px solid #454c52;border-radius:3px;padding:9px 13px;font-weight:750;letter-spacing:.04em;cursor:pointer;box-shadow:inset 0 1px #596067,0 2px 5px #0006}button:active,button.active{transform:translateY(1px);background:#171a1c;box-shadow:inset 0 2px 5px #000}.danger{background:linear-gradient(#a52d2a,#701916);border-color:#cf504b}.mode,.accent{border-color:#3676a8;color:#c7e6ff}.nav{display:flex;gap:2px;padding:8px 22px;background:#141719;border-bottom:1px solid #2b3034;overflow:auto}.nav button{min-width:105px;background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.nav button.active{color:#fff;border-color:#46515a;background:#252a2e}main{max-width:1500px;margin:auto;padding:16px 22px 50px}.context-bar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(250px,1fr) auto auto;gap:18px;align-items:end;background:#171a1d;border:1px solid #33383c;padding:12px 15px;margin-bottom:18px}.eyebrow{display:block;font-size:9px;color:var(--muted);letter-spacing:.2em;margin-bottom:5px}select{width:100%;background:#0f1113;border:1px solid #41474c;padding:8px;border-radius:2px}.signal{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.mini-meter{height:11px;background:#090a0b;border:1px solid #353a3e;padding:2px}.mini-meter i{display:block;height:100%;width:18%;background:linear-gradient(90deg,var(--green),var(--amber),var(--red));transition:width 80ms}.clock{font:22px ui-monospace,SFMono-Regular,monospace;color:#bac1c6}.view{display:none}.view.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0 14px}.section-head h1{margin:0;font-size:25px;letter-spacing:.01em}.hint{color:var(--muted);font-size:11px}.talk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.talk-key{min-height:122px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #454c51;background:linear-gradient(155deg,#2b3034,#171a1c);border-radius:3px;cursor:pointer;user-select:none;box-shadow:inset 0 1px #535b61,0 5px 14px #0007}.talk-key strong{font-size:17px}.talk-key small{color:var(--muted)}.talk-key .key-state{align-self:flex-end;font-size:9px;color:#879098}.talk-key.talking{border-color:#cb413d;background:linear-gradient(155deg,#762825,#2b1211);box-shadow:inset 0 1px #e46b66,0 0 22px #e1383038}.talk-key.talking .key-state{color:#ff918d}.talk-key.listening{border-left:4px solid var(--green)}.lower-grid,.control-grid,.gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.panel{background:linear-gradient(145deg,#1d2124,#151719);border:1px solid #353b40;padding:15px;box-shadow:inset 0 1px #3c4247}.panel-title{font-size:10px;letter-spacing:.16em;color:#a8b0b6;border-bottom:1px solid #33383d;padding-bottom:9px;margin-bottom:10px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.person{display:flex;align-items:center;gap:8px;padding:10px;background:#101214;border:1px solid #30363a}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#303840;color:#cfe6f8}.person small{display:block;color:var(--green);font-size:9px}.ifb-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ifb-row small{display:block;color:var(--muted)}.ifb.active{background:#8b2926;border-color:#ee5c56}.panel label{display:grid;grid-template-columns:110px 1fr 65px;gap:10px;align-items:center;margin:12px 0;color:#bbc1c5}.panel output{text-align:right;color:#869098;font:11px ui-monospace,monospace}input[type=range]{accent-color:var(--blue);width:100%}.mixer{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:7px;background:#121416;border:1px solid #343a3f;padding:10px;overflow:auto}.strip{min-height:440px;background:linear-gradient(90deg,#1c2023,#252a2e 50%,#1b1f22);border:1px solid #3d4449;padding:9px;display:flex;flex-direction:column;align-items:center;gap:9px}.strip-name{height:38px;text-align:center;font-size:11px;font-weight:700}.led-meter{width:16px;height:100px;background:repeating-linear-gradient(to top,#22302a 0 4px,#0a0d0b 4px 6px);position:relative}.led-meter i{position:absolute;bottom:0;left:0;right:0;background:repeating-linear-gradient(to top,var(--green) 0 4px,transparent 4px 6px);height:55%}.fader{writing-mode:vertical-lr;direction:rtl;height:170px}.value{font:10px ui-monospace,monospace;color:#aeb7bd}.strip-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}.strip-actions button{padding:6px 3px;font-size:9px}.strip-actions .on{color:#101;background:var(--green);border-color:#a8efb5}.control-grid{grid-template-columns:repeat(3,1fr)}.control-grid .panel label{grid-template-columns:90px 1fr}.button-row,.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.warning{color:var(--amber)}.switch-row{display:flex!important;justify-content:space-between}.matrix-wrap{overflow:auto;border:1px solid #373d42;background:#15181a;padding:8px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border:1px solid #2f3539;padding:9px;text-align:center}th{font-size:9px;color:#9ca5ac;letter-spacing:.08em;background:#1d2124}td:first-child{text-align:left;color:#c5cbd0;font-weight:650}td.cross{cursor:pointer;background:#0e1011}td.cross::after{content:'';display:block;margin:auto;width:12px;height:12px;border:1px solid #4a5258;border-radius:50%}td.cross.on::after{background:var(--blue);border-color:#8ec7ff;box-shadow:0 0 8px #48a6ff}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-card{background:#181b1e;border:1px solid #343a3f;padding:14px}.health-head{display:flex;justify-content:space-between;margin-bottom:13px}.badge{font-size:9px;padding:4px 7px;border:1px solid #465057;border-radius:99px}.badge.good{color:var(--green);border-color:#376c43}.badge.warn{color:var(--amber);border-color:#77642d}.health-row{display:flex;justify-content:space-between;border-top:1px solid #2d3236;padding:8px 0;color:#9da5ab}.health-row b{color:#e3e7e9}.gateway-grid{grid-template-columns:1fr 1fr}.gateway-grid .panel:last-child{grid-column:1/-1}.gateway-screen{background:#07100b;border:1px solid #31563a;box-shadow:inset 0 0 18px #45a45b20;padding:20px;color:#78df91;font:15px ui-monospace,monospace;display:grid;gap:7px}.gateway-screen b{font-size:20px}.gateway-screen span{justify-self:end}.gateway-screen small{color:#568d63}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats div{background:#111315;padding:12px}.stats span{display:block;font-size:9px;color:var(--muted)}.stats b{font:19px ui-monospace,monospace}.path{display:flex;align-items:center;justify-content:center;gap:10px;overflow:auto}.path span{padding:10px;border:1px solid #3f484e;background:#121416}.path .ok{color:var(--green);border-color:#386943}.path i{height:1px;min-width:25px;background:#526069}.toast{position:fixed;bottom:24px;left:50%;translate:-50% 20px;background:#eef1f3;color:#16191b;padding:10px 16px;border-radius:3px;opacity:0;pointer-events:none;transition:.2s;z-index:20;box-shadow:0 6px 20px #0008}.toast.show{opacity:1;translate:-50% 0}@media(max-width:900px){.talk-grid{grid-template-columns:repeat(2,1fr)}.lower-grid,.control-grid,.gateway-grid,.health-grid{grid-template-columns:1fr}.gateway-grid .panel:last-child{grid-column:auto}.mixer{grid-template-columns:repeat(8,110px)}.context-bar{grid-template-columns:1fr 1fr}.show-status{display:none}}@media(max-width:560px){.topbar{padding:0 12px}.brand small{display:none}.nav{padding:7px 10px}.nav button{min-width:82px;padding:8px}.top-actions .mode{display:none}main{padding:10px 10px 90px}.context-bar{grid-template-columns:1fr}.signal,.clock{display:none}.talk-key{min-height:105px}.lower-grid{grid-template-columns:1fr}.people{grid-template-columns:1fr 1fr}.section-head{align-items:center}.hint{display:none}.health-grid{grid-template-columns:1fr}.danger{position:fixed;bottom:15px;right:15px;z-index:15;padding:16px 21px;border-radius:4px}}