:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e10;--surface:#18181b;--surface-hover:#232327;--surface-raised:#1f1f23;--control:#2d2d31;--control-hover:#3a3a3f;--border:#2d2d31;--text:#efeff1;--text-muted:#adadb8;--text-faint:#7a7a85;--accent:#5b3cc4;--accent-hover:#6f4fd8;--accent-text:#a970ff;--on-accent:white;--live:#eb0400;--live-hover:#ff2020;--danger:#f26d6d;--danger-text:#17171a;--video-bg:#000;--radius:6px;--radius-sm:4px;--radius-xs:3px;--radius-lg:8px;--font-ui:system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, monospace}*{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);margin:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;padding:.75rem 1.5rem;display:flex}.topbar .brand{color:var(--text);font-size:1.25rem;font-weight:700;text-decoration:none}#nav{align-items:center;gap:.75rem;margin-left:auto;display:flex}.inline-form{margin:0;display:inline}.nav-avatar,.avatar{object-fit:cover;background:var(--control);vertical-align:middle;border-radius:50%;width:32px;height:32px}.avatar{width:96px;height:96px;margin:.5rem 0;display:block}.badge{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;font-size:.7rem}.live-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.live-card a{color:var(--text);background:var(--surface);border-radius:var(--radius);text-align:left;flex-direction:column;gap:.35rem;padding:.75rem;text-decoration:none;display:flex;position:relative}.live-card a:hover{background:var(--surface-hover)}.live-card-header{align-items:center;gap:.5rem;display:flex}.live-card-header .avatar{border-radius:50%;width:40px;height:40px;margin:0}.live-badge{background:var(--live);color:var(--on-accent);border-radius:var(--radius-xs);letter-spacing:.03em;padding:.1rem .35rem;font-size:.65rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.live-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg);width:100%;display:block}.live-username{font-weight:600}.live-title{font-weight:700}.live-description{color:var(--text-muted);font-size:.8rem}main{max-width:1200px;margin:0 auto;padding:1.5rem}a{color:var(--accent-text)}#stream-meta{margin-top:.75rem}#stream-meta h1{margin:.25rem 0;font-size:1.25rem}.streamer-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.streamer-link{color:var(--text);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.streamer-link:hover{color:var(--accent-text)}.streamer-link .avatar{width:36px;height:36px;margin:0}.stream-description{color:var(--text-muted);white-space:pre-wrap}.profile-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.profile-header .avatar{border-radius:50%;width:72px;height:72px;margin:0}.profile-header h1{margin:0;font-size:1.5rem}.profile-title{color:var(--text-muted);margin:.2rem 0 0}.profile-offline{max-width:720px;padding:1.5rem}.offline-note{color:var(--text-muted);margin:0 0 1rem}.stat-empty{color:var(--text-muted)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:.5rem 0 1.5rem;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.1}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.72rem}button{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;margin:.25rem 0;padding:.5rem 1rem;font-size:.95rem}button:hover{background:var(--accent-hover)}.auth-page{max-width:22rem;margin:3rem auto}.auth-page h1{margin-top:0}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form label{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.auth-form input{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.5rem;font-family:inherit;font-size:1rem}.auth-form button{align-self:flex-start}.auth-alternative{margin-top:1.25rem;font-size:.9rem}.sso-icon{vertical-align:-.2em;object-fit:contain;width:1.2em;height:1.2em;margin-right:.5em;display:inline-block}.sso-button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.5rem .9rem;text-decoration:none;display:inline-block}.sso-button:hover{background:var(--surface-raised)}.auth-status:empty{display:none}.auth-status{color:var(--text-muted);margin-top:1rem}.recovery-codes{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);-webkit-user-select:all;user-select:all;padding:.75rem;font-size:.95rem;line-height:1.6}button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}button.danger:hover{background:var(--danger);color:var(--danger-text)}code{background:var(--surface-raised);border-radius:var(--radius-sm);font-family:var(--font-mono);word-break:break-all;padding:.35rem .6rem;display:inline-block}.user-grid{grid-template-columns:auto 1fr auto;align-items:center;row-gap:0;margin:.5rem 0;display:grid}.user-row{grid-template-columns:subgrid;border-top:1px solid var(--border);grid-column:1/-1;align-items:center;padding:.4rem;display:grid}.user-row>*{padding:0 .4rem}.user-row-message{color:var(--text-muted);grid-column:1/-1;padding:.4rem}.user-grid .avatar-sm{width:32px;height:32px;margin:0}.row-actions{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.row-actions button{margin:0}.settings-tabs{border-bottom:1px solid var(--border);gap:.25rem;margin:1rem 0 1.25rem;display:flex}.settings-tabs.grouped{align-items:flex-end;gap:1.5rem}.settings-tabs.grouped .tab-group+.tab-group{border-left:1px solid var(--border);padding-left:1.5rem}.tab-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:0 .9rem .2rem;font-size:.7rem;display:block}.tab-group-tabs{gap:.25rem;display:flex}.slug-editor{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.slug-editor input,.slug-editor button{margin:0}.slug-prefix{color:var(--text-faint);font-family:monospace}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .9rem;font-size:.95rem}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.tab-panel[hidden]{display:none}.table-scroll{overflow-x:auto}.admin-user-table{grid-template-columns:auto 1fr 1fr 1fr auto auto;align-items:center;column-gap:.4rem;min-width:640px;display:grid}.admin-user-table .user-row{grid-template-columns:subgrid;border-top:1px solid var(--border);grid-column:1/-1;align-items:center;padding:.4rem;display:grid}.admin-user-table .user-row>*{padding:0 .4rem}.stream-now-btn{background:var(--live);color:var(--on-accent);border-radius:var(--radius-sm);padding:.4rem .9rem;font-weight:600;text-decoration:none}.stream-now-btn:hover{background:var(--live-hover)}#app.full-bleed{max-width:none;margin:0;padding:0}.theatre{height:calc(100vh - 57px);display:flex}@media (max-width:768px){.theatre{flex-direction:column;height:auto}}.theatre-main{flex-direction:column;flex:1;min-width:0;padding:1rem;display:flex;overflow-y:auto}@media (max-width:768px){.theatre-main{overflow-y:visible}}.mode-toggle{gap:.5rem;margin-bottom:.5rem;display:flex}.mode-btn{background:var(--control)}.mode-btn.active{background:var(--accent)}#preview{background:var(--video-bg);border-radius:var(--radius);object-fit:contain;flex:1;width:100%;min-height:0}#offline-placeholder{aspect-ratio:16/9;background:var(--video-bg);border-radius:var(--radius);width:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}#streamkey-preview{background:var(--video-bg);border-radius:var(--radius);width:100%;min-height:240px;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}#streamkey-preview stream-player{width:100%}#source-buttons,#live-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}camera-toggle,screen-share-toggle,mic-toggle{display:contents}.source-btn.active{outline:2px solid var(--accent-text);outline-offset:-2px}.mic-gain{accent-color:var(--accent-text);width:100px}#go-live,#stop-live{font-weight:600}#stop-live{background:var(--live)}#stop-live:hover{background:var(--live-hover)}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:360px;padding:1.25rem}dialog::backdrop{background:#0009}.modal-hint{color:var(--text-muted);font-size:.85rem}.spinner{vertical-align:-.15em;border:2px solid var(--control-hover);border-top-color:var(--accent-text);border-radius:50%;width:.9em;height:.9em;margin-right:.4rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stream-info-form{flex-direction:column;gap:.5rem;max-width:600px;margin-top:1rem;display:flex}.stream-info-form label{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.stream-info-form input,.stream-info-form textarea{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.5rem;font-family:inherit;font-size:.95rem}.stream-info-form textarea{resize:vertical;min-height:4rem}.stream-info-form button{align-self:flex-start}.theatre-chat{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:30%;min-width:300px;max-width:420px;transition:width .15s,min-width .15s,max-width .15s;display:flex;overflow:hidden}.theatre-chat .expand-icon{display:none}.theatre-chat.collapsed{cursor:pointer;width:30px;min-width:30px;max-width:30px}.theatre-chat.collapsed:hover{background:var(--control)}.theatre-chat.collapsed .chat-header,.theatre-chat.collapsed .theatre-chat-inner{display:none}.theatre-chat.collapsed .expand-icon{width:100%;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.1rem;display:flex}@media (max-width:768px){.theatre-chat{border-left:none;border-top:1px solid var(--border);min-width:0;max-width:none;height:40vh;transition:height .15s;width:100%!important}.theatre-chat.collapsed{height:30px;min-height:30px}.theatre-chat.collapsed .expand-icon{transform:rotate(-90deg)}}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-weight:600;display:flex}.chat-header button{margin:0;padding:.25rem .6rem}.theatre-chat-inner{flex:1;min-height:0}.field-hint{color:var(--text-faint);margin-top:.2rem;font-size:.85rem}.cast-status{color:var(--live);margin:.25rem 0 0;font-size:.85rem}.copy-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.copy-row code,.copy-row a,.copy-row button{margin:0}.copy-row .url{word-break:break-all}.copy-btn{background:var(--control)}.copy-btn:hover{background:var(--control-hover)}.camera-picker{max-width:11rem;margin:0}.audio-meter{align-items:center;gap:.5rem;margin:.25rem 0;font-size:.8rem;display:flex}.audio-meter-label{color:var(--text-muted);min-width:9rem}.audio-meter-label.audio-meter-silent{color:var(--text-faint)}.audio-meter-track{background:var(--control);border-radius:var(--radius-xs);flex:1;max-width:220px;height:6px;overflow:hidden}.audio-meter-fill{background:var(--accent-text);border-radius:var(--radius-xs);width:0;height:100%;transition:width .1s linear}.send-stats{font-family:var(--font-mono);color:var(--text-muted);margin:.25rem 0;font-size:.8rem}