:root{--bg:#090b0f;--panel:#11151b;--channel:#171c24;--raised:#202733;--border:#303947;--text:#f4f7fa;--muted:#9ba8b7;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--blue:#3b82f6;--violet:#a855f7}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#192231 0,var(--bg) 38%);color:var(--text);font-family:Arial,Helvetica,sans-serif}.shell,body{min-height:100vh}.shell{width:min(100%,620px);margin:auto;padding:18px 16px 24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border);padding:2px 2px 16px}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--muted);margin:0}.topbar h1{font-size:25px;letter-spacing:.08em;margin:2px 0 0}.statusStack{display:grid;grid-template-columns:auto auto;gap:6px 8px;justify-items:end}.network,.status{font-size:10px;font-weight:800;letter-spacing:.07em;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:#0d1117}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.status.ok i{background:var(--green);box-shadow:0 0 8px var(--green)}.status.live{color:#fff;border-color:#67262b;background:#291216}.status.live i{background:var(--red);box-shadow:0 0 8px var(--red)}.network{grid-column:1/3;color:var(--muted)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:13px 0}.secondary button,.tabs button{border:1px solid var(--border);background:#10151c;color:var(--muted);border-radius:7px;padding:10px 4px;font-size:10px;font-weight:800;letter-spacing:.04em}.tabs button.active{color:#fff;background:#17243a;border-color:#315d9c;box-shadow:inset 0 -2px 0 var(--blue)}.roomTitle{display:flex;justify-content:space-between;align-items:center;padding:8px 2px 11px;font-size:12px;font-weight:800;letter-spacing:.08em}.roomTitle small{color:var(--muted);font-size:9px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.channels{display:grid;gap:10px}.channel{background:linear-gradient(180deg,#191f28,#131820);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 8px 22px #0005}.channelHead{display:flex;justify-content:space-between}.channelHead strong{font-size:17px;display:block}.channelHead span{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:.08em}.connected{color:var(--green)!important}.meterRow{display:grid;grid-template-columns:1fr 62px;align-items:center;gap:10px;margin:14px 0}.meter{height:14px;border:1px solid #3a4554;border-radius:4px;background:repeating-linear-gradient(90deg,#11161d,#11161d 7px,#222a34 8px,#222a34 9px);padding:2px;overflow:hidden}.meter span{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--green) 0 72%,var(--amber) 88%,var(--red) 100%);box-shadow:0 0 8px #22c55e66}.meterRow b{text-align:right;font-family:monospace;font-size:12px}.routeRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mic,.route{border:1px solid var(--border);border-radius:8px;background:#0e1319;color:var(--muted);font-weight:900;padding:10px;font-size:11px;text-align:center}.mic.on{color:#dfffea;border-color:#236b3c;background:#10291a}.mic.on span{color:var(--green)}.route.air{color:#fff;border-color:#713036;background:#321418}.route.room{color:#dceaff;border-color:#274f85;background:#101f34}.secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.master{margin-top:12px;border:1px solid #48515e;background:linear-gradient(#151a21,#0e1217);border-radius:14px;padding:14px 18px 12px;box-shadow:inset 0 0 30px #0008}.masterLabel{display:flex;justify-content:space-between;align-items:center}.masterLabel span{font-size:13px;font-weight:900;letter-spacing:.12em}.masterLabel small{color:var(--red);font-size:9px;font-weight:900}.vu{height:105px;position:relative;overflow:hidden;margin-top:5px}.scale{display:flex;justify-content:space-between;color:#aeb7c2;font-family:monospace;font-size:9px;padding-top:8px}.arc{width:260px;height:130px;border:2px solid #586474;border-bottom:0;border-radius:150px 150px 0 0;bottom:-74px;transform:translateX(-50%)}.arc,.needle{position:absolute;left:50%}.needle{width:2px;height:80px;background:#f1f3f5;bottom:-3px;transform-origin:bottom;transform:rotate(26deg);box-shadow:0 0 8px #fff8}.pivot{position:absolute;width:12px;height:12px;border-radius:50%;background:#d7dde4;left:calc(50% - 5px);bottom:-6px}.peak{display:flex;justify-content:center;gap:9px;align-items:baseline;font-family:monospace}.peak span{color:var(--muted);font-size:9px}.peak strong{font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:8px;margin-top:12px}.actions button{min-height:52px;border-radius:10px;color:white;font-weight:900;font-size:11px;letter-spacing:.04em}.macro{border:1px solid #7139a4;background:#29133c}.break{border:1px solid #9a6615;background:#35240a}.return{border:1px solid #7e3036;background:#3b1519}footer{display:flex;justify-content:space-between;color:#697586;font-size:9px;font-weight:800;letter-spacing:.07em;padding:15px 3px 0}.safe{color:var(--green)}button{cursor:pointer}button:active{transform:translateY(1px)}@media(min-width:700px){.shell{padding-top:30px}.channels{grid-template-columns:1fr 1fr}.master{margin-top:14px}}@media(max-width:390px){.shell{padding:12px 10px 18px}.actions button{font-size:9px}.statusStack{gap:4px}.tabs button{font-size:9px}}body,html{width:100%;max-width:100%;overflow-x:hidden}.actions,.channel,.channels,.master,.roomTitle,.shell,.tabs,.topbar{min-width:0;max-width:100%}.channelHead>div,.meterRow>*,button{min-width:0}@media(max-width:480px){.shell{width:100%;padding:12px 10px 18px}.topbar{gap:8px}.topbar h1{font-size:22px}.eyebrow{font-size:9px}.statusStack{gap:4px}.network,.status{font-size:8px;padding:6px}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.tabs button{font-size:8px;padding:9px 2px;overflow:hidden;text-overflow:ellipsis}.roomTitle{font-size:11px;gap:8px}.roomTitle small{white-space:nowrap}.channel{padding:12px}.channelHead strong{font-size:16px}.meterRow{grid-template-columns:minmax(0,1fr) 55px;gap:7px}.routeRow,.secondary{gap:6px}.mic,.route{padding:10px 4px;font-size:10px}.master{padding:12px 10px 10px}.arc{width:min(260px,78vw)}.actions{grid-template-columns:1fr 1fr 1.25fr;gap:6px}.actions button{min-height:50px;padding:5px 3px;font-size:9px}}@media(max-width:340px){.topbar{display:grid;grid-template-columns:1fr}.statusStack{grid-template-columns:1fr 1fr;justify-items:stretch}.network,.status{text-align:center}.tabs{grid-template-columns:1fr 1fr}.tabs button{font-size:9px}.roomTitle{align-items:flex-start}.channelHead{gap:6px}.actions{grid-template-columns:1fr}.actions button{min-height:44px}footer{gap:8px;flex-wrap:wrap}}