@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}.onboarding-tour{z-index:300;pointer-events:auto;position:fixed;inset:0}.onboarding-tour__spotlight{border:2px solid var(--brand);pointer-events:none;border-radius:12px;transition:top .18s,left .18s,width .18s,height .18s;position:fixed;box-shadow:0 0 0 100vmax #000000c7,0 0 0 5px #70e00029}.onboarding-tour__tooltip{z-index:1;width:min(360px,100vw - 32px);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--bg-overlay);border-radius:12px;padding:24px;position:fixed;box-shadow:0 20px 60px #0000007a}.onboarding-tour__tooltip:focus{outline:none}.onboarding-tour__progress{color:var(--brand-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.onboarding-tour__tooltip h2{margin:0;font-size:20px;line-height:1.25}.onboarding-tour__tooltip>p:not(.onboarding-tour__progress){color:var(--text-secondary);margin:10px 0 0;line-height:1.5}.onboarding-tour__actions,.onboarding-tour__actions-right{align-items:center;display:flex}.onboarding-tour__actions{justify-content:space-between;gap:16px;margin-top:24px}.onboarding-tour__actions-right{gap:10px}.onboarding-tour__actions button:not(.button){min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px}.onboarding-tour__actions button:not(.button):hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated)}.onboarding-tour__actions button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (width<=680px){.onboarding-tour__tooltip{width:auto;right:16px;left:16px!important}}@media (prefers-reduced-motion:reduce){.onboarding-tour__spotlight{transition:none}}.room-chat{z-index:70;position:fixed;bottom:24px;left:24px}.room-chat__trigger{background:var(--brand,#2563eb);cursor:pointer;border:0;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:background-color .15s;display:flex;position:relative;box-shadow:0 8px 8px #0003}.room-chat__trigger:hover{background:var(--brand-hover,#1d4ed8)}.room-chat__trigger:focus-visible{outline:2px solid var(--brand-soft,#93c5fd);outline-offset:2px}.room-chat__badge{color:#fff;background:#e53333;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;left:42px}.room-chat__panel{background:var(--bg-elevated,#2e2e2e);border:1px solid var(--bg-surface,#252525);border-radius:12px;flex-direction:column;width:360px;height:420px;max-height:calc(100vh - 120px);display:flex;position:absolute;bottom:72px;left:0;overflow:hidden;box-shadow:0 12px 32px -8px #0006}.room-chat__header{background:var(--bg-surface,#252525);border-bottom:1px solid var(--bg-elevated,#2e2e2e);flex:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.room-chat__header h2{color:var(--text-primary,#f5f5f5);font-size:16px;font-weight:600;line-height:1.3}.room-chat__close{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.room-chat__close:hover{background:#ffffff0f}.room-chat__log{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.room-chat__entry{flex-direction:column;gap:4px;display:flex}.room-chat__entry--peer{align-items:flex-start}.room-chat__entry--own{align-items:flex-end}.room-chat__bubble{overflow-wrap:anywhere;max-width:280px;padding:10px 12px;font-size:13px;line-height:1.5}.room-chat__entry--peer .room-chat__bubble{color:var(--text-secondary,#a3a3a3);background:var(--bg-base,#1e1e1e);border-radius:12px 12px 12px 4px}.room-chat__entry--own .room-chat__bubble{color:var(--brand-text,#60a5fa);background:var(--brand-subtle,#1e3a8a);border-radius:12px 12px 4px}.room-chat__sender{color:var(--text-muted,#737373);align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.room-chat__sender time{color:var(--text-disabled,#525252);font-weight:400}.room-chat__empty{color:var(--text-disabled,#525252);text-align:center;margin:auto 0;font-size:13px;line-height:1.5}.room-chat__composer{background:var(--bg-surface,#252525);border-top:1px solid var(--bg-elevated,#2e2e2e);flex:none;align-items:center;gap:12px;padding:12px 16px 16px;display:flex}.room-chat__composer input{min-width:0;color:var(--text-primary,#f5f5f5);background:var(--bg-base,#1e1e1e);border:1px solid #0000;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:13px;line-height:1.5}.room-chat__composer input::placeholder{color:var(--text-muted,#737373)}.room-chat__composer input:focus-visible{border-color:var(--brand,#2563eb)}.room-chat__send{background:var(--brand,#2563eb);cursor:pointer;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .15s,opacity .15s;display:flex}.room-chat__send:hover:not(:disabled){background:var(--brand-hover,#1d4ed8)}.room-chat__send:disabled{cursor:not-allowed;opacity:.48}@media (width<=560px){.room-chat{bottom:16px;left:16px}.room-chat__panel{width:calc(100vw - 32px);max-width:360px}}@media (prefers-reduced-motion:reduce){.room-chat__trigger,.room-chat__send{transition:none}}.control-panel{--control-base:#1e1e1e;--control-surface:#252525;--control-elevated:#2e2e2e;--control-overlay:#383838;--control-primary:#f5f5f5;--control-secondary:#a3a3a3;--control-muted:#737373;--control-disabled:#525252;--control-brand:#2563eb;--control-brand-hover:#1d4ed8;--control-brand-subtle:#1e3a8a;--control-success:#22c55e;--control-danger:#ef4444;--control-topbar-height:64px;--control-rundown-width:280px;grid-template-columns:var(--control-rundown-width) minmax(0, 1fr);grid-template-rows:var(--control-topbar-height) minmax(0, 1fr);width:100%;min-height:100vh;color:var(--control-primary);background:var(--control-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative}.control-panel *,.control-panel :before,.control-panel :after{box-sizing:border-box}.control-panel button,.control-panel textarea,.control-panel select{font:inherit}.control-panel button:focus-visible,.control-panel textarea:focus-visible,.control-panel select:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.control-panel button:disabled,.control-panel textarea:disabled,.control-panel select:disabled{cursor:not-allowed;opacity:.48}.control-panel__topbar{z-index:20;background:var(--control-surface);border-bottom:1px solid var(--control-base);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative}.control-panel__room{align-items:center;gap:6px;min-width:0;display:flex;position:relative}.control-panel__room-name{color:var(--control-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.control-panel__room-trigger{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.control-panel__room-trigger:hover{background:#ffffff0f}.control-panel__avatar-menu{position:relative}.control-panel__avatar-trigger{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.control-panel__avatar{color:#fff;background:var(--control-brand);border-radius:16px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:500;display:grid}.control-panel__menu{z-index:30;background:var(--control-elevated);border:1px solid var(--control-surface);border-radius:8px;flex-direction:column;width:220px;padding:6px 0;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #0006}.control-panel__menu--right{left:auto;right:0}.control-panel__menu a,.control-panel__menu button{height:44px;color:var(--control-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.control-panel__menu a:hover,.control-panel__menu button:hover{color:var(--control-primary);background:var(--control-overlay)}.control-panel__menu-divider{background:var(--control-surface);opacity:.5;align-self:center;width:196px;height:1px;margin:4px 0}.control-panel__menu .control-panel__menu-danger,.control-panel__menu .control-panel__menu-danger:hover{color:var(--control-danger)}.control-panel__connection{z-index:15;top:calc(var(--control-topbar-height) + 10px);color:#fed7aa;background:#451a03;border:1px solid #f59e0b73;border-radius:6px;align-items:center;gap:8px;max-width:min(420px,100% - 32px);min-height:34px;padding:8px 12px;font-size:12px;display:flex;position:absolute;right:16px;box-shadow:0 6px 18px #00000047}.control-panel__connection>span{background:#f59e0b;border-radius:50%;flex:none;width:7px;height:7px}.control-panel__connection--disconnected{color:#fecaca;background:#450a0a;border-color:#ef444480}.control-panel__connection--disconnected>span{background:var(--control-danger)}.control-panel__rundown{background:var(--control-elevated);border-right:1px solid var(--control-surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.control-panel__rundown-title{height:40px;color:var(--control-muted);flex:0 0 40px;align-items:center;padding:0 12px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.control-panel__rundown-list{flex:1;min-height:0;padding-bottom:96px;overflow-y:auto}.control-panel__segment{width:100%;height:52px;color:var(--control-primary);background:0 0;align-items:center;padding-left:4px;display:flex;position:relative;overflow:hidden}.control-panel__segment-body{min-width:0;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:4px;padding:8px 12px 8px 6px;display:flex;overflow:hidden}.control-panel__segment:hover{background:#ffffff0a}.control-panel__segment--active,.control-panel__segment--active:hover{background:var(--control-brand-subtle)}.control-panel__segment--dragging{z-index:3;opacity:.95;background:var(--control-overlay);cursor:grabbing;will-change:transform;box-shadow:0 8px 20px #00000073}.control-panel__segment--grabbed{background:var(--control-overlay);box-shadow:inset 0 0 0 1px var(--control-brand)}.control-panel__segment--drop-before:before,.control-panel__segment--drop-after:after{background:var(--control-brand);content:"";height:2px;position:absolute;left:0;right:0}.control-panel__segment--drop-before:before{top:0}.control-panel__segment--drop-after:after{bottom:0}.control-panel__segment--blocked{box-shadow:inset 3px 0 0 var(--control-danger);background:#ef44441f}.control-panel__reorder-notice{color:#fca5a5;padding:6px 12px;font-size:11px;line-height:1.4}.control-panel__segment-heading,.control-panel__segment-meta{align-items:center;min-width:0;display:flex}.control-panel__segment-heading{gap:6px}.control-panel__segment-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.4;overflow:hidden}.control-panel__segment-index,.control-panel__segment-meta{color:var(--control-muted);font-family:JetBrains Mono,monospace;font-size:10px;line-height:1}.control-panel__segment--active .control-panel__segment-index{color:#93c5fd}.control-panel__segment--active .control-panel__segment-heading strong{color:#dbeafe}.control-panel__segment-meta{color:var(--control-disabled);justify-content:space-between}.control-panel__now{color:#fff;background:var(--control-danger);border-radius:3px;justify-content:center;align-items:center;width:30px;height:16px;font-family:Inter,sans-serif;font-size:9px;font-weight:600;display:inline-flex}.control-panel__center{background:var(--control-surface);flex-direction:column;justify-content:center;gap:16px;min-width:0;min-height:0;padding:16px 24px;display:flex;overflow-y:auto}.control-panel__center>*{width:min(880px,100%);margin:0 auto}.control-panel__top-row{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:24px;display:grid}.control-panel__preview{flex-direction:column;gap:8px;display:flex}.control-panel__preview-label{color:var(--control-muted);letter-spacing:1.2px;font-size:10px;font-weight:600;line-height:1.4}.control-panel__monitor{background:var(--control-base);border:1px solid var(--border-light,#e5e5e5);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:158px;padding:12px;display:flex;overflow:hidden}.control-panel__monitor--prelive{border-color:var(--control-overlay)}.control-panel__banner{width:100%;min-height:28px;color:var(--control-primary);background:var(--control-brand);text-align:center;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.4;display:flex;overflow:hidden}.control-panel__banner--flash{background:var(--control-danger)}.control-panel__monitor-timer{color:var(--control-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;line-height:1.1}.control-panel__monitor-clock{color:var(--control-secondary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;line-height:1.2}.control-panel__monitor-next{max-width:100%;color:var(--control-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.control-panel__message{flex-direction:column;gap:6px;min-width:0;display:flex}.control-panel__message>label{color:var(--control-muted);font-size:11px;font-weight:500;line-height:1.4}.control-panel__message-row{grid-template-columns:minmax(0,1fr) 150px;gap:8px;display:grid}.control-panel__message textarea{resize:none;width:100%;height:92px;color:var(--control-primary);background:var(--control-base);border:1px solid var(--control-surface);border-radius:6px;padding:12px 14px;font-size:14px;line-height:1.5}.control-panel__message textarea::placeholder{color:var(--control-muted)}.control-panel__message-actions{grid-template-rows:repeat(2,40px);gap:8px;display:grid}.control-panel__message-actions button{color:var(--control-primary);cursor:pointer;border:0;border-radius:6px;font-size:13px;font-weight:500;transition:background-color .15s}.control-panel__send-show{background:var(--control-success)}.control-panel__send-show:hover:not(:disabled){background:#16a34a}.control-panel__send-flash{color:var(--border-light,#e5e5e5);background:var(--control-brand);box-shadow:inset 0 0 0 1.5px var(--control-brand)}.control-panel__send-flash:hover:not(:disabled){background:var(--control-brand-hover)}.control-panel__message-options{align-items:end;gap:8px;min-width:0;display:flex}.control-panel__message-options label{min-width:0;color:var(--control-muted);flex-direction:column;flex:130px;gap:4px;font-size:10px;font-weight:500;display:flex}.control-panel__message-options select{width:100%;height:30px;color:var(--control-primary);background:var(--control-base);border:1px solid var(--control-overlay);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:5px;padding:0 8px;font-size:12px}.control-panel__clear-message{height:30px;color:var(--control-secondary);border:1px solid var(--control-overlay);cursor:pointer;background:0 0;border-radius:5px;padding:0 10px;font-size:12px}.control-panel__clear-message:hover:not(:disabled){color:var(--control-primary);border-color:var(--control-muted)}.control-panel__last-sent{color:var(--control-disabled);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.5;overflow:hidden}.control-panel__progress-block{flex-direction:column;gap:10px;display:flex}.control-panel__progress{background:var(--control-elevated);border-radius:3px;width:100%;height:6px;overflow:hidden}.control-panel__progress>span{background:var(--control-brand);border-radius:inherit;height:100%;transition:width .25s linear;display:block}.control-panel__progress-labels{height:16px;color:var(--control-muted);justify-content:space-between;align-items:center;font-size:13px;line-height:1.5;display:flex}.control-panel__controls{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;height:136px;display:grid}.control-panel__controls button{min-width:0;color:var(--control-primary);background:var(--control-elevated);cursor:pointer;border:0;border-radius:8px;font-size:13px;font-weight:500;transition:background-color .15s}.control-panel__controls button:hover:not(:disabled){background:var(--control-overlay)}.control-panel__controls .control-panel__control-primary{font-size:16px;font-weight:600;line-height:1.3}.control-panel__controls .control-panel__control-next{background:var(--control-overlay)}.control-panel__controls .control-panel__control-next:hover:not(:disabled){background:#444}.control-panel__controls .control-panel__control-active{box-shadow:inset 0 0 0 1.5px var(--control-brand)}.control-panel__prelive{background:var(--control-elevated);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;height:136px;padding:0 24px;display:flex}.control-panel__prelive>div{flex-direction:column;gap:4px;min-width:0;display:flex}.control-panel__prelive strong{font-size:14px;font-weight:500;line-height:1.5}.control-panel__prelive p{color:var(--control-muted);font-size:13px;line-height:1.5}.control-panel__prelive button{width:200px;height:52px;color:var(--control-primary);background:var(--control-success);cursor:pointer;border:0;border-radius:6px;flex:none;font-size:13px;font-weight:500;transition:background-color .15s}.control-panel__prelive button:hover:not(:disabled){background:#16a34a}.control-panel--state{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--control-topbar-height) minmax(0, 1fr)}.control-panel__state{color:var(--control-muted);place-items:center;display:grid}@media (width<=1000px){.control-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--control-topbar-height) auto minmax(0, 1fr)}.control-panel__rundown{border-right:0;border-bottom:1px solid var(--control-surface);height:144px}.control-panel__rundown-list{padding-bottom:0;display:flex;overflow:auto hidden}.control-panel__segment{flex:0 0 220px;width:220px}.control-panel__center{justify-content:flex-start;padding-bottom:96px}.control-panel__top-row{grid-template-columns:minmax(0,1fr)}.control-panel__preview{max-width:280px}}@media (width<=560px){.control-panel__topbar{padding:0 12px}.control-panel__center{padding:12px 16px 96px}.control-panel__message-row{grid-template-columns:minmax(0,1fr)}.control-panel__message-actions{grid-template-rows:40px;grid-template-columns:repeat(2,minmax(0,1fr))}.control-panel__message-options{flex-wrap:wrap}.control-panel__prelive{flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:20px}.control-panel__prelive button{width:100%}.control-panel__progress-labels{font-size:11px}}@media (prefers-reduced-motion:reduce){.control-panel__progress>span,.control-panel__controls button,.control-panel__message-actions button,.control-panel__prelive button{transition:none}}.control-panel__message-style{align-items:center;gap:8px;display:flex}.control-panel__style-bold{width:30px;height:30px;color:var(--control-secondary);background:var(--control-base);border:1px solid var(--control-overlay);cursor:pointer;border-radius:5px;flex:none;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700}.control-panel__style-bold.is-on{color:var(--control-primary);background:var(--control-overlay);border-color:var(--control-muted)}.control-panel__tones{gap:4px;display:flex}.control-panel__tone{height:30px;color:var(--control-secondary);background:var(--control-base);border:1px solid var(--control-overlay);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:flex}.control-panel__tone:before{content:"";border-radius:50%;width:8px;height:8px}.control-panel__tone--neutral:before{background:var(--control-brand)}.control-panel__tone--warning:before{background:#f59e0b}.control-panel__tone--danger:before{background:var(--control-danger)}.control-panel__tone.is-on{color:var(--control-primary);background:var(--control-elevated);border-color:var(--control-muted)}.control-panel__clear-draft{height:30px;color:var(--control-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;margin-left:auto;padding:0 10px;font-size:12px}.control-panel__clear-draft:hover:not(:disabled){color:var(--control-primary);background:var(--control-elevated)}.control-panel__banner--tone-warning{background:#b45309}.control-panel__banner--tone-danger{background:var(--control-danger)}.control-panel__banner--bold{font-weight:800}.control-panel__monitor-timer--warning{color:#fbbf24}.control-panel__monitor-timer--critical{color:#f87171;animation:1s steps(2,start) infinite control-panel-blink}@keyframes control-panel-blink{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.control-panel__monitor-timer--critical{color:#fff;background:var(--control-danger);border-radius:4px;padding:0 8px;animation:none}}.control-panel__monitor-lyrics{max-width:100%;color:var(--control-primary);text-align:center;white-space:pre-line;font-size:15px;font-weight:600;line-height:1.35;overflow:hidden}.control-panel__verse-bar{background:var(--control-elevated);border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:6px 10px;font-size:13px;display:flex}.control-panel__verse-bar span{min-width:150px;color:var(--control-primary);text-align:center}.control-panel__verse-bar button{width:30px;height:26px;color:var(--control-primary);background:var(--control-overlay);cursor:pointer;border:0;border-radius:5px}.control-panel__auto-advance{height:24px;color:var(--control-muted);border:1px solid var(--control-overlay);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:7px;padding:0 9px;font-size:12px;display:inline-flex}.control-panel__auto-advance>span{background:var(--control-muted);border-radius:50%;width:7px;height:7px}.control-panel__auto-advance.is-on{color:#86efac;border-color:#22c55e80}.control-panel__auto-advance.is-on>span{background:var(--control-success)}.control-panel__auto-advance:disabled{cursor:not-allowed;opacity:.45}.control-panel__display-options{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.control-panel__display-options-label{color:var(--control-muted);letter-spacing:1.2px;font-size:10px;font-weight:600;line-height:1.4}.control-panel__topbar-actions{align-items:center;gap:12px;display:flex}.control-panel__outputs-trigger{height:28px;color:var(--control-secondary);background:var(--control-elevated);border:1px solid var(--control-overlay);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:flex;position:relative}.control-panel__outputs-trigger:hover{color:var(--control-primary);background:var(--control-overlay)}.control-panel__outputs-badge{color:#fff;background:var(--control-brand);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:grid}.control-panel__outputs-mount{display:contents}.outputs{z-index:40;width:min(420px,100vw);color:var(--control-primary,#f5f5f5);background:var(--control-elevated,#2e2e2e);border-left:1px solid var(--control-overlay,#383838);visibility:hidden;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:transform .18s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #00000073}.outputs--open{visibility:visible;transform:translate(0)}.outputs__header{border-bottom:1px solid var(--control-overlay,#383838);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.outputs__header h2{margin:0;font-size:14px;font-weight:600}.outputs__header p{color:var(--control-muted,#737373);margin:4px 0 0;font-size:11px}.outputs__close{color:var(--control-secondary,#a3a3a3);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:22px;line-height:1}.outputs__close:hover{color:var(--control-primary,#f5f5f5)}.outputs__body{flex:1;min-height:0;padding:16px 20px 32px;overflow-y:auto}.outputs__section+.outputs__section{border-top:1px solid var(--control-overlay,#383838);margin-top:24px;padding-top:20px}.outputs__section h3{letter-spacing:.6px;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.outputs__group{color:var(--control-muted,#737373);letter-spacing:1px;text-transform:uppercase;margin:16px 0 6px;font-size:10px;font-weight:600}.outputs__placeholder{color:var(--control-muted,#737373);margin:0;font-size:12px;line-height:1.5}.outputs__error{color:#fecaca;background:#ef44441f;border-radius:6px;margin:0 0 12px;padding:8px 10px;font-size:12px}.outputs__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.outputs__device{background:var(--control-surface,#252525);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.outputs__device--pending{border-color:var(--control-brand,#2563eb);background:var(--control-brand-subtle,#1e3a8a)}.outputs__device--blocked{opacity:.7}.outputs__device-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.outputs__device-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.outputs__device-meta{color:var(--control-secondary,#a3a3a3);font-size:11px}.outputs__device-actions{flex:none;gap:6px;display:flex}.outputs__device-actions button{color:var(--control-primary,#f5f5f5);background:var(--control-overlay,#383838);cursor:pointer;border:0;border-radius:6px;padding:5px 10px;font-size:11px}.outputs__device-actions button:hover:not(:disabled){background:#454545}.outputs__device-actions button:disabled{cursor:not-allowed;opacity:.5}.outputs__approve{font-weight:600;background:var(--control-success,#22c55e)!important;color:#06210f!important}.outputs__deny:hover:not(:disabled),.outputs__block:hover:not(:disabled){background:var(--control-danger,#ef4444)!important}@media (width<=560px){.outputs{width:100vw}}@media (prefers-reduced-motion:reduce){.outputs{transition:none}}.control-panel--remote .control-panel__topbar{justify-content:space-between}.control-panel__remote-badge{color:var(--control-secondary);background:var(--control-elevated);border-radius:999px;padding:4px 10px;font-size:11px}.outputs__hint{color:var(--text-secondary);margin:0 0 10px;font-size:12px}.outputs__links{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.output-link{border:1px solid var(--border-subtle,#e5e5e5);border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.output-link__text{flex-direction:column;min-width:0;display:flex}.output-link__text strong{font-size:13px}.output-link__text span{color:var(--text-secondary);font-size:11px}.output-link__live{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.output-link__live i{background:#c4c4c4;border-radius:50%;width:7px;height:7px}.output-link__live.is-on i{background:#16a34a}.output-link__action{border:1px solid var(--border-subtle,#e5e5e5);cursor:pointer;background:0 0;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600}.output-link__action:hover{background:#0000000a}.output-link__qr{flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding-top:8px;display:flex}.output-link__qr code{word-break:break-all;color:var(--text-secondary);text-align:center;font-size:10px}.agenda-display{min-height:100vh;color:var(--text-primary,#f5f5f5);background:var(--bg-base,#1e1e1e)}.agenda-display__header{color:#fff;background:var(--bg-base,#1e1e1e);border-bottom:1px solid var(--border-light,#e5e5e5);justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex}.agenda-display__identity,.agenda-display__clock-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.agenda-display__clock-wrap{text-align:right;align-items:flex-end}.agenda-display__brand{font-size:16px;font-weight:600;line-height:1.3}.agenda-display__room{opacity:.85;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:400;line-height:1.5;overflow:hidden}.agenda-display__clock{font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;line-height:1;display:flex}.agenda-display__connection{background:#facc15;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.agenda-display__connection--connected{background:var(--success,#22c55e)}.agenda-display__connection--disconnected{background:var(--danger,#ef4444)}.agenda-display__est-end{opacity:.6;font-size:13px;line-height:1.5}.agenda-display__schedule{width:100%;overflow-x:auto}.agenda-display__table{min-width:720px}.agenda-display__table-header,.agenda-display__row,.agenda-display__summary{grid-template-columns:60px minmax(320px,1fr) 100px 120px;align-items:center;padding:0 20px;display:grid}.agenda-display__table-header{height:40px;color:var(--text-disabled,#525252);background:var(--bg-base,#1e1e1e);border-bottom:1px solid var(--bg-elevated,#2e2e2e);font-size:13px;font-weight:400;line-height:1.5}.agenda-display__row{height:56px;color:var(--text-secondary,#a3a3a3);background:var(--bg-surface,#252525);border:1px solid var(--bg-elevated,#2e2e2e)}.agenda-display__row--done .agenda-display__number{color:var(--success,#22c55e)}.agenda-display__row--active{background:var(--brand-subtle,#1e3a8a);border-color:var(--brand,#2563eb)}.agenda-display__row--next{border-color:var(--bg-overlay,#383838)}.agenda-display__number,.agenda-display__duration{color:var(--text-muted,#737373);font-variant-numeric:tabular-nums;font-size:13px}.agenda-display__number{font-weight:500;line-height:1.4}.agenda-display__row--active .agenda-display__number{color:var(--brand-text,#60a5fa)}.agenda-display__row--active .agenda-display__duration{color:var(--brand-soft,#93c5fd)}.agenda-display__title{min-width:0;color:var(--text-primary,#f5f5f5);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:10px;font-size:13px;font-weight:500;line-height:1.4;display:flex;overflow:hidden}.agenda-display__title small{color:var(--text-muted,#737373);text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.agenda-display__row--done .agenda-display__title{color:var(--text-muted,#737373)}.agenda-display__row--next .agenda-display__title{color:var(--text-secondary,#a3a3a3)}.agenda-display__status{justify-content:flex-start;display:flex}.agenda-display__badge{text-align:center;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.4}.agenda-display__badge--done{color:var(--success,#22c55e);background:#052e16}.agenda-display__badge--active{color:#052e16;background:var(--success,#22c55e)}.agenda-display__badge--next{color:var(--brand-text,#60a5fa);background:var(--brand-subtle,#1e3a8a)}.agenda-display__summary{min-width:720px;height:56px;color:var(--text-muted,#737373);background:var(--bg-surface,#252525);border-top:1px solid var(--bg-elevated,#2e2e2e);grid-template-columns:1fr;font-size:13px;line-height:1.5}.agenda-display__empty{color:var(--text-muted,#737373);text-align:center;padding:64px 24px}.agenda-display__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.agenda-display__header{gap:12px;padding:0 16px}.agenda-display__brand{font-size:13px}.agenda-display__room,.agenda-display__est-end{font-size:11px}.agenda-display__clock{gap:6px;font-size:18px}}@media (prefers-reduced-motion:reduce){.agenda-display__connection{transition:none}}.display-loading{min-height:100vh;color:var(--text-muted);text-align:center;background:#111;place-items:center;padding:32px;display:grid}.display-loading>div{justify-items:center;gap:18px;display:grid}.display-spinner{border:2px solid var(--bg-overlay);border-top-color:var(--text-primary);border-radius:50%;width:24px;height:24px;animation:.9s linear infinite display-spin;display:inline-block}@keyframes display-spin{to{transform:rotate(360deg)}}.viewer-panel,.lyrics-panel,.waiting-panel,.session-ended-panel{background:var(--bg-base);min-height:100vh}.display-topbar{height:48px;color:var(--text-secondary);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 32px;font-size:13px;line-height:1.5;display:flex}.display-sync{color:var(--text-muted);align-items:center;gap:5px;display:inline-flex}.display-sync__dot{background:var(--success);border-radius:50%;width:7px;height:7px}.display-sync__dot--connecting,.display-sync__dot--reconnecting{background:var(--warning)}.display-sync__dot--disconnected{background:var(--danger)}.viewer-panel__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 48px);padding:32px 20px 24px;display:flex;position:relative}.viewer-panel--message .viewer-panel__content{min-height:828px}.viewer-panel__message,.lyrics-panel__message{--stage-tone-bg:var(--brand);--stage-tone-fg:var(--text-primary);--stage-tone-flash-bg:#f8fafc;--stage-tone-flash-fg:#172554;color:var(--stage-tone-fg);background:var(--stage-tone-bg)}.viewer-panel__message--tone-warning,.lyrics-panel__message--tone-warning{--stage-tone-bg:var(--warning);--stage-tone-fg:#1c1500;--stage-tone-flash-bg:#1c1500;--stage-tone-flash-fg:var(--warning)}.viewer-panel__message--tone-danger,.lyrics-panel__message--tone-danger{--stage-tone-bg:var(--danger);--stage-tone-fg:#fff;--stage-tone-flash-bg:#fff;--stage-tone-flash-fg:var(--danger)}.viewer-panel__message{border:1px solid var(--stage-tone-bg);border-radius:8px;place-items:center;width:min(656px,100vw - 40px);min-height:90px;padding:20px 24px;font-size:clamp(18px,2vw,30px);line-height:1.3;display:grid}.viewer-panel__message--bold,.lyrics-panel__message--bold{letter-spacing:.005em;font-size:clamp(24px,2.8vw,42px);font-weight:800}.viewer-panel__message--flash,.lyrics-panel__message--flash{animation:.78s step-end infinite stage-message-flash}@keyframes stage-message-flash{0%,49%{color:var(--stage-tone-fg);background:var(--stage-tone-bg)}50%,to{color:var(--stage-tone-flash-fg);background:var(--stage-tone-flash-bg)}}@media (prefers-reduced-motion:reduce){.viewer-panel__message--flash,.lyrics-panel__message--flash{outline:4px solid var(--stage-tone-flash-bg);outline-offset:4px;animation:none}}.viewer-state{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.viewer-state--paused{color:#f59e0b;background:#451a03}.viewer-state--overtime{color:var(--danger);background:#450a0a}.viewer-panel__timer-region{place-items:center;gap:8px;width:min(1400px,100%);min-height:320px;display:grid}.viewer-panel__clock{color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:clamp(18px,2.9vw,42px);font-weight:500;line-height:1.2}.waiting-panel__clock{color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:500;line-height:1.2}.viewer-panel__timer{font-variant-numeric:tabular-nums;letter-spacing:-.055em;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:clamp(76px,14.6vw,210px);font-weight:700;line-height:1.1}.viewer-panel__timer--paused{color:#f59e0b}.viewer-panel__timer--warning,.viewer-panel__timer--critical,.viewer-panel__timer--overtime{border-radius:16px;padding:0 .1em}.viewer-panel__timer--warning{color:var(--warning);text-shadow:0 0 48px #facc1580}.viewer-panel__timer--critical{color:var(--danger);animation:.7s step-end infinite viewer-timer-alarm}.viewer-panel__timer--overtime{color:var(--danger);outline:5px solid var(--danger);outline-offset:8px;animation:.38s step-end infinite viewer-timer-alarm}@keyframes viewer-timer-alarm{0%,49%{color:var(--danger);background:0 0}50%,to{color:var(--bg-base);background:var(--danger)}}@media (prefers-reduced-motion:reduce){.viewer-panel__timer--critical,.viewer-panel__timer--overtime{color:var(--bg-base);background:var(--danger);animation:none}.viewer-panel__timer--warning{color:var(--bg-base);background:var(--warning);text-shadow:none}}.viewer-panel__lyrics{flex-direction:column;align-items:center;gap:8px;width:min(1320px,100%);display:flex}.viewer-panel__lyrics p{text-wrap:balance;font-size:clamp(32px,4.6vw,68px);font-weight:700;line-height:1.32}.viewer-panel__lyrics-empty{color:var(--text-muted);font-size:clamp(16px,1.8vw,24px)}.viewer-panel--lyrics .viewer-panel__timer-region{min-height:0}.viewer-panel--lyrics .viewer-panel__timer{font-size:clamp(40px,6vw,96px)}.viewer-panel__divider{background:var(--text-disabled);width:min(360px,70vw);height:1px}.viewer-panel__next{color:var(--text-primary);font-size:14px}.viewer-fullscreen{color:var(--text-muted);border:1px solid var(--bg-elevated);cursor:pointer;opacity:0;background:#252525b8;border-radius:6px;padding:8px 12px;transition:opacity .15s;position:fixed;bottom:20px;right:20px}.viewer-panel:hover .viewer-fullscreen,.lyrics-panel:hover .viewer-fullscreen,.viewer-fullscreen:focus-visible{opacity:1}.lyrics-panel .display-topbar{border-bottom-color:var(--bg-elevated)}.lyrics-panel__content{text-align:center;flex-direction:column;align-items:center;gap:24px;min-height:calc(100vh - 49px);padding:48px 80px 32px;display:flex}.lyrics-panel__message{text-align:center;border-radius:8px;width:min(656px,100%);padding:16px 24px;font-size:clamp(16px,1.8vw,26px);line-height:1.3}.lyrics-panel__lines{flex-direction:column;justify-content:center;gap:12px;width:min(1320px,100%);min-height:480px;display:flex}.lyrics-panel__verse{flex-direction:column;gap:12px;display:flex}.lyrics-panel__verse p,.lyrics-panel__upcoming p{text-wrap:balance;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:1.38}.lyrics-panel__upcoming{color:var(--text-muted);flex-direction:column;gap:12px;margin-top:20px;display:flex}.lyrics-panel__upcoming p{font-size:clamp(30px,4.45vw,64px)}.lyrics-panel__empty{color:var(--text-muted);font-size:clamp(20px,3vw,36px)}.lyrics-panel__next{color:var(--text-muted);font-size:13px;font-weight:500}.lyrics-nav{border:1px solid var(--bg-elevated);background:#252525b8;border-radius:999px;align-items:center;gap:12px;padding:6px;display:flex}.lyrics-nav__step{width:48px;height:48px;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;font-size:26px;line-height:1;display:grid}.lyrics-nav__step:disabled{color:var(--text-disabled);cursor:default}.lyrics-nav__count{min-width:68px;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;font-family:JetBrains Mono,monospace;font-size:15px}.lyrics-nav__sync{min-height:44px;color:var(--text-primary);background:var(--brand);cursor:pointer;border:none;border-radius:999px;padding:0 18px;font-size:14px;font-weight:600}.lyrics-nav__sync:hover{background:var(--brand-hover)}.lyrics-panel__timer{color:var(--text-muted);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:clamp(42px,5.6vw,80px);font-weight:700;line-height:1.1}.waiting-panel,.session-ended-panel{background:#111}.waiting-panel>header{color:#b4b4b4;justify-content:space-between;align-items:center;height:48px;padding:0 32px;display:flex}.waiting-panel>header strong{letter-spacing:.06em;font-size:13px}.waiting-panel>header span{color:#646464;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.waiting-panel>header i{background:#646464;border-radius:50%;width:7px;height:7px}.waiting-panel>section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100vh - 48px);padding:32px;display:flex}.waiting-panel h1{font-size:24px;font-weight:600;line-height:1.25}.waiting-panel section>p{max-width:480px;color:var(--text-muted);font-size:14px;line-height:1.5}.waiting-panel__connection{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--bg-surface);border-radius:8px;align-items:center;gap:8px;padding:14px 20px;display:inline-flex}.waiting-panel__connection i{background:var(--text-disabled);border-radius:50%;width:8px;height:8px}.waiting-panel__connection i.is-connected{background:var(--success)}.session-ended-panel{place-items:center;padding:32px;display:grid}.session-ended-card{background:var(--bg-elevated);border:1px solid var(--bg-surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:min(460px,100%);min-height:451px;padding:40px;display:flex;box-shadow:0 8px 24px #00000059}.session-ended-card__icon{width:64px;height:64px;color:var(--success);background:#22c55e26;border-radius:50%;place-items:center;font-size:28px;font-weight:700;display:grid}.session-ended-card h1{font-size:24px;font-weight:600}.session-ended-card>p{color:var(--text-muted);font-size:14px;line-height:1.5}.session-ended-card>strong{color:var(--text-disabled);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:48px;font-weight:400}.session-ended-card>small{color:var(--text-disabled);font-size:13px}.session-ended-card>div{width:100%;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--bg-surface);border-radius:8px;margin-top:auto;padding:16px}html.stageflow-overlay-root,html.stageflow-overlay-root body,html.stageflow-overlay-root #root{background:0 0!important}.overlay-panel{background:0 0;justify-content:center;align-items:flex-end;min-height:100vh;padding:48px;display:flex}.overlay-panel--top-left,.overlay-panel--top-right,.overlay-panel--bottom-left,.overlay-panel--bottom-right{min-height:0;padding:24px;position:fixed}.overlay-panel--top-left{top:0;left:0}.overlay-panel--top-right{top:0;right:0}.overlay-panel--bottom-left{bottom:0;left:0}.overlay-panel--bottom-right{bottom:0;right:0}.overlay-panel__lyrics{grid-column:1/-1;gap:2px;font-style:normal;display:grid}.overlay-panel__lyrics em{color:var(--text-secondary,#a3a3a3);font-size:.85em;font-style:normal}.overlay-panel section{color:#fff;border-left:4px solid var(--brand);background:#050505d6;grid-template-columns:1fr auto;align-items:center;gap:8px 32px;min-width:min(620px,90vw);padding:18px 24px;display:grid}.overlay-panel p{color:var(--text-secondary);text-transform:uppercase;font-size:16px}.overlay-panel strong{grid-row:span 2;font-family:JetBrains Mono,monospace;font-size:46px}.overlay-panel span{color:#fff}.overlay-panel .overlay-panel__message{--stage-tone-fg:#fff;--stage-tone-flash-fg:var(--warning);color:var(--stage-tone-fg);text-shadow:0 1px 4px #000000e6;border-left:3px solid;padding-left:10px;font-size:20px;line-height:1.25}.overlay-panel .overlay-panel__message--tone-warning{--stage-tone-fg:var(--warning);--stage-tone-flash-fg:#fff}.overlay-panel .overlay-panel__message--tone-danger{--stage-tone-fg:var(--danger);--stage-tone-flash-fg:#fff}.overlay-panel .overlay-panel__message--bold{border-left-width:6px;font-size:26px;font-weight:800}.overlay-panel .overlay-panel__message--flash{animation:.78s step-end infinite overlay-message-flash}@keyframes overlay-message-flash{0%,49%{color:var(--stage-tone-fg)}50%,to{color:var(--stage-tone-flash-fg)}}@media (prefers-reduced-motion:reduce){.overlay-panel .overlay-panel__message--flash{border-left-width:8px;animation:none}}@media (width<=700px){.display-topbar{padding:0 16px}.display-sync{font-size:0}.viewer-panel__timer-region{min-height:220px}.viewer-panel__timer{font-size:clamp(58px,17vw,110px)}.lyrics-panel__content{padding:32px 20px}.lyrics-panel__lines{min-height:400px}.waiting-panel>header{padding:0 16px}.waiting-panel section>p br{display:none}.session-ended-card{min-height:420px;padding:30px 24px}.session-ended-card>strong{font-size:40px}.overlay-panel{padding:16px}.overlay-panel section{grid-template-columns:1fr;min-width:100%}.overlay-panel strong{grid-row:auto;font-size:36px}}@media (prefers-reduced-motion:reduce){.display-spinner{animation-duration:1.8s}}.request-control{min-height:100vh;color:var(--text-muted,#a3a3a3);background:#111;place-items:center;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.request-control__card{text-align:center;background:#1b1b1b;border:1px solid #2b2b2b;border-radius:12px;width:min(420px,100%);padding:28px}.request-control__room{color:#737373;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:600}.request-control__card h1{color:#f5f5f5;margin:0 0 8px;font-size:20px;font-weight:600}.request-control__lede{margin:0 0 20px;font-size:13px;line-height:1.6}.request-control__lede strong{color:#f5f5f5}.request-control__field{color:#a3a3a3;text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.request-control__field input{color:#f5f5f5;font:inherit;background:#111;border:1px solid #333;border-radius:8px;padding:10px 12px;font-size:14px}.request-control__field input:focus-visible{outline-offset:1px;border-color:#2563eb;outline:2px solid #60a5fa}.request-control__waiting{justify-items:center;gap:14px;display:grid}.request-control__waiting h1{margin:0}.request-control__alt{margin:22px 0 0;font-size:12px}.request-control__alt a{color:#60a5fa}.waiting-panel--standby>header span i{background:#d97706}.waiting-panel--standby>section h1{margin-bottom:8px}.reports-page{background:#191919;min-height:100vh}.reports-body{grid-template-columns:minmax(0,1fr) 280px;min-height:calc(100vh - 64px);display:grid}.reports-main{min-width:0;padding:20px 16px 48px;overflow:auto}.reports-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.reports-title{margin-top:4px;font-size:20px;font-weight:600}.reports-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.reports-subtitle-strong{margin-top:4px;font-size:15px;font-weight:600}.reports-actions{align-items:center;gap:12px;display:flex}.reports-window{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:6px;padding:2px;display:inline-flex}.reports-window__option{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 12px;font-size:12px}.reports-window__option:hover{color:var(--text-primary)}.reports-window__option.is-active{background:var(--bg-elevated);color:var(--text-primary)}.reports-window__option:focus-visible,.session-card:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}.reports-back{font-size:12px}.report-table{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px;min-width:720px;overflow:hidden}.report-row{border-top:1px solid #2e2e2eb3;grid-template-columns:minmax(160px,1.4fr) minmax(160px,1.6fr) 108px 96px 108px 88px 116px;align-items:center;gap:12px;min-height:60px;padding:10px 16px;display:grid}.report-row--session{grid-template-columns:minmax(160px,1.2fr) minmax(160px,1.8fr) 92px 92px 116px}.report-row:first-child{border-top:0}.report-row--header{background:var(--bg-elevated);min-height:38px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding-top:0;padding-bottom:0;font-size:11px;font-weight:500}.report-row--over{box-shadow:inset 3px 0 0 var(--danger)}.report-row--under{box-shadow:inset 3px 0 0 var(--brand)}.report-cell--segment{flex-direction:column;gap:3px;min-width:0;display:flex}.report-cell--segment strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.report-cell--bar{flex-direction:column;gap:6px;min-width:0;display:flex}.report-cell--number{font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;justify-self:end;gap:2px;font-size:12px;display:flex}.report-cell__sub{color:var(--text-muted);font-size:11px;line-height:1.4}.tone-over{color:#f87171;font-weight:600}.tone-under{color:var(--brand-soft)}.tone-on-time{color:var(--text-secondary)}.plan-bar{width:100%;display:block}.plan-bar__track{background:#ffffff0d;border-radius:3px;width:100%;height:12px;display:flex;position:relative;overflow:hidden}.plan-bar__within{background:#3f6ad8;height:100%}.plan-bar__over{background:var(--danger);height:100%}.plan-bar__under{background:repeating-linear-gradient(135deg,#ffffff1a 0 4px,#0000 4px 8px);height:100%}.plan-bar__plan-mark{background:var(--text-primary);opacity:.85;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.reports-session{margin-top:28px}.reports-session__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.reports-session__total{font-variant-numeric:tabular-nums;font-size:12px}.report-note{color:var(--text-muted);padding:16px;font-size:12px}.reports-sidebar{border-left:1px solid var(--border-default);background:var(--bg-header);flex-direction:column;gap:12px;min-width:0;padding:20px 16px;display:flex}.reports-live{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.reports-live__label{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.reports-session-list{flex-direction:column;gap:8px;display:flex}.session-card{border:1px solid var(--border-default);background:var(--bg-surface);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px 12px;display:grid}.session-card:hover{background:var(--bg-elevated)}.session-card.is-selected{border-color:var(--brand)}.session-card__date{font-size:12px;font-weight:500}.session-card__overrun{font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.session-card__meta{color:var(--text-muted);grid-column:1/-1;font-size:11px}@media (width<=900px){.reports-body{grid-template-columns:minmax(0,1fr)}.reports-sidebar{border-left:0;border-top:1px solid var(--border-default)}.reports-main{overflow-x:auto}}.settings-page{min-height:100vh;color:var(--text-primary);background:var(--bg-base)}.settings-page button,.settings-page a,.settings-page input,.settings-page select{transition:border-color .15s,background-color .15s,color .15s,opacity .15s}.settings-page button:focus-visible,.settings-page a:focus-visible,.settings-page input:focus-visible,.settings-page select:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}.settings-appbar{z-index:20;width:100%;height:64px;color:var(--text-primary);background:var(--bg-header);border-bottom:1px solid var(--bg-overlay);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.settings-appbar>a{color:var(--text-primary);letter-spacing:.04em;font-size:16px;font-weight:700;line-height:1.3}.settings-account-menu{align-items:center;gap:6px;display:flex}.settings-account-menu>button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;margin-left:6px;padding:6px 8px;font-size:12px}.settings-account-menu>button:hover{color:var(--text-primary);background:var(--bg-elevated)}.settings-avatar{color:#fff;background:var(--brand);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:500;display:inline-flex}.settings-avatar--large{border-radius:24px;width:88px;height:88px;font-size:36px;font-weight:600}.settings-layout{grid-template-columns:261px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.settings-sidebar{background:var(--bg-elevated);border-right:1px solid var(--bg-surface);align-self:start;height:calc(100vh - 64px);padding:16px 12px;position:sticky;top:64px}.settings-back{min-height:32px;color:var(--text-muted);align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:500;display:inline-flex}.settings-back:hover{color:var(--text-primary)}.settings-back__icon{width:14px;height:14px}.settings-sidebar__divider{background:var(--bg-surface);opacity:.5;width:196px;height:1px;margin:4px 0 12px}.settings-sidebar nav{flex-direction:column;gap:4px;display:flex}.settings-sidebar nav button{width:220px;height:40px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.settings-sidebar nav button:hover{color:var(--text-secondary);background:#ffffff09}.settings-sidebar nav button.is-active{color:var(--brand-text);background:var(--brand-subtle);border-color:var(--brand)}.settings-content{width:100%;max-width:1259px;min-height:calc(100vh - 64px);padding:40px;position:relative;overflow:hidden}.settings-section-heading{justify-content:space-between;align-items:center;gap:24px;min-height:38px;margin-bottom:24px;display:flex}.settings-section-heading h1{font-size:32px;font-weight:700;line-height:1.2}.settings-content h2{font-size:20px;font-weight:600;line-height:1.3}.settings-account{flex-direction:column;align-items:flex-start;width:min(640px,100%);display:flex}.settings-divider{background:var(--bg-surface);opacity:.4;width:100%;height:1px;margin:24px 0}.settings-form-grid,.settings-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.settings-account>h2{margin:28px 0 16px}.settings-field{flex-direction:column;gap:6px;width:100%;display:flex}.settings-field>span:first-child{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.4}.settings-field input,.settings-field select{width:100%;height:44px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--bg-overlay);border-radius:6px;outline:none;padding:11px 14px}.settings-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}.settings-passwords{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.settings-password-wrap,.settings-duration__input{width:100%;display:block;position:relative}.settings-password-wrap input{padding-right:46px}.settings-password-wrap button{cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;bottom:8px;right:8px}.settings-toggle-list{margin-bottom:24px}.settings-toggle-row{justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:72px;padding:16px 0;display:flex}.settings-toggle-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-toggle-row strong{font-size:13px;font-weight:500;line-height:1.4}.settings-toggle-row span{color:var(--text-muted);font-size:13px;line-height:1.5}.settings-toggle{background:var(--bg-overlay);cursor:pointer;border:0;border-radius:999px;width:44px;min-width:44px;height:24px;padding:2px;position:relative}.settings-toggle span{background:var(--text-secondary);border-radius:50%;width:20px;height:20px;transition:transform .15s,background-color .15s;display:block}.settings-toggle--on{background:var(--brand)}.settings-toggle--on span{background:#fff;transform:translate(20px)}.settings-radio-group{border:0;flex-direction:column;gap:6px;margin:0 0 22px;padding:0;display:flex}.settings-radio-group legend{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:500}.settings-radio-group label{align-items:center;gap:12px;min-height:20px;font-size:14px;font-weight:500;display:flex}.settings-radio-group input{width:20px;height:20px;accent-color:var(--brand);margin:0}.settings-duration{width:200px;margin-bottom:20px}.settings-duration__input input{padding-right:42px;font-family:JetBrains Mono,monospace}.settings-duration__input img{position:absolute;top:15px;right:14px}.settings-content>.settings-toggle-row{margin-bottom:20px}.settings-select-grid{margin-bottom:24px}.settings-plan-card{background:var(--bg-surface);border:1px solid var(--bg-elevated);border-radius:8px;flex-direction:column;align-items:flex-start;width:min(500px,100%);min-height:360px;padding:20px;display:flex;box-shadow:0 2px 8px #00000029}.settings-plan-card--pro{min-height:408px}.settings-plan-badge{color:var(--text-secondary);background:var(--bg-elevated);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.settings-plan-badge--pro{color:var(--brand-text);background:var(--brand-subtle)}.settings-plan-card h2{margin-top:16px;font-size:24px;line-height:1.25}.settings-plan-card small{color:var(--text-disabled);margin-top:2px;font-size:11px}.settings-plan-card ul{flex-direction:column;gap:10px;margin:16px 0 auto;padding:0;list-style:none;display:flex}.settings-plan-card li{color:var(--text-primary);font-size:13px}.settings-plan-card li:before{color:var(--success);content:"✓";margin-right:10px}.settings-subheading{margin:28px 0 12px}.settings-payment,.settings-billing-history,.settings-empty-history{background:var(--bg-elevated);border-radius:8px;width:100%}.settings-payment{justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 16px;display:flex}.settings-payment span{align-items:center;gap:10px;display:flex}.settings-empty-history{width:min(500px,100%);height:80px;color:var(--text-disabled);justify-content:center;align-items:center;display:flex}.settings-billing-history>div{border-bottom:1px solid var(--bg-surface);grid-template-columns:1fr auto 60px;align-items:center;gap:16px;min-height:52px;padding:0 16px;display:grid}.settings-billing-history>div:last-child{border-bottom:0}.settings-paid{color:var(--success);text-align:center;background:#052e16;border-radius:4px;padding:4px 8px;font-size:11px}.settings-empty-templates{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:700px;display:flex}.settings-empty-templates>div{width:48px;height:48px;color:var(--text-muted);background:var(--bg-elevated);border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:flex}.settings-empty-templates h2{font-size:16px}.settings-empty-templates p{color:var(--text-muted);line-height:1.5}.settings-lyrics-list{background:var(--bg-elevated);border:1px solid var(--bg-surface);border-radius:8px;overflow:hidden}.settings-lyrics-list article{background:var(--bg-surface);border-bottom:1px solid var(--bg-elevated);align-items:center;gap:16px;min-height:72px;padding:16px 20px;display:flex}.settings-lyrics-list article:last-child{border-bottom:0}.settings-lyrics-list article>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-lyrics-list article strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.settings-lyrics-list article>div>span{gap:16px;font-size:12px;display:flex}.settings-lyrics-list article small{color:var(--text-muted)}.settings-lyrics-added{color:var(--text-disabled)}.settings-lyrics-row-actions{flex:none;gap:12px;display:flex}.settings-lyrics-row-actions button{cursor:pointer;opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.settings-lyrics-row-actions button:hover{opacity:1}.settings-lyrics-form{flex-direction:column;gap:24px;max-width:720px;display:flex}.settings-lyrics-title{max-width:280px}.settings-lyrics-legend{color:var(--text-muted);font-size:11px;font-weight:500;line-height:1.4}.settings-lyrics-sections{flex-direction:column;gap:12px;margin-top:-12px;display:flex}.settings-lyrics-section{border-bottom:1px solid #38383880;flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.settings-lyrics-section__header{justify-content:space-between;align-items:center;display:flex}.settings-lyrics-section__header select{height:26px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--bg-overlay);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:4px;padding:0 6px;font-size:12px;font-weight:500}.settings-lyrics-section__header button{cursor:pointer;opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.settings-lyrics-section__header button:hover:not(:disabled){opacity:1}.settings-lyrics-section__header button:disabled{cursor:not-allowed;opacity:.3}.settings-lyrics-section textarea{resize:vertical;width:100%;height:80px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--bg-overlay);border-radius:6px;outline:none;padding:12px 14px;font-size:14px;line-height:1.5}.settings-lyrics-section textarea::placeholder{color:var(--text-muted)}.settings-lyrics-add-section{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--bg-overlay);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.settings-lyrics-add-section:hover{background:var(--bg-elevated)}.settings-lyrics-actions{gap:12px;display:flex}.settings-template-list{background:var(--bg-elevated);border:1px solid var(--bg-surface);border-radius:8px;overflow:hidden}.settings-template-list article{background:var(--bg-surface);border-bottom:1px solid var(--bg-elevated);grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:16px;min-height:72px;padding:16px 20px;display:grid}.settings-template-list article:last-child{border-bottom:0}.settings-template-list article>div{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-template-list article>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.settings-template-list article>div span{color:var(--text-muted);font-size:12px}.settings-template-list article small{color:var(--text-disabled);margin-left:16px;font-size:12px}.settings-template-list article>span{background:var(--bg-elevated);border:1px solid var(--bg-overlay);border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500}.settings-template-list article>button{cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.settings-template-list article>button:hover{background:#ef44441f}.settings-danger-intro{color:var(--text-secondary);margin:-16px 0 28px;line-height:1.5}.settings-danger-list{flex-direction:column;gap:12px;display:flex}.settings-danger-list>div{background:var(--bg-surface);border:1px solid var(--bg-elevated);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:100px;padding:20px;display:flex}.settings-danger-list>div>span{flex-direction:column;gap:6px;display:flex}.settings-danger-list strong{font-size:14px;font-weight:500}.settings-danger-list small{color:var(--text-muted);font-size:13px}.settings-toast{z-index:50;background:var(--bg-surface);border:1px solid var(--success);border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:12px 16px;font-weight:600;display:flex;position:fixed;top:91px;right:37px;box-shadow:0 8px 24px #00000047}.settings-toast span{color:var(--success);font-size:20px}.settings-modal-layer{z-index:100;background:#000000ad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:64px 0 0 261px}.settings-confirm,.settings-template-modal{background:var(--bg-surface);border:1px solid var(--bg-overlay);text-align:center;border-radius:8px;flex-direction:column;align-items:center;width:min(400px,100%);padding:32px;display:flex;box-shadow:0 16px 48px #0006}.settings-confirm__icon{width:48px;height:48px;color:var(--success);background:#052e16;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:24px;font-weight:700;display:flex}.settings-confirm__icon--danger{color:#fca5a5;background:#450a0a}.settings-confirm h2,.settings-template-modal h2{margin-bottom:12px}.settings-confirm p{color:var(--text-muted);line-height:1.5}.settings-confirm__actions,.settings-template-modal>div{justify-content:space-between;gap:16px;width:100%;margin-top:28px;display:flex}.settings-template-modal{text-align:left;align-items:stretch}.settings-template-modal h2{text-align:center}.settings-team-list,.settings-invite-list{background:var(--bg-elevated);border:1px solid var(--bg-surface);border-radius:8px;width:100%;overflow:hidden}.settings-team-list article,.settings-invite-list article{background:var(--bg-surface);border-bottom:1px solid var(--bg-elevated);align-items:center;gap:16px;min-height:72px;padding:16px 20px;display:flex}.settings-team-list article:last-child,.settings-invite-list article:last-child{border-bottom:0}.settings-team-list article>div,.settings-invite-list article>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-team-list article strong,.settings-invite-list article strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.settings-team-list article>div>span,.settings-invite-list article>div>span{color:var(--text-muted);font-size:12px}.settings-team-list article>button,.settings-invite-list article>button{cursor:pointer;opacity:.7;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.settings-team-list article>button:hover,.settings-invite-list article>button:hover{opacity:1}.settings-role-badge{color:var(--text-muted);background:var(--bg-elevated);border-radius:4px;flex:none;padding:4px 10px;font-size:11px;font-weight:500}.settings-role-select{flex:none;gap:0}.settings-role-select select{height:32px;padding:0 8px;font-size:12px}.settings-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-invite-form{align-items:flex-end;gap:12px;max-width:720px;display:flex}.settings-invite-form .settings-field{flex:1}.settings-invite-form .settings-field:last-of-type{max-width:160px}.settings-invite-hint{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.5}.settings-invite-link{background:var(--bg-surface);border:1px solid var(--bg-elevated);border-radius:8px;align-items:center;gap:16px;max-width:720px;margin-top:16px;padding:16px 20px;display:flex}.settings-invite-link>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-invite-link strong{color:var(--text-primary);font-size:13px;font-weight:500}.settings-invite-link span{color:var(--text-muted);font-size:12px}.settings-invite-link code{color:var(--text-disabled);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.settings-invite-link .button{flex:none;align-items:center;gap:6px;display:flex}@media (width<=820px){.settings-layout{display:block}.settings-sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--bg-surface);width:100%;height:auto;padding:8px 12px 10px;top:64px;overflow-x:auto}.settings-back,.settings-sidebar__divider{display:none}.settings-sidebar nav{flex-direction:row;width:max-content}.settings-sidebar nav button{width:auto;min-width:max-content}.settings-content{min-height:auto;padding:32px 24px}.settings-modal-layer{inset:64px 0 0}}@media (width<=600px){.settings-appbar{padding:0 16px}.settings-account-menu>button{display:none}.settings-content{padding:28px 16px 40px}.settings-section-heading{align-items:flex-start}.settings-section-heading h1{font-size:28px}.settings-form-grid,.settings-select-grid{grid-template-columns:1fr}.settings-template-list article{grid-template-columns:minmax(0,1fr) 32px}.settings-template-list article>span{display:none}.settings-template-list article small{margin:3px 0 0;display:block}.settings-danger-list>div,.settings-invite-form{flex-direction:column;align-items:stretch}.settings-invite-form .settings-field:last-of-type{max-width:none}.settings-invite-link{flex-direction:column;align-items:stretch}.settings-danger-list .button{align-self:flex-start}.settings-toast{left:16px;right:16px}}.lan-banner{border:1px solid var(--border-default,#2e2e2e);background:var(--bg-surface,#252525);border-radius:12px;margin-bottom:16px;padding:14px 16px}.lan-banner__text{color:var(--text-secondary,#a3a3a3);margin:6px 0 10px;font-size:13px}.lan-banner__text--warn{color:var(--timer-warning,#facc15);margin-bottom:0}.lan-banner__url{background:var(--bg-elevated,#2e2e2e);color:var(--text-primary,#f5f5f5);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:13px;display:block}.lan-banner__hint{color:var(--text-secondary,#a3a3a3);margin:8px 0 0;font-size:12px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg-base:#1e1e1e;--bg-header:#18181b;--bg-surface:#252525;--bg-elevated:#2e2e2e;--bg-overlay:#383838;--bg-white:#fff;--border-default:#2e2e2e;--border-light:#e5e5e5;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#737373;--text-disabled:#525252;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-subtle:#1e3a8a;--brand-text:#60a5fa;--brand-soft:#93c5fd;--success:#22c55e;--danger:#ef4444;--warning:#facc15;background:var(--bg-base);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg-base);min-height:100vh}.route-loading{min-height:100vh;color:var(--text-muted);background:var(--bg-base);place-items:center;display:grid}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--brand-text);text-decoration:none}a:hover{color:#93c5fd}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 20px;font-size:13px;font-weight:500;line-height:1.4;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.button:focus-visible,.icon-button:focus-visible,.field__input:focus-visible,.segment-editor__field:focus-visible,.search-bar input:focus-visible,.avatar-menu__trigger:focus-visible,.room-card:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.48}.button--primary{color:var(--text-primary);background:var(--brand)}.button--primary:hover:not(:disabled){background:var(--brand-hover)}.button--secondary{color:var(--brand);border-color:var(--brand);background:0 0}.button--ghost{color:var(--text-secondary);background:0 0}.button--danger{color:#fff;background:var(--danger)}.button--success{color:#fff;background:var(--success)}.button--full{width:100%}.icon-mask{width:16px;height:16px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background-color:currentColor;flex:none;display:inline-block}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.icon-button:hover{background:#ffffff0f}.field{flex-direction:column;gap:6px;width:100%;display:flex}.field__label{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.4}.field__input,.segment-editor__field,.search-bar input,.select-field{width:100%;height:44px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--bg-overlay);border-radius:6px;outline:none;padding:11px 14px}.field__input::placeholder,.segment-editor__field::placeholder,.search-bar input::placeholder{color:var(--text-muted)}.field__input--error{border-color:var(--danger)}.field__hint,.field__error{font-size:11px;line-height:1.4}.field__hint{color:var(--text-muted)}.field__error{color:#fca5a5}.password-field{width:100%;position:relative}.password-field .field__input{padding-right:44px}.password-field__toggle{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;bottom:8px;right:10px}.alert{border:1px solid;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.45}.alert--error{color:#fecaca;background:#7f1d1d40;border-color:#ef444480}.alert--info{color:#bfdbfe;background:#1e3a8a40;border-color:#2563eb80}.alert--success{color:#bbf7d0;background:#14532d40;border-color:#22c55e80}.auth-page{background:var(--bg-base);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.auth-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:25px;width:min(480px,100%);padding:40px;display:flex;overflow:hidden}.auth-card__header{text-align:center;flex-direction:column;gap:10px;display:flex}.auth-card__header .auth-card__brand{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:500;line-height:1.4}.auth-card__header h1{font-size:24px;font-weight:600;line-height:1.25}.auth-card__header>p:last-child{color:var(--text-muted);line-height:1.5}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form__password-row{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.auth-form__forgot{color:var(--text-muted);font-weight:500}.auth-divider{height:20px;color:var(--text-muted);align-items:center;gap:12px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--bg-elevated);content:"";flex:1;height:1px}.auth-card__footer{color:var(--text-muted);text-align:center;line-height:1.5}.auth-card__footer a{font-weight:500}.app-header{z-index:20;height:64px;color:var(--text-primary);background:var(--bg-header);border-bottom:1px solid var(--bg-overlay);align-items:center;gap:24px;padding:0 24px;display:flex;position:relative}.app-header__identity,.app-header__nav{align-items:center;min-width:0;display:flex}.app-header__identity{gap:10px}.app-header__brand{color:var(--text-primary);letter-spacing:.04em;font-size:16px;font-weight:700;line-height:1.3}.app-header__brand:hover,.app-header__room:hover{color:var(--text-primary)}.app-header__room{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.app-header__separator{color:var(--text-disabled)}.app-header__nav{gap:4px;margin-left:auto}.app-header__nav-link{min-height:34px;color:var(--text-secondary);border-radius:6px;padding:8px 10px;font-size:13px;font-weight:500}.app-header__nav-link:hover,.app-header__nav-link.is-active{color:var(--text-primary);background:var(--bg-elevated)}.avatar-menu{position:relative}.avatar-menu__trigger{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.avatar{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:500;display:grid}.avatar-menu__popover{background:var(--bg-surface);border:1px solid var(--bg-overlay);border-radius:8px;flex-direction:column;width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 30px #00000059}.avatar-menu__popover a,.avatar-menu__popover button{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:9px 10px}.avatar-menu__popover a:hover,.avatar-menu__popover button:hover{background:var(--bg-elevated)}.dashboard-page{background:#191919;min-height:100vh}.dashboard-content{flex-direction:column;gap:40px;max-width:1440px;min-height:calc(100vh - 64px);margin:0 auto;padding:40px 48px 48px;display:flex}.dashboard-heading{justify-content:space-between;align-items:center;height:48px;display:flex}.dashboard-heading h1{font-size:24px;font-weight:600;line-height:1.25}.search-bar{width:100%;position:relative}.search-bar img{width:16px;height:16px;position:absolute;top:14px;left:14px}.search-bar input{padding-left:40px}.filter-tabs{background:var(--bg-elevated);border-radius:8px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.filter-tab{min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.filter-tab--active{color:var(--brand-text);background:var(--brand-subtle)}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;display:grid}.room-card{min-width:0;min-height:120px;color:inherit;text-align:left;cursor:pointer;background:#242424;border:1px solid #353535;border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;box-shadow:0 2px 4px #00000029}.room-card:hover{color:inherit;border-color:#525252;transform:translateY(-1px)}.room-card__header{justify-content:space-between;align-items:center;height:20px;display:flex}.room-card__menu-wrap{position:relative}.room-card__menu{z-index:10;background:var(--bg-elevated);border:1px solid var(--bg-overlay);border-radius:8px;flex-direction:column;width:180px;padding:6px;display:flex;position:absolute;top:28px;right:0;box-shadow:0 12px 30px #0006}.room-card__menu button{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:9px 10px}.room-card__menu button:hover{background:var(--bg-overlay)}.room-card__menu .room-card__menu-danger,.danger-text{color:var(--danger)}.room-card__badge{color:var(--brand-text);background:var(--brand-subtle);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.4}.room-card__badge--live{color:#fff;background:var(--danger)}.room-card__badge--draft{color:var(--text-secondary);background:var(--bg-elevated)}.room-card__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.room-card__meta{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.empty-state{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:14px;width:min(360px,100%);margin-top:26px;padding:40px 24px;display:flex}.empty-state__icon{background:var(--bg-elevated);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.empty-state__icon img{width:24px;height:24px}.empty-state h2{font-size:18px;font-weight:600}.empty-state p{max-width:290px;color:var(--text-muted);line-height:1.5}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(480px,100%);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--bg-overlay);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #00000080}.modal--small{max-width:400px}.modal__header,.modal__footer{align-items:center;min-height:60px;padding:0 24px;display:flex}.modal__header{border-bottom:1px solid var(--bg-overlay);justify-content:space-between}.modal__header h2{font-size:14px;font-weight:500}.modal__body{flex-direction:column;gap:16px;padding:20px 32px;display:flex}.modal__footer{border-top:1px solid var(--bg-overlay);justify-content:space-between;gap:12px}.modal__footer-actions{gap:12px;margin-left:auto;display:flex}.create-room-form{flex-direction:column;gap:16px;display:flex}.danger-copy{color:var(--text-secondary);text-align:center;line-height:1.5}.link-button{color:var(--brand-text);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.workspace-page{background:#191919;min-height:100vh}.workspace-alert{z-index:80;width:min(480px,100vw - 32px);position:fixed;top:76px;left:50%;transform:translate(-50%)}.workspace-body{grid-template-columns:minmax(0,1fr) 280px;min-height:calc(100vh - 64px);display:grid}.segments-panel{min-width:0;overflow:auto}.segments-toolbar{justify-content:space-between;align-items:center;min-width:0;height:56px;padding:0 16px;display:flex}.eyebrow{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.4}.segment-table{border-collapse:collapse;min-width:760px}.segment-row{border-top:1px solid #25252580;grid-template-columns:24px 28px minmax(240px,1fr) 180px 90px 56px;align-items:center;gap:12px;min-height:57px;padding:0 16px;display:grid;position:relative}.segment-row--dragging{z-index:3;opacity:.95;background:var(--bg-surface);cursor:grabbing;will-change:transform;box-shadow:0 8px 24px #00000073}.segment-row--grabbed{outline:2px solid var(--brand);outline-offset:-2px}.segment-row--drop-before:after,.segment-row--drop-after:after{background:var(--brand-text);content:"";height:2px;position:absolute;left:0;right:0}.segment-row--drop-before:after{top:-1px}.segment-row--drop-after:after{bottom:-1px}.segment-row--blocked{box-shadow:inset 2px 0 0 var(--danger);background:#ef444424}.segment-row--header{min-height:33px;color:var(--text-disabled);font-size:11px;font-weight:500}.segment-row--active{color:#dbeafe;background:var(--brand-subtle)}.segment-row__number{width:28px;height:24px;color:var(--text-muted);border-radius:4px;place-items:center;font-family:JetBrains Mono,monospace;font-size:11px;display:grid}.segment-row--active .segment-row__number{color:var(--brand-soft);background:#2563eb33}.segment-row__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.segment-row__presenter,.segment-row__duration{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.segment-row--active .segment-row__presenter{color:var(--brand-soft)}.segment-row__duration{text-align:right}.segment-row__actions{justify-content:flex-end;gap:0;display:flex}.reorder-handle{width:24px;height:24px;color:var(--text-disabled);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.reorder-handle svg{pointer-events:none}.reorder-handle:active:not(:disabled){cursor:grabbing}@media (pointer:coarse){.reorder-handle{position:relative}.reorder-handle:before{content:"";position:absolute;inset:-8px}}.reorder-handle:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-surface)}.reorder-handle:focus-visible{outline:2px solid var(--brand-text);outline-offset:1px}.reorder-handle:disabled{cursor:default;opacity:.4}.reorder-handle[aria-pressed=true]{color:var(--brand-soft);background:var(--brand-subtle);cursor:grabbing}.reorder-notice{color:#fecaca;border-left:2px solid var(--danger);background:#ef444424;border-radius:4px;margin:0 16px 8px;padding:8px 12px;font-size:12px;line-height:1.4}.workspace-empty{place-items:center;min-width:760px;min-height:440px;display:grid}.workspace-sidebar{background:var(--bg-elevated);border-left:1px solid var(--bg-overlay)}.workspace-sidebar__action{border-bottom:1px solid var(--bg-overlay);flex-direction:column;gap:8px;padding:10px 16px;display:flex}.share-links,.device-status{border-bottom:1px solid var(--bg-overlay);padding:12px 16px}.share-links__list{flex-direction:column;margin-top:8px;display:flex}.share-link{min-height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:6px 0;display:flex}.share-link:hover{color:inherit}.share-link__copy{justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;display:flex}.share-link__copy img{width:16px;height:16px}.share-link__text{flex-direction:column;gap:3px;min-width:0;display:flex}.share-link__text strong{color:var(--text-primary);font-size:13px;font-weight:500}.share-link__text span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.share-link-row{align-items:center;display:flex}.share-link-row .share-link{flex:1;min-width:0}.share-link-row .share-link__copy{margin-left:auto}.share-link__qr{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-left:4px;display:flex}.share-link__qr:hover{color:var(--text-primary);background:var(--bg-elevated,#2e2e2e)}.qr-modal{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.qr-modal__code{background:#fff;border-radius:12px;padding:16px;line-height:0}.qr-modal__hint{color:var(--text-muted);font-size:12px}.qr-modal__url{overflow-wrap:anywhere;max-width:100%;color:var(--text-secondary,#a3a3a3);-webkit-user-select:all;user-select:all;font-family:JetBrains Mono,monospace;font-size:12px}.device-status__line{color:var(--text-secondary);align-items:center;gap:8px;margin-top:9px;font-size:13px;display:flex}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.status-dot--connecting{background:var(--warning)}.status-dot--offline{background:var(--danger)}.copy-feedback{color:#86efac;margin-top:8px;font-size:11px}.editor-layer{z-index:90;background:#000000b8;position:fixed;inset:64px 0 0}.segment-editor{background:var(--bg-elevated);flex-direction:column;width:min(400px,100%);height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-16px 0 50px #00000059}.segment-editor__header,.segment-editor__footer{border-bottom:1px solid var(--bg-overlay);flex:0 0 60px;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.segment-editor__header h2{font-size:14px;font-weight:400}.segment-editor__body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.segment-editor__field-group{flex-direction:column;gap:6px;display:flex}.segment-editor__field-group label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:500}.segment-editor__field-group label.segment-editor__label-normal{color:var(--text-secondary);text-transform:none;font-size:13px}textarea.segment-editor__field{resize:vertical;height:100px}.segment-editor__split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.segment-editor__footer{border-top:1px solid var(--bg-overlay);border-bottom:0;flex-basis:72px;height:72px}.segment-editor__footer-actions{gap:10px;margin-left:auto;display:flex}.display-page{text-align:center;background:#050505;place-items:center;min-height:100vh;padding:40px;display:grid;position:relative}.display-page--overlay{background:0 0}.display-page__eyebrow{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(14px,2vw,24px)}.display-page__timer{font-variant-numeric:tabular-nums;margin:24px 0;font-family:JetBrains Mono,monospace;font-size:clamp(72px,17vw,240px);font-weight:400;line-height:.9}.display-page__message{color:var(--text-secondary);font-size:clamp(18px,3vw,36px)}.fullscreen-button{color:var(--text-secondary);border:1px solid var(--bg-overlay);cursor:pointer;background:#252525bf;border-radius:6px;padding:9px 14px;position:fixed;bottom:24px;right:24px}.live-control{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.live-rundown{background:var(--bg-surface);border-right:1px solid var(--bg-overlay)}.live-rundown__header{border-bottom:1px solid var(--bg-overlay);justify-content:space-between;align-items:center;min-height:56px;padding:0 16px;display:flex}.live-rundown__row{width:100%;min-height:58px;color:var(--text-secondary);border:0;border-bottom:1px solid var(--border-default);text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 16px;display:grid}.live-rundown__row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.live-rundown__row span,.live-rundown__row small{font-family:JetBrains Mono,monospace;font-size:11px}.live-rundown__row--active{color:var(--brand-soft);background:var(--brand-subtle)}.live-stage{flex-direction:column;align-items:center;gap:28px;min-width:0;padding:56px 40px;display:flex}.live-timer-card{background:var(--bg-surface);border:1px solid var(--bg-elevated);text-align:center;border-radius:12px;width:min(888px,100%);padding:28px 36px}.live-timer-card__time{font-variant-numeric:tabular-nums;margin:18px 0;font-family:JetBrains Mono,monospace;font-size:clamp(72px,11vw,128px);font-weight:700;line-height:1.1}.live-timer-card__next{color:var(--text-secondary);text-transform:uppercase}.live-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stage-message{background:var(--bg-surface);border:1px solid var(--bg-elevated);border-radius:10px;flex-direction:column;gap:8px;width:min(888px,100%);padding:20px;display:flex}.stage-message label{color:var(--text-secondary);font-size:13px;font-weight:500}.stage-message>div{gap:10px;display:flex}.stage-message input{min-width:0;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--bg-overlay);border-radius:6px;flex:1;padding:10px 12px}.public-agenda{background:#101010;min-height:100vh;padding:48px}.public-agenda>header{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.public-agenda h1{margin-top:6px;font-size:clamp(28px,5vw,56px)}.connection-pill{color:var(--text-secondary);background:var(--bg-surface);text-transform:capitalize;border-radius:99px;padding:6px 10px;font-size:11px}.connection-pill--connected{color:#86efac}.public-agenda__list{flex-direction:column;display:flex}.public-agenda__row{min-height:72px;color:var(--text-muted);border-top:1px solid var(--bg-elevated);grid-template-columns:60px 1fr auto;align-items:center;gap:20px;padding:0 24px;display:grid}.public-agenda__row strong{color:var(--text-primary);font-size:clamp(16px,2.4vw,28px);font-weight:500}.public-agenda__row--active{color:var(--brand-soft);background:var(--brand-subtle)}.lyrics-copy{white-space:pre-wrap;max-width:1100px;margin:36px auto;font-size:clamp(36px,6vw,88px);line-height:1.2}.lyrics-timer{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:clamp(24px,4vw,56px)}.control-display__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.loading-state{min-height:320px;color:var(--text-muted);place-items:center;display:grid}@media (width<=980px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-body{grid-template-columns:1fr}.workspace-sidebar{border-top:1px solid var(--bg-overlay);border-left:0;grid-template-columns:minmax(220px,.7fr) 1fr 220px;display:grid}.workspace-sidebar__action,.share-links,.device-status{border-right:1px solid var(--bg-overlay);border-bottom:0}.live-control{grid-template-columns:220px minmax(0,1fr)}}@media (width<=680px){.auth-page{align-items:start;padding:20px 12px}.auth-card{margin-top:20px;padding:28px 22px}.dashboard-content{gap:24px;padding:28px 20px 40px}.room-grid{grid-template-columns:1fr}.filter-tabs{width:100%}.filter-tab{flex:1;padding-inline:8px}.workspace-sidebar{flex-direction:column;display:flex}.workspace-sidebar__action,.share-links,.device-status{border-right:0;border-bottom:1px solid var(--bg-overlay)}.segment-editor__split,.live-control{grid-template-columns:1fr}.live-rundown{border-right:0;border-bottom:1px solid var(--bg-overlay);max-height:260px;overflow:auto}.live-stage{padding:32px 16px}.stage-message>div{flex-direction:column}.public-agenda{padding:28px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}