:root{--bg:#0e0c18;--bg-clear:#0e0c1800;--bg-2:#171428;--bg-3:#221e38;--bg-hover:#2b2647;--rail-bg:#0a0913;--text:#f3f1fa;--text-muted:#a8a3c0;--text-faint:#6d6888;--border:#262140;--border-strong:#3a3459;--accent:#7b5cff;--accent-hover:#8f75ff;--accent-fg:#fff;--accent-soft:#7b5cff2e;--accent-ring:#7b5cff8c;--success:#3ecf8e;--danger:#ff6b6b;--star:#f5c518;--scrim:#080610b8;--shadow:0 10px 30px #00000073;--skeleton:#1e1a33;--media-bg:#000;--on-media:#fff;--on-media-muted:#ffffffb3;--on-media-soft:#ffffff24;--on-media-track:#ffffff40;--media-scrim-top:#000000bf;--media-scrim-clear:#0000;--media-panel:#100e1af0;--media-panel-border:#ffffff1a;--on-media-buffered:#ffffff73;--on-media-ripple:#ffffff24;--media-good:#3ecf8e;--media-fair:#f5a524;--media-poor:#ff5d5d;--media-idle:#ffffff59;--radius:12px;--radius-sm:8px;--radius-lg:18px;--radius-pill:999px;--gap:12px;--rail-w:88px;--topbar-h:64px;--tabbar-h:60px;--page-pad:32px;--card-w:150px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f4fa;--bg-clear:#f5f4fa00;--bg-2:#fff;--bg-3:#ebe8f5;--bg-hover:#e1ddf0;--rail-bg:#fff;--text:#17142a;--text-muted:#5c5775;--text-faint:#8f8aa6;--border:#e2def0;--border-strong:#cbc5e0;--accent:#6a4cf0;--accent-hover:#5a3be0;--accent-soft:#6a4cf01f;--accent-ring:#6a4cf073;--scrim:#17142ab3;--shadow:0 10px 30px #17142a26;--skeleton:#e6e2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=auto]{--bg:#f5f4fa;--bg-clear:#f5f4fa00;--bg-2:#fff;--bg-3:#ebe8f5;--bg-hover:#e1ddf0;--rail-bg:#fff;--text:#17142a;--text-muted:#5c5775;--text-faint:#8f8aa6;--border:#e2def0;--border-strong:#cbc5e0;--accent:#6a4cf0;--accent-hover:#5a3be0;--accent-soft:#6a4cf01f;--accent-ring:#6a4cf073;--scrim:#17142ab3;--shadow:0 10px 30px #17142a26;--skeleton:#e6e2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (width<=640px){:root{--page-pad:16px;--card-w:112px;--topbar-h:56px}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img{display:block}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.icon{flex:none;width:22px;height:22px;display:inline-grid}.icon svg{width:100%;height:100%}.icon-sm{width:16px;height:16px}.icon-xs{width:12px;height:12px}#app{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr);grid-template-areas:"rail top""rail content";height:100%;display:grid;position:relative;overflow:hidden}.splash,.login{grid-area:1/1/-1/-1}.rail{background:var(--rail-bg);border-right:1px solid var(--border);z-index:5;flex-direction:column;grid-area:rail;align-items:center;gap:16px;padding:12px 0;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{border-radius:var(--radius);background:var(--accent);width:40px;height:40px;color:var(--accent-fg);letter-spacing:-.04em;place-items:center;font-size:18px;font-weight:800;display:grid}.brand-lg{font-size:22px}.brand-lg .brand-mark{width:48px;height:48px;font-size:22px}.nav-items{flex-direction:column;gap:4px;width:100%;padding:0 8px;display:flex}.nav-item{border-radius:var(--radius);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:11px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg-3);color:var(--text)}.nav-item.active{color:var(--text);background:var(--accent-soft)}.nav-item.active .icon{color:var(--accent)}.topbar{align-items:center;gap:var(--gap);padding:0 var(--page-pad);z-index:4;background:var(--bg);grid-area:top;min-width:0;display:flex}.search{border-radius:var(--radius-pill);background:var(--bg-3);border:1px solid var(--border);max-width:560px;height:44px;color:var(--text-muted);flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-input::placeholder{color:var(--text-faint)}.topbar-right{align-items:center;gap:14px;min-width:0;margin-left:auto;display:flex}.room-badge{border-radius:var(--radius-pill);background:var(--bg-3);color:var(--text-muted);align-items:center;gap:6px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-flex}.room-badge:hover{color:var(--text)}.me .avatar{width:34px;height:34px}.content{scrollbar-color:var(--border-strong) var(--bg-clear);outline:none;grid-area:content;position:relative;overflow:hidden auto}.page{padding:8px var(--page-pad) 120px;gap:28px;min-width:0;display:grid}.page-title{font-size:26px;font-weight:700}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);border-radius:var(--radius-pill);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.busy{cursor:progress}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-3);border-color:var(--bg-3)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-3)}.btn-ghost.active{color:var(--accent)}.btn-sm{padding:5px 12px;font-size:13px}.btn-lg{padding:12px 22px;font-size:15px}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:0}.input{appearance:none;background:var(--bg-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;min-width:0;padding:9px 12px}select.input{background-image:linear-gradient(45deg, var(--bg-clear) 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, var(--bg-clear) 50%);cursor:pointer;background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}.input:focus,.btn:focus-visible,.nav-item:focus-visible,.card-link:focus-visible,.episode:focus-visible,.source:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.input-lg{padding:12px 14px;font-size:15px}.input-sm{padding:5px 26px 5px 9px;font-size:13px}.segmented{background:var(--bg-3);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.segmented button{appearance:none;color:var(--text-muted);font:inherit;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 14px;font-size:13px;font-weight:600}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--accent);color:var(--accent-fg)}.segmented-wide{display:flex}.segmented-wide button{flex:1}.auth-error{color:var(--danger)}.badge{border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text-muted);padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.badge-strong{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.badge-success{border-color:var(--success);color:var(--success)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--bg-3);color:var(--text-muted);padding:4px 12px;font-size:12px;font-weight:600}.spinner{vertical-align:-3px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}input[type=range]{accent-color:var(--accent)}.progress{border-radius:var(--radius-pill);background:var(--border-strong);height:4px;display:block;overflow:hidden}.progress>span{background:var(--accent);border-radius:inherit;height:100%;display:block}.progress-poster{background:var(--on-media-track);position:absolute;bottom:8px;left:8px;right:8px}.empty{color:var(--text-muted);text-align:center;padding:24px 0}.empty-state{text-align:center;grid-column:1/-1;justify-items:center;gap:8px;padding:64px 16px;display:grid}.empty-title{font-size:18px;font-weight:700}.empty-state .btn{margin-top:8px}.splash{color:var(--text-muted);text-align:center;place-items:center;padding:16px;display:grid}.login{background:radial-gradient(ellipse at top, var(--accent-soft), var(--bg-clear) 60%), var(--bg);grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;display:grid}.login-card{border-radius:var(--radius-lg);background:var(--bg-2);border:1px solid var(--border);width:min(400px,100%);box-shadow:var(--shadow);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;padding:32px;display:grid}.login-guest{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:8px;width:100%;padding-top:18px;display:grid}.inline-form{gap:8px;width:100%;display:flex}.inline-form .input{flex:1}.card{width:var(--card-w);flex:none;min-width:0;position:relative}.card-link{border-radius:var(--radius);gap:6px;display:grid}.poster{aspect-ratio:2/3;border-radius:var(--radius);background:var(--bg-3);transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.poster img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.poster-ph{text-align:center;color:var(--text-faint);place-items:center;padding:10px;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}.poster-rating{z-index:2;border-radius:var(--radius-sm);background:var(--scrim);color:var(--on-media);align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:6px;left:6px}.poster-rating .icon,.rating .icon{color:var(--star)}.poster .progress-poster{z-index:2}.card-link:hover .poster{box-shadow:0 0 0 2px var(--accent), var(--shadow);transform:translateY(-3px)}.card-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.card-sub{color:var(--text-muted);margin-top:-4px;font-size:12px}.card-action{z-index:3;background:var(--scrim);width:30px;height:30px;color:var(--on-media);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.card:hover .card-action,.card-action:focus-visible{opacity:1}@media (hover:none){.card-action{opacity:1}}.card.skeleton .poster{background:var(--skeleton);animation:1.4s ease-in-out infinite pulse}.rows{gap:28px;display:grid}.row{gap:12px;min-width:0;display:grid}.row-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row-head h2{font-size:19px;font-weight:700}.row-more{color:var(--text-muted);font-size:13px;font-weight:600}.row-more:hover{color:var(--accent)}.row-items{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-clear);gap:14px;margin:-4px -4px 0;padding:4px 4px 10px;display:flex;overflow-x:auto}.row-items>.card{scroll-snap-align:start}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-w), 1fr));gap:22px 16px;display:grid}.grid>.card{width:auto}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sentinel{height:1px}.page-detail{isolation:isolate;padding-top:0;position:relative}.detail-backdrop{z-index:-1;height:620px;position:absolute;inset:0 0 auto;overflow:hidden}.detail-backdrop img{object-fit:cover;object-position:center 20%;opacity:.45;width:100%;height:100%}.detail-backdrop:after{content:"";background:linear-gradient(to bottom, var(--bg-clear) 30%, var(--bg) 100%), linear-gradient(to right, var(--bg) 0%, var(--bg-clear) 70%);position:absolute;inset:0}.detail-layout{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;gap:32px;padding-top:40px;display:grid}.detail-main{gap:36px;min-width:0;display:grid}.detail-hero{align-items:flex-start;gap:28px;display:flex}.detail-poster{border-radius:var(--radius);width:200px;box-shadow:var(--shadow);flex:none}.detail-info{justify-items:start;gap:14px;min-width:0;display:grid}.detail-logo{object-fit:contain;object-position:left center;max-width:min(420px,100%);max-height:140px}.detail-title{font-size:36px;font-weight:800;line-height:1.1}.detail-facts{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.detail-facts .dot{color:var(--text-faint)}.rating{color:var(--text);align-items:center;gap:4px;display:inline-flex}.description{color:var(--text);max-width:68ch;font-size:15px;line-height:1.6}.credits{color:var(--text-muted);max-width:68ch}.detail-actions{flex-wrap:wrap;gap:10px;padding-top:6px;display:flex}.episodes{gap:14px;display:grid}.episodes-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.episodes-head h2{font-size:19px}.episode-list{gap:8px;display:grid}.episode{border:1px solid var(--bg-clear);background:var(--bg-2);color:var(--text);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.episode-main{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius);background:0 0;border:0;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:8px;display:grid}.episode-main:focus-visible,.episode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.episode-toggle{appearance:none;border:1.5px solid var(--border-strong);width:34px;height:34px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:50%;place-items:center;margin-right:10px;transition:background .15s,color .15s,border-color .15s;display:grid}.episode-toggle:hover{border-color:var(--accent);color:var(--accent)}.episode-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.episode.upcoming .episode-main{opacity:.6}.episode:hover{background:var(--bg-3)}.episode.active{border-color:var(--accent);background:var(--accent-soft)}.episode-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-3);position:relative;overflow:hidden}.episode-thumb img{object-fit:cover;width:100%;height:100%}.episode-thumb .progress-poster{bottom:6px;left:6px;right:6px}.episode.watched .episode-thumb img{opacity:.55}.episode-text{gap:2px;min-width:0;display:grid}.episode-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.episode-sub{color:var(--text-muted);font-size:12px}.episode-overview{color:var(--text-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.episode-watched{background:var(--accent);width:26px;height:26px;color:var(--accent-fg);border-radius:50%;place-items:center;margin-right:6px;display:grid}.streams{max-height:calc(100vh - var(--topbar-h) - 24px);border-radius:var(--radius-lg);background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-clear);align-content:start;gap:12px;padding:16px;display:grid;position:sticky;top:12px;overflow-y:auto}.streams-head{gap:10px;display:grid}.streams-head h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.streams-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.streams-extra:empty,.streams-status:empty{display:none}.source-list{gap:6px;display:grid}.source{appearance:none;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges release""badges facts";align-items:center;gap:3px 12px;padding:10px 12px;transition:border-color .15s,background .15s;display:grid}.source:hover{border-color:var(--accent);background:var(--accent-soft)}.source.busy{opacity:.6;cursor:progress}.source-badges{flex-direction:column;grid-area:badges;align-items:flex-start;gap:4px;min-width:58px;display:flex}.source-release{text-overflow:ellipsis;white-space:nowrap;grid-area:release;font-size:13px;font-weight:600;overflow:hidden}.source-facts{color:var(--text-muted);flex-wrap:wrap;grid-area:facts;gap:10px;font-size:12px;display:flex}.history-list{gap:10px;max-width:900px;display:grid}.history-item{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px;display:grid}.history-poster{aspect-ratio:2/3;border-radius:var(--radius-sm);background:var(--bg-3);overflow:hidden}.history-poster img{object-fit:cover;width:100%;height:100%}.history-text{gap:4px;min-width:0;display:grid}.history-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.history-title:hover{color:var(--accent)}.history-progress{grid-template-columns:minmax(60px,260px) auto;align-items:center;gap:10px;display:grid}.history-actions{align-items:center;gap:4px;display:flex}.page-settings{max-width:760px}.settings-section{border-radius:var(--radius-lg);background:var(--bg-2);border:1px solid var(--border);gap:12px;padding:20px;display:grid}.settings-section h2{font-size:16px}.account{align-items:center;gap:14px;display:flex}.account>div{flex:1;min-width:0}.field{justify-items:start;gap:6px;display:grid}.field>.input,.field>.inline-form{width:min(100%,420px)}.field-label{font-size:13px;font-weight:600}.field-hint{color:var(--text-faint);font-size:12px}.room-code{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-code code{border-radius:var(--radius-sm);background:var(--bg-3);letter-spacing:.06em;padding:6px 12px;font-size:15px}.addon-list{gap:6px;display:grid}.addon{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.addon>div{flex:1;min-width:0;display:grid}.addon code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-lg{width:56px;height:56px;font-size:22px}.members{align-items:center;min-width:0;display:flex}.member{box-shadow:0 0 0 2px var(--bg);border-radius:50%;margin-left:-6px;position:relative}.member:first-child{margin-left:0}.member.me{box-shadow:0 0 0 2px var(--accent);z-index:1}.member.waiting{box-shadow:0 0 0 2px var(--danger);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.member-q{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);padding:2px 3px;font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:-5px;right:-6px}.conn-dot{background:var(--danger);border-radius:50%;flex:none;width:8px;height:8px}.conn-dot.on{background:var(--success)}.stage{z-index:40;background:var(--media-bg);color:var(--on-media);position:fixed;overflow:hidden}.stage.mode-hidden{display:none}.stage.mode-full{z-index:50;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;inset:0}.stage.mode-full>.video,.stage.mode-full>.overlay,.stage.mode-full>.stage-top,.stage.mode-full>.controls{grid-area:1/1}.stage.mode-mini{border-radius:var(--radius);width:340px;box-shadow:var(--shadow);cursor:pointer;grid-template-rows:auto auto;display:grid;bottom:20px;right:20px}.stage.mode-mini>.video{aspect-ratio:16/9;grid-area:1/1;height:auto}.stage.mode-mini>.overlay{grid-area:1/1;font-size:12px}.stage.mode-mini .stage-top,.stage.mode-mini .controls,.stage.mode-full .mini-bar{display:none}.video{object-fit:contain;background:var(--media-bg);width:100%;height:100%;min-height:0;display:block}.overlay{pointer-events:none;z-index:1;place-items:center;display:grid}.overlay>*{pointer-events:auto}.overlay-msg{background:var(--scrim);color:var(--on-media);border-radius:var(--radius);text-align:center;justify-items:center;gap:4px;padding:14px 18px;display:grid}.stage-top,.controls{z-index:2;transition:opacity .25s}.stage-top{background:linear-gradient(to bottom, var(--media-scrim-top), var(--media-scrim-clear));align-self:start;align-items:center;gap:12px;min-width:0;padding:14px 20px 40px;display:flex}.stage-title{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.stage-poster{aspect-ratio:2/3;object-fit:cover;border-radius:4px;flex:none;width:34px}.stage-title-text{min-width:0;display:grid}.stage-title-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-title-text strong{font-size:16px}.muted-on-media{color:var(--on-media-muted);font-size:12px}.stage .member{box-shadow:0 0 0 2px var(--media-bg);margin-left:6px}.stage .member.me{box-shadow:0 0 0 2px var(--accent)}.stage .member.waiting{box-shadow:0 0 0 2px var(--danger)}.controls{background:linear-gradient(to top, var(--media-scrim-top), var(--media-scrim-clear));align-self:end;gap:6px;padding:48px 20px 16px;display:grid}.seek-row{align-items:center;gap:12px;display:flex}.controls-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.controls-right{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.btn-round{appearance:none;background:var(--accent);width:48px;height:48px;color:var(--accent-fg);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.btn-round:hover{background:var(--accent-hover)}.on-media{color:var(--on-media)}.btn.on-media:hover{background:var(--on-media-soft)}.on-media-input{background-color:var(--on-media-soft);border-color:var(--on-media-soft);color:var(--on-media)}.on-media-input option{background:var(--bg-2);color:var(--text)}.seek{appearance:none;cursor:pointer;--fill:0%;background:0 0;flex:1;min-width:80px;height:18px}.seek::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--fill), var(--on-media-buffered) var(--fill), var(--on-media-buffered) var(--buffered,var(--fill)), var(--on-media-track) var(--buffered,var(--fill)));height:5px}.seek::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--on-media-buffered) var(--buffered,0%), var(--on-media-track) var(--buffered,0%));height:5px}.seek::-moz-range-progress{border-radius:var(--radius-pill);background:var(--accent);height:5px}.seek::-webkit-slider-thumb{appearance:none;background:var(--on-media);border:0;border-radius:50%;width:14px;height:14px;margin-top:-4.5px}.seek::-moz-range-thumb{background:var(--on-media);border:0;border-radius:50%;width:14px;height:14px}.time{font-variant-numeric:tabular-nums;color:var(--on-media-muted);min-width:44px;font-size:13px}.seek-row .time:last-child{text-align:right}.stage.idle{cursor:none}.stage.idle .stage-top,.stage.idle .controls{opacity:0;pointer-events:none}.mini-bar{background:var(--bg-2);color:var(--text);align-items:center;gap:2px;padding:4px 4px 4px 12px;display:flex}.mini-bar .on-media{color:var(--text)}.mini-bar .btn.on-media:hover{background:var(--bg-3)}.mini-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.stage.mode-full{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.stage:not(.mode-full)>.ripple,.stage:not(.mode-full)>.stage-flash,.stage:not(.mode-full)>.stage-notice,.stage:not(.mode-full)>.stage-menu{display:none}.seek-wrap{flex:1;align-items:center;min-width:80px;display:flex;position:relative}.seek-ghost{border-radius:var(--radius-pill);background:var(--on-media);opacity:.85;pointer-events:none;width:3px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%)}.seek-ghost[hidden],.seek-tip[hidden]{display:none}.seek-tip{border-radius:var(--radius-sm);background:var(--media-panel);color:var(--on-media);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%)}.seek.drifting::-webkit-slider-thumb{background:var(--media-fair)}.seek.drifting::-moz-range-thumb{background:var(--media-fair)}.time-btn{appearance:none;font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:4px 0;font-size:13px}.time-btn:hover{color:var(--on-media)}.controls-row{gap:8px}.controls-right{gap:2px}.volume-group{color:var(--on-media);align-items:center;gap:4px;display:inline-flex}.volume{appearance:none;cursor:pointer;--fill:100%;--mark:100%;background:0 0;width:104px;height:18px}.volume::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--on-media) var(--fill), var(--on-media-track) var(--fill));height:4px}.volume.boost::-webkit-slider-runnable-track{background:linear-gradient(var(--on-media-buffered), var(--on-media-buffered)) var(--mark) 0 / 2px 100% no-repeat, linear-gradient(to right, var(--on-media) var(--fill), var(--on-media-track) var(--fill))}.volume::-moz-range-track{border-radius:var(--radius-pill);background:var(--on-media-track);height:4px}.volume::-moz-range-progress{border-radius:var(--radius-pill);background:var(--on-media);height:4px}.volume::-webkit-slider-thumb{appearance:none;background:var(--on-media);border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px}.volume::-moz-range-thumb{background:var(--on-media);border:0;border-radius:50%;width:12px;height:12px}.volume-pct{font-variant-numeric:tabular-nums;min-width:48px;color:var(--on-media-muted);font-size:12px}.no-volume-slider .volume,.no-volume-slider .volume-pct{display:none}.overlay>.overlay-msg{pointer-events:none}body.player-open .toasts{bottom:128px}@media (pointer:coarse){.seek{height:30px}}.health{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.health[hidden]{display:none}.health:hover{background:var(--on-media-soft)}.health-dot{background:var(--media-idle);border-radius:50%;width:10px;height:10px;transition:background .3s}.health[data-level=good] .health-dot{background:var(--media-good)}.health[data-level=fair] .health-dot{background:var(--media-fair)}.health[data-level=poor] .health-dot{background:var(--media-poor)}.stop-btn.armed,.stop-btn.armed:hover{background:var(--media-poor);color:var(--on-media)}.btn-icon-sm{width:30px;height:30px}.icon-xl,.icon-xl svg{width:40px;height:40px}.spinner-lg{border-width:3px;border-color:var(--on-media-track);border-top-color:var(--on-media);width:44px;height:44px;margin:0}.overlay>.overlay-spinner{pointer-events:none}.ripple{z-index:1;background:var(--on-media-ripple);opacity:0;pointer-events:none;place-items:center;width:34%;display:grid;position:absolute;top:0;bottom:0}.ripple-left{border-radius:0 50% 50% 0;left:0}.ripple-right{border-radius:50% 0 0 50%;right:0}.ripple.show{animation:.8s ease-out stage-fade}.ripple-text{border-radius:var(--radius-pill);background:var(--media-scrim-top);font-variant-numeric:tabular-nums;padding:6px 12px;font-size:15px;font-weight:700}.stage-flash{z-index:1;border-radius:var(--radius-pill);background:var(--media-scrim-top);opacity:0;pointer-events:none;place-items:center;min-width:72px;min-height:72px;padding:14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-flash.show{animation:.7s ease-out stage-fade}.flash-text{font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:0 8px;font-size:15px;font-weight:700;display:inline-flex}@keyframes stage-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.stage-notice{z-index:3;border:1px solid var(--media-panel-border);border-radius:var(--radius-pill);background:var(--media-panel);width:max-content;max-width:calc(100% - 24px);color:var(--on-media);align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.stage-notice[hidden]{display:none}.stage-notice .spinner{margin-right:0}.stage-notice:not(.notice-warn){padding-right:14px}.notice-warn{border-color:var(--media-fair)}.notice-dot{background:var(--media-fair);border-radius:50%;flex:none;width:8px;height:8px}.stage-menu{z-index:4;overscroll-behavior:contain;border:1px solid var(--media-panel-border);border-radius:var(--radius);background:var(--media-panel);width:320px;max-width:calc(100% - 24px);max-height:calc(100% - 160px);color:var(--on-media);box-shadow:var(--shadow);padding:6px;position:absolute;bottom:100px;right:16px;overflow:auto}.stage-menu[hidden]{display:none}.menu-row,.menu-choice{appearance:none;border-radius:var(--radius-sm);width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.menu-row:hover,.menu-choice:hover,.menu-row:focus-visible,.menu-choice:focus-visible{background:var(--on-media-soft);outline:none}.menu-row-title{flex:1;font-weight:600}.menu-row-value{color:var(--on-media-muted);text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:13px;overflow:hidden}.menu-back{border-bottom:1px solid var(--media-panel-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:4px}.menu-choice.selected{font-weight:700}.menu-check{width:18px;color:var(--accent);flex:none}.menu-group{text-transform:uppercase;letter-spacing:.04em;color:var(--on-media-muted);padding:10px 12px 2px;font-size:11px;font-weight:700}.menu-item{gap:6px;padding:8px 12px;display:grid}.menu-muted{color:var(--on-media-muted);font-size:13px}.menu-inline{align-items:center;gap:6px;display:flex}.menu-inline .volume{flex:1;width:auto}.menu-value{text-align:center;font-variant-numeric:tabular-nums;min-width:56px}.menu-volume{display:none}.segmented-media{background:var(--on-media-soft);justify-self:start}.segmented-media button{color:var(--on-media-muted);min-width:46px}.segmented-media button:hover{color:var(--on-media)}.stage-menu kbd{border:1px solid var(--media-panel-border);background:var(--on-media-soft);min-width:22px;font:600 12px/1.5 var(--font);text-align:center;border-radius:4px;padding:1px 6px;display:inline-block}.menu-head{justify-content:space-between;align-items:center;padding:2px 2px 6px 12px;display:flex}.keys{grid-template-columns:auto 1fr;gap:8px 14px;margin:0;padding:4px 12px 12px;font-size:13px;display:grid}.keys dt{white-space:nowrap}.keys dd{color:var(--on-media-muted);margin:0}.stage .video::cue{font-size:calc(clamp(16px, 2.4vw, 34px) * var(--subs-scale,1))}@media (width<=640px),(pointer:coarse){.volume-group .volume,.volume-group .volume-pct{display:none}.menu-volume{display:grid}}@media (hover:none){.menu-keys{display:none}}@media (width<=640px){.btn-round{width:44px;height:44px}.controls-row{flex-wrap:nowrap;gap:4px}.seek-row{gap:8px}.stage-menu{width:auto;max-width:none;bottom:92px;left:12px;right:12px}.stop-btn:not(.armed) .btn-label{display:none}.stage-notice{font-size:12px;top:66px}}.legal{text-align:center;color:var(--text-faint);padding:24px 0 8px;font-size:12px}.legal a{color:var(--text-muted)}.badge-danger{border-color:var(--danger);color:var(--danger)}.source.source-too-big,.source.source-too-big:hover{opacity:.5;cursor:not-allowed;border-color:var(--border);background:var(--bg)}.subs{z-index:1;text-align:center;pointer-events:none;place-self:end center;justify-items:center;gap:4px;max-width:min(90%,1100px);margin-bottom:6%;transition:margin-bottom .25s;display:grid}.stage.mode-full>.subs{grid-area:1/1}.stage:not(.idle)>.subs{margin-bottom:120px}.stage.mode-mini>.subs,.stage.mode-hidden>.subs{display:none}.subs-cue{border-radius:var(--radius-sm);background:var(--media-scrim-top);color:var(--on-media);font-size:calc(clamp(16px, 2.4vw, 34px) * var(--subs-scale,1));white-space:pre-line;padding:2px 10px;font-weight:500;line-height:1.3}.badge-accent{border-color:var(--accent);color:var(--accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-item:focus-visible,.card-link:focus-visible{outline-offset:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head-text{align-items:baseline;gap:12px;min-width:0;display:flex}.page-search .page-title{overflow-wrap:anywhere;font-size:22px}.page-history .page-head{max-width:900px}.result-count{color:var(--text-muted);margin-top:-14px;font-size:13px;font-weight:600}.result-count:empty{display:none}.filter-group{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.filter-label{color:var(--text-faint);white-space:nowrap;font-size:12px;font-weight:600}.filter-slot{display:contents}.segmented button .count{color:var(--text-faint);margin-left:6px;font-size:11px;font-weight:700}.segmented button.active .count{color:inherit;opacity:.8}.inpage-search{border-radius:var(--radius-sm);background:var(--bg-3);border:1px solid var(--border);color:var(--text-faint);flex:220px;align-items:center;gap:8px;max-width:320px;padding-left:12px;display:inline-flex}.inpage-search:focus-within{border-color:var(--accent)}.inpage-search .inpage-search-input{background:0 0;border:0;flex:1;min-width:0;padding-left:0}.inpage-search .inpage-search-input:focus{box-shadow:none;outline:none}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.empty-actions .btn{margin-top:8px}.btn-danger{color:var(--danger)}.btn.armed{background:var(--danger);border-color:var(--danger);color:var(--accent-fg)}.card-actions{z-index:3;opacity:0;gap:6px;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.card:hover .card-actions,.card-actions:focus-within{opacity:1}@media (hover:none){.card-actions{opacity:1}}.card-btn{background:var(--scrim);width:30px;height:30px;color:var(--on-media);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background .15s;display:grid}.card-btn:hover{background:var(--accent);color:var(--accent-fg)}.card-btn:disabled{opacity:.5;cursor:wait}.card.leaving{opacity:0;transition:opacity .18s,transform .18s;transform:scale(.94)}.poster-badge{z-index:2;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:6px;left:6px}.skeleton-line{border-radius:var(--radius-pill);background:var(--skeleton);height:12px;animation:1.4s ease-in-out infinite pulse;display:block}.skeleton-line.short{width:55%}.skeleton-line.big{width:70%;height:34px}.card.skeleton .skeleton-line{margin-top:8px}.skeleton-text{flex:1;align-content:center;gap:10px;min-width:0;display:grid}.skeleton-block{background:var(--skeleton);animation:1.4s ease-in-out infinite pulse;display:block}.detail-layout.skeleton .detail-poster{aspect-ratio:2/3;box-shadow:none}.detail-layout.skeleton .streams{border:0;min-height:320px}.history-item.skeleton .history-poster{background:var(--skeleton);animation:1.4s ease-in-out infinite pulse}.detail-more{flex-wrap:wrap;gap:6px;margin-top:-4px;display:flex}.detail-more:empty{display:none}.detail-episode{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;width:100%;max-width:640px;padding:10px 12px;display:flex}.detail-episode:empty{display:none}.detail-episode-text{min-width:0;display:grid}.detail-episode-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-episode-actions{flex-wrap:wrap;gap:6px;display:flex}.chip-link{transition:background .15s,color .15s}.chip-link:hover{background:var(--accent-soft);color:var(--text)}.credit-link{color:var(--text)}.credit-link:hover{color:var(--accent);text-decoration:underline}.episodes-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.shortcuts{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px;margin:0;display:grid}.shortcuts dd{color:var(--text-muted);margin:0}kbd{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-3);min-width:26px;color:var(--text);font:600 12px/1.5 var(--font);text-align:center;border-bottom-width:2px;padding:2px 8px;display:inline-block}@media (hover:none) and (pointer:coarse){.settings-section:has(.shortcuts){display:none}}@media (width<=640px){.filter-group{flex-wrap:wrap}.inpage-search{flex-basis:100%;max-width:none}.detail-more .btn{flex:auto}.history-actions .btn-icon{width:36px;height:36px}.episode-toggle{margin-right:6px}}.toasts{z-index:60;pointer-events:none;gap:6px;width:min(480px,100% - 32px);display:grid;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 14px;transition:opacity .4s}.toast.out{opacity:0}@media (width<=1100px){.detail-layout{grid-template-columns:minmax(0,1fr)}.streams{max-height:none;position:static}}@media (width<=640px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr) var(--tabbar-h);grid-template-areas:"top""content""rail"}.rail{border-right:0;border-top:1px solid var(--border);flex-direction:row;padding:0}.rail .brand{display:none}.nav-items{flex-direction:row;justify-content:space-around;gap:0;padding:4px}.nav-item{flex:1;gap:2px;min-width:0;padding:6px 2px;font-size:10px}.nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.topbar{gap:8px}.search{height:40px;padding:0 12px}.topbar .members,.room-badge{display:none}.page{gap:22px}.row-head h2{font-size:17px}.grid{gap:16px 10px}.detail-backdrop{height:360px}.detail-layout{padding-top:20px}.detail-hero{flex-direction:column;gap:16px}.detail-poster{width:110px}.detail-title{font-size:26px}.detail-logo{max-height:90px}.detail-actions .btn{flex:100%}.episode-main{grid-template-columns:112px minmax(0,1fr);gap:10px}.episode-overview{display:none}.history-item{grid-template-columns:48px minmax(0,1fr)}.history-actions{grid-column:1/-1;justify-content:flex-end}.stage.mode-mini{left:8px;right:8px;bottom:calc(var(--tabbar-h) + 8px);grid-template-rows:auto;grid-template-columns:112px minmax(0,1fr);width:auto}.stage.mode-mini>.video{width:112px}.stage.mode-mini>.overlay{display:none}.stage.mode-mini>.mini-bar{grid-area:1/2}.stage-top{padding:10px 12px 30px}.controls{padding:30px 12px 12px}.toasts{bottom:calc(var(--tabbar-h) + 90px)}}.room-open{position:relative}.room-open.has-items{color:var(--accent)}.stage .room-open.has-items{color:var(--on-media)}.room-count{border-radius:var(--radius-pill);background:var(--accent);min-width:18px;height:18px;color:var(--accent-fg);text-align:center;padding:0 5px;font-size:11px;line-height:18px}.room-count[hidden]{display:none}.member.host{box-shadow:0 0 0 2px var(--star);z-index:2}.member.host:after{content:"";background:var(--star);clip-path:polygon(0 100%,0 20%,28% 55%,50% 0,72% 55%,100% 20%,100% 100%);width:12px;height:9px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.room-dock{top:calc(var(--topbar-h) + 8px);z-index:55;pointer-events:none;gap:8px;width:min(360px,100% - 32px);display:grid;position:fixed;right:16px}.room-card{pointer-events:auto;border-radius:var(--radius);background:var(--bg-2);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow);align-items:center;gap:10px;padding:10px 12px;animation:.2s ease-out room-in;display:flex}.room-card-countdown,.room-card-request{border-color:var(--accent)}.room-card-text{flex:1;gap:2px;min-width:0;display:grid}.room-card-text strong{text-overflow:ellipsis;overflow:hidden}.room-card-sub{color:var(--text-muted);font-size:12px}.room-card-sub b,.room-card-text strong b{font-variant-numeric:tabular-nums;color:var(--accent)}.room-card-actions{gap:6px;display:flex}@keyframes room-in{0%{opacity:0;transform:translateY(-6px)}}.room-scrim{background:var(--scrim);z-index:69;position:fixed;inset:0}.room-scrim[hidden]{display:none}.room-sheet{z-index:70;background:var(--bg-2);width:min(420px,100%);color:var(--text);border-left:1px solid var(--border);box-shadow:var(--shadow);visibility:hidden;flex-direction:column;transition:transform .22s,visibility .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}.room-sheet.open{visibility:visible;transform:none}.room-sheet-inner{flex-direction:column;height:100%;min-height:0;display:flex}.room-sheet-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px 20px;display:flex}.room-sheet-head h2{font-size:18px}.room-sheet-body{align-content:start;gap:22px;padding:16px 20px 32px;display:grid;overflow-y:auto}.room-section{gap:10px;display:grid}.room-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:700}.room-hint,.room-empty{color:var(--text-muted);font-size:13px}.room-empty{border:1px dashed var(--border-strong);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:4px;padding:14px;display:flex}.room-ask{border-radius:var(--radius);background:var(--bg-3);gap:8px;padding:12px;display:grid}.room-ask-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-ask-seek{align-items:center;gap:6px;display:inline-flex}.room-seek-input{width:74px;padding-right:9px}.room-now{border-radius:var(--radius);background:var(--accent-soft);align-items:center;gap:12px;padding:10px;display:flex}.room-now-poster,.room-item-poster{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-3);flex:none;width:44px;height:64px;overflow:hidden}.room-item-poster img{object-fit:cover;width:100%;height:100%}.room-members,.room-queue{gap:6px;margin:0;padding:0;list-style:none;display:grid}.room-member{align-items:center;gap:10px;padding:8px 4px 4px;display:flex}.room-avatar{display:inline-grid;position:relative}.room-avatar .avatar{width:34px;height:34px}.room-avatar.host .avatar{box-shadow:0 0 0 2px var(--star)}.room-crown{width:16px;height:16px;color:var(--star);position:absolute;top:-12px;left:50%;transform:translate(-50%)}.room-member-text,.room-item-text{flex:1;gap:2px;min-width:0;display:grid}.room-member-name,.room-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.room-tag{border-radius:var(--radius-pill);background:var(--star);color:var(--bg);vertical-align:1px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700}.room-member-state{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.room-dot{background:var(--success);border-radius:50%;width:7px;height:7px}.state-loading .room-dot{background:var(--star);animation:1s ease-in-out infinite pulse}.state-browsing .room-dot{background:var(--text-faint)}.room-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);align-items:center;gap:10px;padding:8px;display:flex}.room-item.top{border-color:var(--accent)}.room-item.armed{background:var(--accent-soft)}.room-item-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.room-item-need{color:var(--accent);font-weight:600}.room-item-actions{flex:none;align-items:center;gap:4px;display:flex}.room-vote{font-variant-numeric:tabular-nums;gap:5px;padding:5px 10px}.room-vote.voted{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn-icon-sm{width:32px;height:32px;padding:0}.streams-extras{gap:8px;display:grid}@media (width<=640px){.room-dock{top:calc(var(--topbar-h) + 6px);width:auto;left:12px;right:12px}.room-open .btn-label{display:none}.room-sheet{border-left:0;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:86vh;top:auto;left:0;transform:translateY(105%)}.room-sheet-head{padding-top:18px;position:relative}.room-sheet-head:before{content:"";border-radius:var(--radius-pill);background:var(--border-strong);width:40px;height:4px;margin-left:-20px;position:absolute;top:7px;left:50%}.room-sheet-body{padding:14px 16px 28px}.room-item{flex-wrap:wrap}.room-item-actions{justify-content:flex-end;width:100%}}.room-tag-copilot{background:var(--accent-soft);color:var(--accent)}.room-member-tools{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:2px;max-width:55%;display:flex}.room-member-tools .btn{padding:4px 8px;font-size:12px}.room-kick:hover,.room-kick.armed{color:var(--danger)}.room-kick.armed{border-color:var(--danger)}.room-switch{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.room-switch input{accent-color:var(--accent);width:16px;height:16px}.room-card .room-avatar .avatar{width:30px;height:30px}.room-gate{z-index:75;width:min(440px,100% - 32px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.room-gate[hidden]{display:none}.room-gate-kicked,.room-gate-refused{background:var(--scrim);place-items:center;width:auto;padding:16px;display:grid;inset:0;transform:none}.room-gate-card{border-radius:var(--radius-lg);background:var(--bg-2);color:var(--text);border:1px solid var(--accent);box-shadow:var(--shadow);align-items:center;gap:14px;max-width:440px;padding:16px 18px;display:flex}.room-gate-card>div{flex:1;gap:4px;display:grid}.room-gate-kicked .room-gate-card,.room-gate-refused .room-gate-card{border-color:var(--danger)}.room-gate-kicked .room-gate-card>.icon,.room-gate-refused .room-gate-card>.icon{color:var(--danger)}@media (width<=640px){.room-gate{bottom:calc(var(--tabbar-h) + 12px)}.room-member{flex-wrap:wrap}.room-member-tools{justify-content:flex-start;width:100%;max-width:none;padding-left:44px}}
