:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14122a;--surface:#1c1936;--surface-hover:#29244b;--surface-raised:#221e40;--control:#302a56;--control-hover:#3b3466;--border:#352f5c;--text:#f5effb;--text-muted:#cec4e2;--text-faint:#b1a5cc;--accent:#7657dc;--accent-hover:#6849cf;--accent-text:#ffb994;--on-accent:#fff;--live:#d93a42;--live-hover:#e5484d;--danger:#ff9494;--danger-text:#1c1936;--video-bg:#000;--radius:10px;--radius-sm:8px;--radius-xs:5px;--radius-lg:14px;--font-ui:ui-rounded, "Hiragino Maru Gothic ProN", "Quicksand", "Comfortaa", "Manjari", "Arial Rounded MT", "Arial Rounded MT Bold", "Calibri", source-sans-pro, sans-serif;--font-mono:ui-monospace, monospace}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf7f1;--surface:#f4ede4;--surface-hover:#e8ddcf;--surface-raised:#eee5d9;--control:#e6dacb;--control-hover:#dccdbb;--border:#dacdbc;--text:#28203a;--text-muted:#4f4462;--text-faint:#62567a;--accent:#5e43bd;--accent-hover:#4f36a8;--accent-text:#9a4318;--on-accent:#fff;--live:#c62a31;--live-hover:#b3242a;--danger:#b42318;--danger-text:#fff}}*{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);flex-direction:column;min-height:100svh;margin:0;display:flex}body:has(#app.full-bleed){height:100svh;min-height:0;overflow:hidden}.app-footer{color:var(--text-faint);text-align:right;padding:.5rem 1.5rem;font-size:.75rem}.app-footer a{color:inherit;margin-right:.75rem}.app-footer a:hover{color:var(--text-muted)}.licenses .license{margin:.35rem 0}.licenses summary{cursor:pointer;padding:.25rem 0}.licenses .license-text{white-space:pre-wrap;overflow-wrap:break-word;background:var(--surface);border-radius:var(--radius-sm);color:var(--text-muted);max-height:24rem;padding:.75rem;font-size:.75rem;overflow-y:auto}body:has(#app.full-bleed) .app-footer{display:none}.topbar{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand nav";align-items:center;gap:.5rem 1rem;padding:.75rem 1.5rem;display:grid}.topbar .brand{color:var(--text);grid-area:brand;font-size:1.25rem;font-weight:700;text-decoration:none}#nav{flex-wrap:wrap;grid-area:nav;justify-content:flex-end;justify-self:end;align-items:center;gap:.5rem .75rem;display:flex}@media (max-width:26rem){.topbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""nav";padding:.6rem 1rem}#nav{justify-content:flex-start;justify-self:stretch}}.inline-form{margin:0;display:inline}select,input,textarea{max-width:100%}.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-remote>a{border:1px dashed var(--border)}.live-peer{color:var(--text-muted);overflow-wrap:anywhere;font-size:.8em}.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}.live-thumb[hidden]{display:none}.live-counts{color:var(--text-muted);font-size:.8rem}main{flex:1;width:100%;max-width:1200px;min-height:0;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}.remote-origin-link{white-space:nowrap;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:.3rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none}.remote-origin-link:hover{color:var(--text);border-color:var(--text-muted)}.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}.following-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.following-card a{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:flex}.following-card a:hover{border-color:var(--text-muted)}.following-card.is-live a{border-color:var(--live)}.following-name{font-weight:600}.following-offline{color:var(--text-muted);font-size:.8rem}.following-card .avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;margin:0}.live-badge-inline{position:static}.profile-title{color:var(--text-muted);margin:.2rem 0 0}.follow-btn{white-space:nowrap;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;padding:.35rem .9rem;font-weight:600}.follow-btn.is-following{color:var(--text-muted);border-color:var(--border);background:0 0}.follow-btn.is-following:hover{color:var(--text);border-color:var(--text-muted)}.follow-btn:disabled{opacity:.6;cursor:default}.streamer-row .follow-btn{margin-left:0}.form-help{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.follow-note{color:var(--text-muted);flex-basis:100%;font-size:.75rem}.follow-note:empty{display:none}.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}.stats-chart{width:100%;height:120px;color:var(--accent);background:var(--surface);border-radius:var(--radius);margin:.5rem 0 1rem;display:block}.stats-list{border-collapse:collapse;width:100%;margin:.5rem 0}.stats-list th,.stats-list td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .6rem}.stats-list th{color:var(--text-faint);font-size:.8rem;font-weight:600}@media (max-width:40rem){.stats-list thead{display:none}.stats-list tbody{gap:.5rem;display:grid}.stats-list tr{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(min(7rem,100%),1fr));gap:.4rem 1rem;padding:.6rem 0;display:grid}.stats-list td{overflow-wrap:anywhere;border-bottom:none;min-width:0;padding:0}.stats-list td:first-child{grid-column:1/-1}.stats-list td[data-label]:before{content:attr(data-label);color:var(--text-faint);font-size:.8rem;font-weight:600;display:block}.limits-table tr{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"name name""max window""refused actions"}.limits-table tr td:first-child{grid-area:name}.limits-table tr td:nth-child(2){grid-area:max}.limits-table tr td:nth-child(3){grid-area:window}.limits-table tr td:nth-child(4){grid-area:refused}.limits-table tr td:nth-child(5){flex-wrap:wrap;grid-area:actions;align-items:center;gap:.4rem;display:flex}.limits-table tr td:nth-child(5) br{display:none}.limits-table tr input{box-sizing:border-box;width:100%;max-width:8rem}}.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}.link-button{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--text)}.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{flex-wrap:wrap;gap:.25rem;display:flex}@media (max-width:40rem){.settings-tabs.grouped{flex-wrap:wrap;gap:.5rem}.settings-tabs.grouped .tab-group+.tab-group{border-left:none;padding-left:0}}.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);background:0 0}.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}.peer-row{flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem 0 .75rem 1.25rem;display:flex}.settings-accordion{border:1px solid var(--border);border-radius:var(--radius-sm);margin:.75rem 0;padding:0 .75rem}.settings-accordion>summary{cursor:pointer;padding:.6rem 0;font-weight:600;list-style-position:inside}.settings-accordion[open]>summary{border-bottom:1px solid var(--border);margin-bottom:.5rem}.peer-item{border-top:1px solid var(--border)}.peer-item>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;list-style:none;display:flex}.peer-item>summary:before{content:"▸";color:var(--text-muted);width:1em}.peer-item[open]>summary:before{content:"▾"}.peer-item>summary>strong{overflow-wrap:anywhere;min-width:12ch}.peer-chip{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.8em}.peer-chip-both,.peer-chip-in,.peer-chip-out{color:var(--text);border-color:var(--accent)}.peer-chip-attention{color:var(--danger);border-color:var(--danger)}.peer-group{color:var(--text-muted);margin:.75rem 0 .25rem;font-size:.85rem;font-weight:600}.peer-row>.peer-cap{white-space:normal;max-width:100%}.peer-relay-help{flex-basis:100%;margin:-.3rem 0 0 1.4rem}.peer-cap{white-space:nowrap;align-items:center;gap:.2rem;display:inline-flex}.peer-pairs{grid-template-columns:max-content 1fr 1fr;align-items:center;gap:.35rem 1rem;width:100%;display:grid}.peer-pairs .peer-pairs-head{color:var(--text-muted);font-size:.8em}.peer-pairs .peer-pairs-name{font-weight:600}.peer-pairs .peer-cap{white-space:normal}@media (max-width:40rem){.peer-pairs{grid-template-columns:1fr}.peer-pairs .peer-pairs-head{display:none}.peer-pairs .peer-pairs-name{margin-top:.4rem}}.peer-mutual{color:var(--text-muted);font-size:.85em}.peer-error{color:var(--danger)}.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{flex-direction:column;max-width:none;margin:0;padding:0;display:flex;overflow:hidden}watch-view,user-view,stream-now-view,remote-watch-view,replay-view,theatre-shell{display:contents}.broadcast-list h2{margin:1.25rem 0 .5rem;font-size:1rem}.broadcast-list ul,ul.broadcast-list{margin:0;padding:0;list-style:none}.broadcast-list li{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.3rem 0;display:flex}.broadcast-meta{color:var(--text-muted);font-size:.9em}.broadcast-list li>a{align-items:center;gap:.6rem;display:inline-flex}.broadcast-thumb{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:4px;flex:none;width:7.5rem}.broadcast-all{margin-top:.5rem;display:inline-block}.broadcast-catalog{padding:1rem 0}.broadcast-catalog .broadcast-more{margin-top:1rem}.replay-mount{aspect-ratio:16/9;background:#000;width:100%}.replay-player{width:100%;height:100%}.theatre{flex:1;min-height:0;display:flex}@media (max-width:768px){.theatre{flex-direction:column}}.theatre-main{flex-direction:column;flex:1;min-width:0;min-height:0;padding:1rem;display:flex;overflow-y:auto}.mode-toggle{gap:.5rem;margin-bottom:.5rem;display:flex}.mode-btn{background:var(--control);color:var(--text)}.mode-btn:hover{background:var(--control-hover)}.mode-btn.active{background:var(--accent);color:var(--on-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%}#streamkey-preview:has(>stream-player){aspect-ratio:16/9;flex-direction:column;align-items:stretch}#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;position:relative;overflow:hidden}.theatre-chat .expand-icon,.theatre-chat .chat-unread{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}.theatre-chat.collapsed .chat-unread:not([hidden]){box-sizing:border-box;background:var(--accent);min-width:18px;color:var(--on-accent);text-align:center;pointer-events:none;border-radius:9px;padding:1px 4px;font-size:.7rem;font-weight:600;line-height:16px;display:block;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (max-width:768px){.theatre-chat{border-left:none;border-top:1px solid var(--border);flex:0 0 40%;min-width:0;max-width:none;height:auto;min-height:0;transition:flex-basis .15s;width:100%!important}.theatre-chat.collapsed{flex:0 0 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}.stream-counts{color:var(--text-muted);margin:.15rem 0 0;font-size:.9rem}.cast-status{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem}.notice-warning{border-left:3px solid var(--live);margin:.5rem 0;padding:.4rem 0 .4rem .6rem;font-size:.9rem}.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);color:var(--text)}.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}.player-frame{background:var(--video-bg);border-radius:var(--radius);width:min(100%, calc(100cqh * var(--video-aspect,1.7778)));aspect-ratio:var(--video-aspect,16 / 9);margin-inline:auto;overflow:hidden}.player-frame:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;max-width:none;height:100%}.player-frame>div:not(.player-controls,.player-seek){width:100%;height:100%}.player-frame live-video-skin{--media-border-radius:0;--media-video-border-radius:0}.player-frame{position:relative}.player-frame:not([data-state=playing]) .player-waiting{display:flex}#player-mount{flex:1;min-height:0;display:flex}.theatre-main>div:has(>stream-player){flex-direction:column;flex:1;min-height:0;display:flex}stream-player{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.player-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.player-controls{z-index:5;pointer-events:none;position:absolute;top:.5rem;right:.5rem}.player-controls>*{pointer-events:auto}.player-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:.4rem;max-width:calc(100% - 1rem);display:flex}.player-controls button{color:#fff;background:#0000008c;border-radius:.3rem;margin:0;padding:.25rem .6rem;font-size:.8rem}.player-streams{position:relative}.player-streams #streams-toggle:before{content:"⚙︎ "}.player-streams-menu{background:#000c;border-radius:.3rem;flex-direction:column;gap:.15rem;min-width:7rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0}.player-streams-menu button{text-align:left;white-space:nowrap;background:0 0}.player-streams-menu button.active{background:var(--accent);color:var(--on-accent)}.player-audio-only{z-index:4;background:var(--surface,#111);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.player-audio-only img{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.player-audio-only span{color:#fff;background:#0009;border-radius:.3rem;padding:.4rem .9rem;font-weight:600;position:relative}.player-audio-only[hidden],.player-streams[hidden],.player-streams-menu[hidden]{display:none}.player-waiting{color:var(--text-muted);justify-content:center;align-items:center;margin:0;font-size:.9rem;display:none;position:absolute;inset:0}.nav-avatar-link{border-radius:50%;line-height:0;display:inline-flex}.nav-avatar-link:hover .nav-avatar,.nav-avatar-link:focus-visible .nav-avatar{outline:2px solid var(--accent-text);outline-offset:1px}body.bare .topbar,body.bare .app-footer{display:none}body.bare{min-height:100svh}.embed-frame{background:#000;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.embed-out{z-index:2;color:#fff;opacity:.65;background:#0000008c;border-radius:.35rem;padding:.25rem .5rem;font-size:.8rem;text-decoration:none;position:absolute;bottom:.5rem;left:.5rem}.embed-out:hover,.embed-out:focus-visible{opacity:1}.embed-offline{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.embed-offline .embed-out{position:static}.totp-qr svg{color:#000;background:#fff;border-radius:6px;width:12rem;height:12rem;padding:.5rem}.peer-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.peer-filters input[type=search]{flex:12rem;min-width:0}.player-seek{z-index:5;color:#fff;opacity:0;pointer-events:none;background:#0000008c;border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;transition:opacity .2s;display:flex;position:absolute;bottom:3rem;left:.5rem;right:.5rem}.player-frame:hover .player-seek,.player-seek:focus-within,.player-seek.behind{opacity:1;pointer-events:auto}.player-seek[hidden]{display:none}.player-seek input[type=range]{flex:1;min-width:0;margin:0}.player-seek #seek-clock{font-variant-numeric:tabular-nums;white-space:nowrap}.player-seek button{color:#fff;background:0 0;border:1px solid #fff9;border-radius:.3rem;margin:0;padding:.1rem .5rem;font-size:.75rem}.player-seek button[aria-pressed=true]{background:#e02424;border-color:#e02424}.theme-grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pick look""actions actions""hint hint""custom custom""status status";align-items:center;gap:.5rem 1.5rem;display:grid}.theme-grid .theme-pick{flex-wrap:wrap;grid-area:pick;align-items:center;gap:.5rem;margin:0;display:flex}.theme-grid .theme-look{grid-area:look;gap:.35rem;display:grid}.theme-grid .theme-actions{flex-wrap:wrap;grid-area:actions;align-items:center;gap:.5rem;margin:0;display:flex}.theme-grid .theme-hint{grid-area:hint;margin:0}.theme-grid .theme-custom{grid-area:custom}.theme-grid #theme-status{grid-area:status;margin:0}@media (max-width:40rem){.theme-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"pick""look""actions""hint""custom""status"}}.theme-swatches{gap:.25rem;display:flex}.theme-swatch{border-radius:var(--radius-xs);border:1px solid var(--border);width:1.5rem;height:1.5rem}.theme-sets{border:none;flex-wrap:wrap;gap:.25rem 1rem;margin:.5rem 0;padding:0;display:flex}.theme-colours{grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));gap:.35rem 1rem;display:grid}.theme-colours .theme-colour{align-items:center;gap:.5rem;min-width:0;display:flex}.theme-colours input[type=color]{flex:none;width:2.5rem;height:2rem;padding:0}.theme-shape{grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr));gap:.5rem 1rem;margin:.75rem 0;display:grid}.theme-shape input[type=number]{width:4rem}.theme-preview-bar{background:var(--accent);color:var(--on-accent);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:.4rem 1rem;font-size:.9rem;display:flex}.theme-preview-bar button{background:var(--on-accent);color:var(--accent);margin:0;padding:.2rem .75rem}.reader-theme{grid-template-columns:repeat(2,minmax(0,max-content));grid-template-areas:"pick scheme""actions actions";align-items:end;gap:.5rem 1.5rem;display:grid}.reader-theme .reader-theme-pick{grid-area:pick}.reader-theme .reader-theme-scheme{grid-area:scheme}.reader-theme .reader-theme-actions{grid-area:actions;margin:0}.reader-theme label{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}@media (max-width:40rem){.reader-theme{grid-template-columns:minmax(0,1fr);grid-template-areas:"pick""scheme""actions"}}