:root,[data-theme=dark]{color-scheme:dark;--bg-deep: #0a0c10;--bg-base: #0e1117;--bg-panel: #11151c;--bg-card: #161b24;--bg-card-2: #1b212c;--bg-input: #0c1018;--bg-hover: #1f2632;--stroke-1: #1f2531;--stroke-2: #2a3242;--stroke-3: #3d4658;--fg: #f5f7fa;--fg-mid: #cdd3df;--fg-muted: #a0a8b8;--fg-dim: #5e6776;--amber: #f0b400;--amber-soft: #b88800;--amber-bg: rgba(240, 180, 0, .1);--amber-glow: rgba(240, 180, 0, .55);--red: #ff3a3a;--red-soft: #c41818;--red-bg: rgba(255, 58, 58, .1);--red-glow: rgba(255, 58, 58, .55);--green: #1bd96a;--green-soft: #128945;--green-bg: rgba(27, 217, 106, .1);--green-glow: rgba(27, 217, 106, .45);--cyan: #38d8f0;--cyan-soft: #0e8aa3;--cyan-bg: rgba(56, 216, 240, .1);--cyan-glow: rgba(56, 216, 240, .55);--blue: #6a8dff;--blue-bg: rgba(106, 141, 255, .12);--dot-color: rgba(255, 255, 255, .02);--shadow-card: 0 4px 14px rgba(0, 0, 0, .35);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6)}[data-theme=light]{color-scheme:light;--bg-deep: #f4f5f8;--bg-base: #ffffff;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-card-2: #f7f8fa;--bg-input: #f3f4f7;--bg-hover: #ecedf1;--stroke-1: #e7e9ed;--stroke-2: #d6d9e0;--stroke-3: #b0b5bf;--fg: #0d0f15;--fg-mid: #2a2e3a;--fg-muted: #4d5363;--fg-dim: #8a909e;--amber: #b97800;--amber-soft: #8a5800;--amber-bg: rgba(185, 120, 0, .1);--amber-glow: rgba(185, 120, 0, .3);--red: #dc2626;--red-soft: #b91c1c;--red-bg: rgba(220, 38, 38, .08);--red-glow: rgba(220, 38, 38, .3);--green: #0f8f44;--green-soft: #0a6e34;--green-bg: rgba(15, 143, 68, .1);--green-glow: rgba(15, 143, 68, .3);--cyan: #0891b2;--cyan-soft: #0e7490;--cyan-bg: rgba(8, 145, 178, .1);--cyan-glow: rgba(8, 145, 178, .3);--blue: #2952d3;--blue-bg: rgba(41, 82, 211, .1);--dot-color: rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(15, 17, 22, .06), 0 2px 8px rgba(15, 17, 22, .04);--shadow-modal: 0 24px 64px rgba(15, 17, 22, .2)}:root{--font-display: "Outfit", system-ui, -apple-system, sans-serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--topbar-h: 4.25rem;--statusbar-h: 2.75rem;--rail-w: 22rem;--tap: 2.75rem;--radius: 4px;--radius-lg: 6px}*{box-sizing:border-box}html{font-size:14px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg-deep);color:var(--fg);font-family:var(--font-body);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}button,input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--stroke-2);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--stroke-3)}#app{display:grid;grid-template-rows:var(--topbar-h) 1fr var(--statusbar-h);min-height:100vh;min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus,.sr-only:focus-visible{position:static;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;clip:auto;white-space:normal;background:var(--amber);color:var(--bg-deep);border-radius:var(--radius);z-index:10000}#app[data-screen=login]{display:block;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;height:var(--topbar-h);padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));padding-top:env(safe-area-inset-top);background:var(--bg-base);border-bottom:1px solid var(--stroke-1)}.brand{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--fg);white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--fg);border-radius:7px;position:relative}.brand-mark:before{content:"";width:.5rem;height:.5rem;background:var(--amber);border-radius:50%;box-shadow:0 0 8px var(--amber)}[data-theme=light] .brand-mark{background:#0d0f15}.brand .div{color:var(--fg-dim);margin:0 .05rem;font-weight:400}.brand .sub{color:var(--fg-muted);font-weight:500}.tabs{display:flex;justify-self:center;gap:.25rem;background:var(--bg-input);padding:.25rem;border-radius:8px;border:1px solid var(--stroke-1)}.tab{background:transparent;color:var(--fg-muted);padding:.5rem 1.25rem;font-family:var(--font-body);font-size:1rem;font-weight:500;letter-spacing:.02em;border:none;cursor:pointer;transition:background .12s,color .12s;min-height:2.25rem;border-radius:6px}.tab:hover{color:var(--fg)}.tab.on{background:var(--bg-card);color:var(--fg);box-shadow:0 1px 2px #0000004d}[data-theme=light] .tab.on{box-shadow:0 1px 2px #0f111614}.topbar-right{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:1rem;color:var(--fg-muted)}.clock{display:none;align-items:center;gap:.5rem;padding:0 .75rem;background:var(--bg-input);border:1px solid var(--stroke-1);color:var(--fg);font-weight:500;font-size:.95rem;border-radius:8px;height:2.5rem}.clock .lbl{color:var(--fg-dim);font-size:.8rem;letter-spacing:.08em;font-family:var(--font-body)}.icon-btn{background:transparent;border:1px solid var(--stroke-1);color:var(--fg-mid);width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all .12s}.icon-btn:hover{background:var(--bg-card-2);color:var(--fg);border-color:var(--stroke-2)}.icon-btn svg{width:1.125rem;height:1.125rem}.icon-btn .label{font-family:var(--font-mono);font-weight:600;font-size:.95rem;letter-spacing:.04em}.icon-btn.danger:hover{color:var(--red);border-color:var(--red);background:var(--red-bg)}.stage{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;min-height:0;overflow-y:auto;background:var(--bg-deep)}.pane{background:var(--bg-panel);border:1px solid var(--stroke-1);border-radius:10px;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-card);overflow:hidden}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--stroke-1)}.pane-head h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--fg);display:flex;align-items:center;gap:.625rem}.pane-head .count{font-family:var(--font-mono);font-size:.95rem;color:var(--fg-muted);padding:.15rem .5rem;background:var(--bg-input);border-radius:4px}.pane-head .meta{font-family:var(--font-mono);font-size:.9rem;color:var(--fg-muted)}.pane-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem}.section{display:flex;flex-direction:column;gap:.875rem}.section+.section{padding-top:1.25rem;border-top:1px solid var(--stroke-1)}.section-head{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.section-head .index{display:none}.section-head .grow{flex:1}.section-head .stat{font-family:var(--font-mono);font-size:.9rem;color:var(--fg-muted);padding:.15rem .5rem;background:var(--bg-input);border-radius:4px}.section-head.run:after,.section-head.idle:after{content:"";width:8px;height:8px;border-radius:50%}.section-head.run:after{background:var(--green);box-shadow:0 0 6px var(--green-glow)}.section-head.idle:after{background:var(--fg-dim)}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-family:var(--font-body);font-size:.95rem;font-weight:500;letter-spacing:0;color:var(--fg-mid);display:flex;gap:.5rem;align-items:baseline}.field label .readout{font-family:var(--font-mono);font-size:.95rem;font-weight:500;color:var(--fg);margin-left:auto}.field select,.field input[type=text],.field input[type=password],.field input[type=number]{background:var(--bg-input);border:1px solid var(--stroke-2);color:var(--fg);font-family:var(--font-mono);font-size:16px;padding:.625rem .75rem;outline:none;border-radius:6px;min-height:var(--tap);transition:border-color .12s}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;background-image:linear-gradient(45deg,transparent 50%,var(--fg-muted) 50%),linear-gradient(135deg,var(--fg-muted) 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .625rem) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field select:focus,.field input:focus{border-color:var(--amber)}.field select:disabled,.field input:disabled{opacity:.5;cursor:not-allowed}.field input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.75rem;padding:0;background:transparent;border:none;outline:none}.field input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--bg-input);border:1px solid var(--stroke-2);border-radius:100px}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-8px;background:var(--amber);border:2px solid var(--bg-panel);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--amber-glow)}.field input[type=range]::-moz-range-track{height:6px;background:var(--bg-input);border:1px solid var(--stroke-2);border-radius:100px}.field input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--amber);border:2px solid var(--bg-panel);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--amber-glow)}.field.locked select,.field.locked input{opacity:.55;pointer-events:none}.field.locked label:after{content:" · LOCKED";color:var(--amber-soft);font-size:.85em}.row{display:flex;gap:.75rem;align-items:center}.row.split{justify-content:space-between}.col{display:flex;flex-direction:column;gap:.625rem}.grow{flex:1}.mono{font-family:var(--font-mono)}.muted{color:var(--fg-muted)}.dim{color:var(--fg-dim)}.btn{background:var(--bg-card-2);color:var(--fg);border:1px solid var(--stroke-2);padding:.55rem 1rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;letter-spacing:0;cursor:pointer;border-radius:6px;transition:all .12s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--tap)}.btn:hover{background:var(--bg-hover);border-color:var(--stroke-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--fg);border-color:var(--fg);color:var(--bg-base);font-weight:600}[data-theme=light] .btn-primary{color:#fff}.btn-primary:hover{background:var(--fg-mid);border-color:var(--fg-mid)}.btn-danger{background:transparent;border-color:var(--stroke-2);color:var(--red)}.btn-danger:hover{background:var(--red-bg);border-color:var(--red-soft)}.btn-ghost{background:transparent;border-color:var(--stroke-1);color:var(--fg-muted)}.btn-ghost:hover{border-color:var(--stroke-2);color:var(--fg);background:var(--bg-card-2)}.btn-onair{background:var(--red);border-color:var(--red);color:#fff;font-weight:600;box-shadow:0 0 0 1px var(--red-bg),0 2px 8px var(--red-bg)}.btn-onair:hover{filter:brightness(1.08)}.btn-icon{min-width:var(--tap);padding:.5rem .75rem;font-family:var(--font-mono);font-size:1.05rem}.switch{position:relative;display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;min-height:var(--tap)}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .slider{position:relative;width:3rem;height:1.625rem;background:var(--bg-input);border:1px solid var(--stroke-3);border-radius:var(--radius);transition:all .12s ease;flex-shrink:0;box-shadow:inset 0 1px #00000040}.switch .slider:before{content:"";position:absolute;width:1.25rem;height:1.25rem;top:2px;left:2px;background:linear-gradient(180deg,var(--fg-mid) 0%,var(--fg-muted) 100%);border:1px solid var(--stroke-3);border-radius:2px;transition:transform .13s ease,background .13s;box-shadow:0 1px 2px #0006}.switch input:checked+.slider{background:var(--green-soft);border-color:var(--green)}.switch input:checked+.slider:before{transform:translate(1.375rem);background:linear-gradient(180deg,#4ee59a 0%,var(--green) 100%);box-shadow:0 0 10px var(--green-glow)}.switch.is-tone input:checked+.slider{background:var(--amber-soft);border-color:var(--amber)}.switch.is-tone input:checked+.slider:before{background:linear-gradient(180deg,#ffd84f 0%,var(--amber) 100%);box-shadow:0 0 10px var(--amber-glow)}.switch.is-mire input:checked+.slider{background:var(--cyan-soft);border-color:var(--cyan)}.switch.is-mire input:checked+.slider:before{background:linear-gradient(180deg,#8fe9fa 0%,var(--cyan) 100%);box-shadow:0 0 10px var(--cyan-glow)}.switch .switch-label{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--fg-mid)}.led{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--fg-dim);flex-shrink:0}.led.green{background:var(--green);box-shadow:0 0 6px var(--green-glow)}.led.amber{background:var(--amber);box-shadow:0 0 6px var(--amber-glow)}.led.cyan{background:var(--cyan);box-shadow:0 0 6px var(--cyan-glow)}.led.red{background:var(--red);box-shadow:0 0 8px var(--red-glow);animation:ledPulse 1.3s ease-in-out infinite}@keyframes ledPulse{0%,to{box-shadow:0 0 6px var(--red-glow)}50%{box-shadow:0 0 14px var(--red)}}@media (prefers-reduced-motion: reduce){.led.red,.tag.onair{animation:none}}.tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:0;padding:.2rem .55rem;background:var(--bg-input);border:1px solid var(--stroke-1);color:var(--fg-mid);border-radius:100px;white-space:nowrap}.tag.green{color:var(--green);border-color:var(--green-soft);background:var(--green-bg)}.tag.amber{color:var(--amber);border-color:var(--amber-soft);background:var(--amber-bg)}.tag.cyan{color:var(--cyan);border-color:var(--cyan-soft);background:var(--cyan-bg)}.tag.red{color:var(--red);border-color:var(--red-soft);background:var(--red-bg)}.tag.onair{background:var(--red);color:#fff;border-color:var(--red);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;box-shadow:0 0 0 1px var(--red-bg),0 4px 12px var(--red-bg);animation:onairPulse 1.6s ease-in-out infinite}@keyframes onairPulse{0%,to{box-shadow:0 0 0 1px var(--red-bg),0 2px 8px var(--red-bg)}50%{box-shadow:0 0 0 1px var(--red-glow),0 4px 18px var(--red-glow)}}.tag.event{color:var(--amber);border-color:var(--amber-soft);background:var(--amber-bg)}.tag.password{font-family:var(--font-mono);color:var(--blue);border-color:var(--blue);background:var(--blue-bg);letter-spacing:.06em;text-transform:none}.meter{height:.875rem;background:linear-gradient(90deg,transparent 0%,transparent 49.5%,var(--stroke-1) 49.5%,var(--stroke-1) 50.5%,transparent 50.5%,transparent 74.5%,var(--stroke-1) 74.5%,var(--stroke-1) 75.5%,transparent 75.5%,transparent 89.5%,var(--stroke-1) 89.5%,var(--stroke-1) 90.5%,transparent 90.5%),var(--bg-input);border:1px solid var(--stroke-2);border-radius:2px;overflow:hidden;position:relative}.meter>.fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,var(--green) 0%,var(--green) 60%,var(--amber) 75%,var(--amber) 88%,var(--red) 95%,var(--red) 100%);transition:width 50ms linear}.talent{background:var(--bg-card);border:1px solid var(--stroke-1);border-radius:10px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:var(--shadow-card)}.talent:hover{border-color:var(--stroke-2)}.talent.on-air{border-color:var(--red-soft);box-shadow:var(--shadow-card),0 0 0 1px var(--red-bg)}.talent:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:transparent;transition:background .16s}.talent.connected:before{background:var(--green)}.talent.lobby:before{background:var(--amber)}.talent.on-air:before{background:var(--red)}.talent-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1rem 1.125rem .875rem 1.5rem;gap:.75rem;border-bottom:1px solid var(--stroke-1)}.talent-name{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.display-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.015em;color:var(--fg)}.pencil{background:none;border:none;color:var(--fg-muted);cursor:pointer;padding:.25rem .4rem;font-size:1rem;min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:color 80ms,background 80ms}.pencil:hover{color:var(--amber);background:var(--bg-hover)}.pencil:disabled{opacity:.3;cursor:not-allowed}.title-edit{background:var(--bg-input);border:1px solid var(--amber);color:var(--fg);padding:.3rem .625rem;border-radius:var(--radius);font-family:var(--font-display);font-size:1.375rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;outline:none;width:min(100%,16rem)}.talent-status{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.talent-stats{font-family:var(--font-mono);font-size:1rem;color:var(--fg-muted)}.strip{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--stroke-1)}.col-strip{padding:1rem 1.125rem;border-bottom:1px solid var(--stroke-1);display:flex;flex-direction:column;gap:.75rem;min-width:0}.col-strip:last-child{border-bottom:none}.col-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--fg)}.col-label .arrow{color:var(--fg-muted);font-weight:400;padding:0 .1rem}.col-sub-label{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--fg-muted);margin-top:.25rem;display:flex;align-items:center;gap:.4rem}.col-sub-label .arrow{color:var(--fg-dim)}.col-meter{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.col-meter .db{font-family:var(--font-mono);font-size:1rem;color:var(--fg);text-align:right;font-weight:600;min-width:5rem}.col-meter .db.silent{color:var(--fg-dim)}.col-tone{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.col-tone .tone-label{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--fg-muted)}.col-gain{display:grid;grid-template-columns:auto 1fr auto;gap:.625rem;align-items:center;padding-top:.75rem;border-top:1px solid var(--stroke-1)}.col-gain .label{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--fg-muted)}.col-gain .gain-val{font-family:var(--font-mono);font-size:1rem;color:var(--fg);text-align:right;min-width:4.25rem}.invite-row{display:grid;grid-template-columns:1fr;gap:.5rem;padding:.875rem 1.125rem;border-bottom:1px solid var(--stroke-1);background:var(--bg-input)}.invite-row .invite-label{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--fg-muted)}.invite-row .url-line{display:flex;gap:.5rem;align-items:center}.invite-row input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--font-mono);font-size:1rem;padding:0;min-width:0}.invite-row .invite-actions{display:flex;gap:.375rem}.talent-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.875rem 1.125rem}.talent-actions .spacer{flex:1}.talent.locked .strip select,.talent.locked .strip input{pointer-events:none;opacity:.6}.event-bar{display:flex;flex-wrap:wrap;gap:.375rem;padding:.625rem;background:var(--bg-input);border:1px solid var(--stroke-2);border-radius:var(--radius);margin-bottom:.875rem}.event-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;letter-spacing:0;padding:.45rem .85rem;background:var(--bg-card);border:1px solid var(--stroke-2);color:var(--fg-mid);cursor:pointer;border-radius:100px;transition:all .12s;min-height:2.25rem}.event-pill:hover{background:var(--bg-hover);color:var(--fg)}.event-pill .count{font-family:var(--font-mono);font-size:1rem;letter-spacing:0;color:var(--fg-muted);padding:.125rem .4rem;background:var(--bg-base);border-radius:2px}.event-pill.on{background:var(--fg);color:var(--bg-base);border-color:var(--fg);font-weight:600}[data-theme=light] .event-pill.on{color:#fff}.event-pill.on .count{color:inherit;background:#0000002e}.event-pill.new{color:var(--fg-muted);border-style:dashed;background:transparent}.event-pill.new:hover{color:var(--fg);border-color:var(--stroke-3)}.event-pill.danger{color:var(--red);border-style:dashed;background:transparent}.event-pill.danger:hover{background:var(--red-bg);border-color:var(--red)}.event-group-head{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--fg);padding:1rem .25rem .5rem}.event-group-head:after{content:"";flex:1;height:1px;background:var(--stroke-1)}.event-group-head .count{color:var(--fg-muted);font-family:var(--font-mono);font-size:.9rem;padding:.1rem .45rem;background:var(--bg-input);border-radius:4px}.talent-list{display:flex;flex-direction:column;gap:.875rem}.compose-row{display:grid;grid-template-columns:1fr;gap:.5rem;padding:.25rem 0 .875rem}.compose-row input{background:var(--bg-input);border:1px solid var(--stroke-2);color:var(--fg);padding:.75rem .875rem;font-family:var(--font-mono);font-size:16px;outline:none;border-radius:var(--radius);min-height:var(--tap)}.compose-row input:focus{border-color:var(--amber)}.compose-row input::placeholder{color:var(--fg-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em}.video-mini{position:relative;aspect-ratio:16 / 9;background:#000;border:1px solid var(--stroke-2);overflow:hidden;border-radius:var(--radius)}.video-mini video{width:100%;height:100%;object-fit:contain;background:#000}.video-mini .overlay{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:#000000b3;border:1px solid var(--stroke-2);font-family:var(--font-display);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);border-radius:2px}.video-mini .ovrlive{position:absolute;top:.5rem;right:.5rem;font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--red);background:#000000b3;padding:.25rem .5rem;border:1px solid var(--red-soft);border-radius:2px}.devices-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}.ch-label-row{display:grid;grid-template-columns:5rem 1fr;gap:.625rem;align-items:center;padding:.25rem 0}.ch-label-row .ch{font-family:var(--font-mono);font-size:1rem;color:var(--fg-muted)}.ch-label-row input{background:var(--bg-input);border:1px solid var(--stroke-2);color:var(--fg);padding:.5rem .75rem;font-family:var(--font-mono);font-size:16px;outline:none;border-radius:var(--radius);min-height:var(--tap)}.ch-label-row input:focus{border-color:var(--amber)}.ch-label-row input::placeholder{color:var(--fg-dim)}.ch-list{max-height:22rem;overflow-y:auto;padding-right:.25rem}.statusbar{display:flex;align-items:center;gap:1.25rem;padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));padding-bottom:env(safe-area-inset-bottom);height:calc(var(--statusbar-h) + env(safe-area-inset-bottom));background:var(--bg-base);border-top:1px solid var(--stroke-1);font-family:var(--font-mono);font-size:.9rem;color:var(--fg-muted);overflow-x:auto;white-space:nowrap}.statusbar .seg{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.statusbar .lbl{color:var(--fg-dim);font-family:var(--font-body);font-size:.9rem;font-weight:500}.statusbar .v{color:var(--fg)}.statusbar .sep{color:var(--fg-dim)}.statusbar .right{margin-left:auto}.login-card{max-width:26rem;margin:12vh auto;padding:2rem;background:var(--bg-panel);border:1px solid var(--stroke-2);display:flex;flex-direction:column;gap:1.25rem;position:relative;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.login-card h1,.login-card h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.015em}.login-card h1 .sub,.login-card h2 .sub{color:var(--fg-muted);font-weight:400}.login-card .err{color:var(--red);font-family:var(--font-mono);font-size:1rem;min-height:1.25rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.modal{background:var(--bg-panel);border:1px solid var(--stroke-3);padding:1.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:32rem;position:relative;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal h3{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.modal .qr-img{background:#fff;padding:1rem;border-radius:2px;line-height:0}.modal .qr-img img{display:block;width:min(80vw,18rem);height:min(80vw,18rem);image-rendering:pixelated}.modal .url{font-family:var(--font-mono);font-size:1rem;color:var(--fg-mid);text-align:center;word-break:break-all;max-width:22rem}.modal .actions{display:flex;gap:.625rem;flex-wrap:wrap;justify-content:center}@media (min-width: 40em){.stage{padding:1rem;gap:1rem}.pane-body{padding:1.25rem}.clock,.btn-logout{display:inline-flex}.invite-row{grid-template-columns:auto 1fr auto;align-items:center}.compose-row{grid-template-columns:1fr auto}}@media (min-width: 64em){.stage:not(.single){display:grid;grid-template-columns:var(--rail-w) 1fr;overflow:hidden}.stage:not(.single)>.pane{overflow:hidden}.stage:not(.single)>.pane>.pane-body{overflow-y:auto;flex:1;min-height:0}.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.col-strip{border-right:1px solid var(--stroke-1);border-bottom:none;padding:1.125rem 1.25rem}.col-strip:last-child{border-right:none}.devices-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (min-width: 96em){:root{--rail-w: 24rem}.strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 22em){html{font-size:13px}.display-name{font-size:1.25rem}}