:root{--bg:#0c0e13;--surface:#14171e;--surface-2:#1b1f28;--surface-3:#242935;--line:#ffffff12;--line-strong:#ffffff21;--text:#eef0f5;--muted:#9aa2b3;--subtle:#697184;--accent:#e5a00d;--accent-hover:#f3b331;--accent-text:#1a1300;--accent-soft:#e5a00d24;--ok:#3ecf8e;--ok-soft:#3ecf8e21;--warn:#f5a524;--bad:#f2555a;--bad-soft:#f2555a21;--r-sm:8px;--r-md:12px;--r-lg:16px;--h-sm:32px;--h-md:38px;--h-lg:46px;--shadow:0 16px 48px #00000080;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.25}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}p{margin:0}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.small{font-size:13px}.tiny{font-size:12px}.mono{font-variant-numeric:tabular-nums}.error{color:var(--bad)}.warn{color:var(--warn)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.nowrap{flex-wrap:nowrap}.row.tight{gap:6px}.spacer{flex:1}.stack{flex-direction:column;gap:14px;display:flex}.stack.tight{gap:8px}.stack.loose{gap:20px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.spin,.btn.busy svg{animation:.9s linear infinite spin}.center-self{align-self:center}@keyframes spin{to{transform:rotate(360deg)}}.app{max-width:1440px;margin:0 auto;padding:0 20px 40px}.topbar{align-items:center;gap:12px;height:64px;margin-bottom:8px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand .logo{width:28px;height:28px}.nav{align-items:center;gap:6px;display:flex}.nav a.btn:hover{text-decoration:none}.nav select{height:var(--h-sm);font-size:13px}.narrow{max-width:460px;margin:32px auto}.medium{max-width:640px;margin:24px auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.card-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.card-head h2{flex:1}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}.btn{height:var(--h-md);border-radius:var(--r-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:550;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .1s,opacity .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4}.btn svg{width:16px;height:16px}.btn.sm{height:var(--h-sm);border-radius:7px;gap:6px;padding:0 11px;font-size:13px}.btn.lg{height:var(--h-lg);border-radius:10px;padding:0 22px;font-size:15px}.btn.lg svg{width:18px;height:18px}.btn.block{width:100%}.btn.secondary{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--surface-3)}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{color:var(--text);background:0 0}.btn.ghost:hover:not(:disabled){background:#ffffff12}.btn.danger{color:var(--bad);background:0 0;border-color:#f2555a59}.btn.danger:hover:not(:disabled){background:var(--bad-soft)}.btn.active{color:var(--accent)}.icon-btn{width:var(--h-md);padding:0;position:relative}.icon-btn svg{width:18px;height:18px}.icon-btn.sm{width:var(--h-sm);padding:0}.icon-btn.sm svg{width:16px;height:16px}.icon-btn.lg{width:var(--h-lg);padding:0}.icon-btn.lg svg{width:22px;height:22px}.icon-btn.danger{color:var(--muted);border-color:#0000}.icon-btn.danger:hover:not(:disabled){color:var(--bad)}input,select,textarea{font:inherit;color:var(--text);margin:0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{height:var(--h-md);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-sm);min-width:0;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--subtle)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=file]{color:var(--muted);max-width:100%;font-size:13px}input[type=file]::file-selector-button{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);height:var(--h-sm);cursor:pointer;border-radius:7px;margin-right:10px;padding:0 11px;font-weight:550}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:linear-gradient(to right, #fff var(--fill), #ffffff38 var(--fill));border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}input[type=range]:focus{box-shadow:none;outline:none}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.switch-row{min-height:40px;color:var(--text);cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;gap:14px;font-size:14px;font-weight:400;display:flex}.switch-row.disabled{opacity:.5;cursor:default}.switch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.switch-text .hint{color:var(--muted);font-size:12px;line-height:1.45}.switch{appearance:none;cursor:pointer;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:999px;flex-shrink:0;width:36px;height:20px;margin:0;transition:background .15s,border-color .15s;position:relative}.switch:before{content:"";width:14px;height:14px;transition:transform .18s var(--ease), background .15s;background:#c4cad6;border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:before{background:#fff;transform:translate(16px)}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{min-width:34px;height:28px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:550;transition:background .15s,color .15s;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #00000059}.badge{height:20px;color:var(--muted);white-space:nowrap;background:#ffffff12;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.badge svg{width:12px;height:12px}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.count{min-width:18px;height:18px;color:var(--muted);background:#ffffff1a;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.count.accent{background:var(--accent);color:var(--accent-text)}.dot{background:var(--subtle);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.bar{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden}.bar>div{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}kbd{text-align:center;background:var(--surface-2);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;min-width:26px;padding:3px 7px;font-family:inherit;font-size:12px;font-weight:600;display:inline-block}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid;position:relative}.avatar .status{border:2px solid var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.avatar .status.ok{background:var(--ok)}.avatar .status.warn{background:var(--warn)}.avatar .status.bad{background:var(--bad)}.notice{color:var(--warn);background:#f5a5241a;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.notice.bad{background:var(--bad-soft);color:var(--bad)}.notice svg{width:16px;height:16px;margin-top:2px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050609b3;justify-content:center;align-items:flex-start;padding:40px 16px;animation:.15s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:520px;box-shadow:var(--shadow);animation:pop .18s var(--ease);padding:0}.modal.wide{max-width:1120px}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 14px 14px 20px;display:flex}.modal-head h2{flex:1}.modal-body{padding:20px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.985)}}table.keys{border-collapse:collapse;width:100%}table.keys td{border-top:1px solid var(--line);padding:7px 0;font-size:14px}table.keys tr:first-child td{border-top:0}table.keys td:first-child{width:120px}.dash{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.status-list{flex-direction:column;gap:12px;font-size:14px;display:flex}.status-line{align-items:center;gap:10px;min-width:0;display:flex}.status-line span:last-child{overflow-wrap:anywhere;min-width:0}.new-room{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.room-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.room-row{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:14px;padding:12px 12px 12px 14px;transition:border-color .15s;display:flex}.room-row:hover{border-color:var(--line-strong)}.room-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.room-icon svg{width:20px;height:20px}.room-info{flex:1;min-width:0}.room-info .name{font-weight:600}.room-info .meta{color:var(--muted);font-size:13px}.room-actions{align-items:center;gap:6px;display:flex}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:28px 16px}.room{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.main-col{flex-direction:column;gap:16px;min-width:0;display:flex}.now{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.now-text{flex:1;min-width:0}.now-text h1{font-size:20px}.now-text .sub{color:var(--muted);margin-top:2px;font-size:14px}.media-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;display:inline-flex}.chip svg{width:14px;height:14px}.player{border-radius:var(--r-lg);border:1px solid var(--line);background:#000;position:relative;overflow:clip}.player .stage{background:#000;position:relative}.player video{aspect-ratio:16/9;background:#000;width:100%;display:block}.player.is-fullscreen{border:0;border-radius:0}.player.is-fullscreen .stage{position:absolute;inset:0}.player.is-fullscreen video{aspect-ratio:auto;width:100%;height:100%}.player.is-fullscreen.idle{cursor:none}.controls{background:#0a0b0f;flex-direction:column;gap:2px;padding:4px 10px 8px;display:flex;position:relative}.player.is-fullscreen .controls{z-index:8;background:linear-gradient(#0000,#00000073 45%,#000000e0);padding:48px 20px 14px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.player.is-fullscreen.idle .controls{opacity:0;pointer-events:none}.ctl-row{align-items:center;gap:2px;min-width:0;display:flex}.controls .icon-btn{color:#fff;border-radius:10px;width:40px;height:40px}.controls .icon-btn svg{width:22px;height:22px}.controls .icon-btn:hover:not(:disabled){background:#ffffff1a}.controls .icon-btn.active{color:var(--accent)}.controls .icon-btn:focus-visible{outline-offset:-2px}.controls .icon-btn .num{letter-spacing:-.02em;pointer-events:none;place-items:center;padding-top:1px;font-size:8px;font-weight:800;display:grid;position:absolute;inset:0}.time{color:#ffffffe6;white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 10px;font-size:13px}.time .total{color:#ffffff80}.chapter-name{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.volume-group{align-items:center;display:flex}.volume-group input{width:84px;margin:0 8px 0 2px}.seek{cursor:pointer;touch-action:none;height:22px;margin:0 6px;position:relative}.seek.disabled{cursor:default}.seek .rail{background:#ffffff29;border-radius:999px;height:4px;margin-top:-2px;transition:height .12s,margin-top .12s;position:absolute;top:50%;left:0;right:0;overflow:hidden}.seek:hover .rail,.seek.dragging .rail{height:6px;margin-top:-3px}.seek .rail>div{position:absolute;top:0;bottom:0}.seek .ready{background:#ffffff29}.seek .buffered{background:#ffffff61}.seek .played{background:var(--accent);left:0}.seek .tick{background:#000000b3;width:2px}.seek .marker{opacity:.85;background:#6d7cff;border-radius:2px;height:3px;position:absolute;top:calc(50% + 5px)}.seek .marker.credits{background:#b26bff}.seek .knob{background:var(--accent);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:transform .12s;position:absolute;top:50%;transform:scale(0);box-shadow:0 0 0 4px #e5a00d40}.seek:hover .knob,.seek.dragging .knob{transform:scale(1)}.seek.disabled .knob{display:none}.seek .hover{white-space:nowrap;pointer-events:none;border:1px solid var(--line-strong);background:#0f1116f2;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:24px;transform:translate(-50%)}.banner{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-strong);background:#0c0e13d1;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.banner svg{width:16px;height:16px;color:var(--accent)}.banner.second{top:60px}.overlay{z-index:6;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000009e;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.countdown{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown span{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:132px;height:132px;animation:pop .3s var(--ease);background:#00000073;border:2px solid #ffffff40;border-radius:50%;place-items:center;font-size:64px;font-weight:750;display:grid}.float-br{z-index:6;transition:bottom .25s;position:absolute;bottom:20px;right:20px}.btn.skip{color:#0c0e13;background:#fffffff0;border-color:#0000;box-shadow:0 8px 24px #00000073}.btn.skip:hover:not(:disabled){background:#fff}.upnext{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:300px;max-width:calc(100% - 40px);box-shadow:var(--shadow);background:#14171ef2;flex-direction:column;gap:10px;padding:16px;display:flex}.upnext .title{font-size:15px;font-weight:650}.stats{z-index:7;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#000000c7;border-radius:10px;padding:10px 12px;font-size:12px;position:absolute;top:14px;left:14px}.stats td{padding:2px 14px 2px 0}.stats td:first-child{color:var(--muted)}.fs-chat{z-index:9;width:min(420px,70%);transition:bottom .25s;position:absolute;bottom:20px;left:20px}.fs-chat input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;background:#0c0e13e6!important}.player.is-fullscreen:not(.idle) .float-br,.player.is-fullscreen:not(.idle) .fs-chat{bottom:calc(var(--controls-h,100px) + 12px)}.subs{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:0 5%;transition:bottom .25s;display:flex;position:absolute;bottom:6%;left:0;right:0}.subs.raised{bottom:18%}.player.is-fullscreen:not(.idle) .subs{bottom:max(6%, calc(var(--controls-h,100px) + 10px))}.player.is-fullscreen:not(.idle) .subs.raised{bottom:max(18%, calc(var(--controls-h,100px) + 10px))}.sub-line{color:#fff;text-align:center;white-space:pre-line;text-shadow:0 0 3px #000,0 0 3px #000,1px 1px 2px #000;border-radius:4px;padding:2px 10px;line-height:1.3}.sub-line.secondary{color:#ffe9a8}.danmaku{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.bullet{white-space:nowrap;color:#fff;text-shadow:0 0 3px #000,1px 1px 2px #000;font-size:20px;font-weight:600;animation-name:bullet;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;left:100%}@keyframes bullet{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 100%))}}.floating{pointer-events:none;font-size:32px;animation:2.4s ease-out forwards float;position:absolute;bottom:60px}@keyframes float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-160px)}}.menu{z-index:10;overscroll-behavior:contain;cursor:default;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-strong);width:340px;max-width:calc(100% - 24px);max-height:min(100% - 24px,100dvh - 24px);box-shadow:var(--shadow);animation:pop .14s var(--ease);scrollbar-width:thin;background:#14171ef7;border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:12px;right:12px;overflow-y:auto}.player.is-fullscreen .menu{bottom:calc(var(--controls-h,100px) + 8px);max-height:calc(100% - var(--controls-h,100px) - 24px)}.menu-title{padding:8px 10px 6px}.menu-head{border-bottom:1px solid var(--line);align-items:center;gap:4px;margin-bottom:4px;padding:0 0 6px;display:flex}.menu-head .btn{justify-content:flex-start;padding:0 8px 0 4px;font-size:14px;font-weight:650}.menu-row{text-align:left;width:100%;min-height:42px;color:var(--text);border-radius:9px;align-items:center;gap:12px;padding:8px 10px;font-size:14px;transition:background .12s;display:flex}button.menu-row:hover{background:#ffffff0f}.menu-row>svg{width:18px;height:18px;color:var(--muted)}.menu-row .label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.menu-row .hint{color:var(--muted);font-size:12px;line-height:1.4}.menu-row .value{color:var(--muted);align-items:center;gap:2px;max-width:50%;font-size:13px;display:flex}.menu-row .value span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-row .value svg{width:16px;height:16px}.menu-row .check{width:18px;height:18px;color:var(--accent)}.menu-row .check.off{visibility:hidden}.menu .switch-row{border-radius:9px;min-height:42px;padding:4px 10px}.menu .switch-row:hover{background:#ffffff0a}.menu-block{flex-direction:column;gap:8px;padding:6px 10px 10px;font-size:13px;display:flex}.menu-field{justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:4px 10px;font-size:14px;display:flex}.menu .sep{background:var(--line);flex-shrink:0;height:1px;margin:4px 6px}.stepper{align-items:center;gap:2px;display:inline-flex}.stepper .value{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-size:13px}.swatch{background-image:linear-gradient(var(--shade), var(--shade)), repeating-conic-gradient(#d9dce3 0 25%, #8a90a0 0 50%);background-size:auto,8px 8px;border:1px solid #ffffff4d;border-radius:4px;width:16px;height:16px}.lobby-stage{aspect-ratio:16/9;text-align:center;background:radial-gradient(at 50% 0,#e5a00d29,#0000 60%),radial-gradient(circle at 50% 120%,#1d2230,#08090c 70%);place-items:center;padding:28px;display:grid}.lobby-content{flex-direction:column;align-items:center;gap:16px;max-width:520px;display:flex}.lobby-content h1{font-size:28px}.lobby-when{flex-direction:column;align-items:center;gap:4px;display:flex}.lobby-when .big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:750}.side{flex-direction:column;gap:14px;min-width:0;padding:12px;display:flex;position:sticky;top:16px}.side-tabs{background:var(--bg);border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;display:grid}.side-tabs button{min-width:0;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.side-tabs button svg{width:16px;height:16px}.side-tabs button:hover{color:var(--text)}.side-tabs button.on{background:var(--surface-3);color:var(--text)}.side-body{min-width:0;padding:0 4px 4px}.chat{flex-direction:column;gap:10px;height:520px;display:flex}.msgs{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.msg{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.msg .who{margin-right:6px;font-weight:650}.msg .reaction{vertical-align:-3px;font-size:22px;line-height:1}.msg.sys{text-align:center;max-width:100%;color:var(--subtle);align-self:center;font-size:12px}.composer{gap:8px;display:flex}.composer input{flex:1}.reactions{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.reactions button{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;height:36px;font-size:18px;line-height:1;transition:background .15s,transform .1s}.reactions button:hover{background:var(--surface-3)}.reactions button:active{transform:scale(.92)}.queue-item{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:10px;padding:10px 8px 10px 12px;display:flex}.queue-item.current{background:linear-gradient(90deg, var(--accent-soft), var(--surface-2) 70%);border-color:#e5a00d59}.queue-item .info{flex:1;min-width:0}.queue-item .title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.queue-item .meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.queue-item .actions{gap:0;display:flex}.queue-item .actions .icon-btn{width:30px;height:30px}.queue-item .actions .icon-btn svg{width:16px;height:16px}.people{flex-direction:column;gap:4px;display:flex}.person{border-radius:10px;align-items:center;gap:10px;padding:8px 4px;display:flex}.person-body{flex:1;min-width:0}.person .name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.person .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.person .stats-line{color:var(--subtle);font-variant-numeric:tabular-nums;font-size:12px}.host-panel{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.switch-list{flex-direction:column;display:flex}.switch-list .switch-row{min-height:38px;font-size:13.5px}.lib-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pills{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.pill{height:32px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.pill:hover{color:var(--text)}.pill.on{background:var(--text);color:var(--bg);border-color:var(--text)}.search{align-items:center;display:flex;position:relative}.search svg{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;left:11px}.search input{width:260px;padding-left:34px!important}.crumbs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.crumbs strong{font-size:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px;display:grid}.poster{text-align:left;color:inherit;min-width:0;display:block}.poster .img{aspect-ratio:2/3;background:var(--surface-2);border:1px solid var(--line);color:var(--subtle);transition:transform .15s var(--ease), box-shadow .15s, border-color .15s;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.poster .img svg{width:28px;height:28px}.poster img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.poster:hover .img,.poster:focus-visible .img{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 28px #0000008c}.poster:focus-visible{outline:none}.poster .t{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:13px;font-weight:600;overflow:hidden}.poster .s{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.poster .progress{background:var(--accent);height:4px;position:absolute;bottom:0;left:0}.ep-list{flex-direction:column;gap:6px;display:flex}.ep-row{border-radius:var(--r-md);text-align:left;background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:14px;width:100%;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.ep-row:hover{border-color:var(--line-strong);background:var(--surface-3)}.ep-row .num{color:var(--muted);font-variant-numeric:tabular-nums;width:30px;font-size:13px}.ep-row .ep-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.details{grid-template-columns:200px minmax(0,1fr);gap:24px;display:grid}.details .cover{border-radius:12px;width:100%;display:block}.details h2{font-size:22px}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);padding:14px 16px}.tile .label{color:var(--muted);font-size:12px;font-weight:500}.tile .value{letter-spacing:-.01em;margin-top:2px;font-size:24px;font-weight:700}table.plain{border-collapse:collapse;width:100%;font-size:13px}table.plain td{border-top:1px solid var(--line);padding:9px 12px 9px 0}table.plain tr:first-child td{border-top:0}@media (width<=1100px){.room,.dash{grid-template-columns:minmax(0,1fr)}.side{position:static}}@media (width<=720px){.app{padding:0 12px 28px}.topbar{height:56px}.nav .label{display:none}.card{padding:16px}.new-room{grid-template-columns:minmax(0,1fr)}.room-row{flex-wrap:wrap}.room-actions{width:100%}.room-actions .btn:not(.icon-btn){flex:1}.details{grid-template-columns:minmax(0,1fr)}.details .cover{max-width:180px}.search,.search input{width:100%}.chat{height:380px}.volume-group input,.chapter-name,.kbd-help{display:none}.controls{padding:2px 4px 6px}.controls .icon-btn{width:38px;height:38px}.controls .icon-btn svg{width:20px;height:20px}.time{padding:0 4px;font-size:12px}.countdown span{width:96px;height:96px;font-size:44px}.lobby-stage{aspect-ratio:auto;min-height:340px}.lobby-content h1{font-size:22px}.float-br{bottom:12px;right:12px}.menu,.player.is-fullscreen .menu{width:auto;max-width:none;max-height:min(70vh,520px);position:fixed;bottom:8px;left:8px;right:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.tile .value{white-space:nowrap;font-size:19px}}@media (hover:none){.seek .knob{transform:scale(1)}.kbd-help{display:none}}