@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2)format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060811;--surface:#0b0f1d;--surface-2:#10162a;--surface-3:#172040;--border:#6080ff2e;--line:#6e91ff47;--line-strong:#82a5ff8c;--text:#e3e8ff;--muted:#8e9ac4;--faint:#616c96;--accent:#2147c4;--accent-hover:#2b58e0;--accent-bright:#4d7dff;--accent-fg:#93b2ff;--accent-text:#fff;--glow:77 125 255;--glow-soft:0 0 18px rgb(var(--glow) / .35);--glow-strong:0 0 24px rgb(var(--glow) / .6), 0 0 2px rgb(var(--glow) / .9);--danger:#ef5560;--ok:#3ee0a0;--warn:#f5b13d;--focus:#93b2ff;--overlay:#090c1af0;--radius:6px;--radius-lg:10px;--font:"Nunito", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bebas Neue", "Nunito", ui-sans-serif, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:500 15px/1.5 var(--font);flex-direction:column;display:flex}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.topbar .brand{font:400 23px/1 var(--font-display);letter-spacing:.03em;color:#fff;flex:none;align-items:center;gap:10px;display:flex}.topbar .brand img{border-radius:6px;width:28px;height:28px}.topbar .file-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.topbar .actions{gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);cursor:pointer;padding:7px 14px;font-weight:700;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-3);border-color:var(--faint)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:default}main{flex-direction:column;flex:1;min-height:0;display:flex}.start{width:min(720px,100%);margin:0 auto;padding:56px 24px 40px}.start h1{color:#fff;letter-spacing:-.01em;margin:0 0 10px;font-size:28px;font-weight:800;line-height:1.2}.start .lede{max-width:60ch;color:var(--muted);margin:0;font-size:16px}.start p{margin:0 0 12px}.start-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 8px;display:flex}.start-actions .muted{font-size:14px}.file-line{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:12px;padding:10px 12px;font-weight:700;display:flex;margin:4px 0 14px!important}.file-line .muted{white-space:nowrap;font-size:14px;font-weight:500}.start .check{margin-top:14px;font-size:14px}.steps{border-top:1px solid var(--border);margin:40px 0 0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 0;display:flex}.steps strong{color:var(--text)}.steps span{color:var(--muted);font-size:14px}.footnote{color:var(--faint);font-size:13px;margin-top:20px!important}.footnote kbd{font-size:11px}.drop-overlay{z-index:200;pointer-events:none;background:#0b0d12e0;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay:before{content:"";border:2px dashed var(--accent-bright);border-radius:var(--radius-lg);position:absolute;inset:12px}.drop-overlay span{color:#fff;font-size:20px;font-weight:800}.notice{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--warn) 14%, var(--surface));margin:0;padding:8px 16px;font-size:14px}.scan-progress{background:var(--accent-bright);width:0;height:2px;transition:width .2s,opacity .4s}.player{color:#fff;-webkit-user-select:none;user-select:none;background:#000;outline:none;flex:1;min-height:0;position:relative;overflow:hidden}.player video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.sub-layer{pointer-events:none;transform-origin:50% 100%;transform:scale(var(--sub-scale,1));transition:transform .2s;position:absolute;inset:0}.player:not(.idle) .sub-layer{transform:translateY(-64px) scale(var(--sub-scale,1))}.sub-layer .sub-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player.windowed{z-index:100;position:fixed;inset:0}body.windowed-active{overflow:hidden}.player.idle{cursor:none}.player.idle .controls{opacity:0;pointer-events:none;transform:translateY(8px)}.controls{background:linear-gradient(#0000,#000000bf);padding:28px 16px 10px;transition:opacity .2s,transform .2s;position:absolute;bottom:0;left:0;right:0}.bar{align-items:center;gap:6px;display:flex}.spacer{flex:1}.time{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px;font-size:14px}.icon-btn{border-radius:var(--radius);color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{background:#ffffff1f}.icon-btn.active{color:var(--accent-fg)}.icon{fill:currentColor;width:22px;height:22px}.volume-group{align-items:center;display:flex}.volume{accent-color:#fff;width:90px}.seek{cursor:pointer;touch-action:none;align-items:center;height:18px;display:flex;position:relative}.seek-track{background:#fff3;border-radius:2px;width:100%;height:4px;transition:height .1s;position:relative;overflow:hidden}.seek:hover .seek-track{height:6px}.seek-buffered,.seek-fill{position:absolute;inset:0 auto 0 0}.seek-buffered{width:100%}.seek-buffered-range{background:#ffffff4d;position:absolute;top:0;bottom:0}.seek-fill{background:var(--accent-bright);width:0}.seek-chapters{pointer-events:none;position:absolute;inset:0}.seek-chapter{background:#000c;width:3px;margin-left:-1px;position:absolute;top:6px;bottom:6px}.seek-tip{border-radius:var(--radius);white-space:nowrap;pointer-events:none;background:#000000d9;padding:3px 8px;font-size:13px;position:absolute;bottom:22px;transform:translate(-50%)}.player.is-guest .seek{cursor:default}.player.is-guest .seek-fill{background:#fff}.osd{opacity:0;pointer-events:none;background:#000000a6;border-radius:10px;padding:10px 18px;font-size:18px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.osd.visible{opacity:1}.banner{background:#000000bf;border-radius:999px;max-width:calc(100% - 32px);padding:8px 16px;font-size:14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.banner[data-tone=warn]{background:color-mix(in srgb, var(--warn) 85%, #000);color:#000}.toasts{z-index:2;flex-direction:column;gap:8px;max-width:min(360px,100% - 32px);display:flex;position:absolute;top:16px;right:16px}.toast{background:var(--overlay);border-radius:var(--radius);border:1px solid #ffffff1f;padding:10px 14px;font-size:14px}.toast-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.toast-actions button{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #fff3;padding:4px 12px}.toast-actions button.primary{background:var(--accent);border-color:var(--accent);font-weight:700}.toast-actions button.primary:hover{background:var(--accent-hover)}.menu-anchor{position:relative}.menu{background:var(--overlay);border-radius:var(--radius);border:1px solid #ffffff1f;min-width:260px;max-height:60vh;padding:6px;position:absolute;bottom:46px;right:0;overflow:auto}.menu-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 10px;font-size:12px}.menu-item{text-align:left;border-radius:var(--radius);cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:12px;width:100%;padding:7px 10px;display:flex}.menu-item:disabled{opacity:.5;cursor:default}.menu-item[aria-checked=true]{color:var(--accent-fg);font-weight:700}.menu-item small{color:var(--faint);font-weight:500}.menu-sep{background:#ffffff1a;height:1px;margin:6px 4px}.menu-row{align-items:center;gap:8px;padding:4px 10px;display:flex}.menu-row>span:first-child{flex:1}.menu-row .delay{text-align:center;font-variant-numeric:tabular-nums;min-width:70px}.mini{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #fff3;padding:2px 10px}.help{z-index:3;background:#0009;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.help-card{background:var(--overlay);border-radius:var(--radius-lg);border:1px solid #ffffff1f;width:min(560px,100%);max-height:100%;padding:16px 20px;overflow:auto}.help-head{justify-content:space-between;align-items:center;display:flex}.help-head h2,.dialog-body h2,.settings-head h2{color:#fff;margin:0;font-size:20px;font-weight:800}.help-head-actions{gap:8px;display:flex}.help-grid{grid-template-columns:1fr;gap:2px;margin-top:12px;display:grid}.help-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:16px;padding:5px 0;font-size:14px;display:flex}.help-row .keys{gap:4px;display:flex}kbd{background:#ffffff1a;border:1px solid #ffffff26;border-radius:5px;padding:4px 7px;font:12px/1 ui-monospace,monospace}@media (width<=560px){.volume{display:none}.time{font-size:12px}.icon-btn{width:34px;height:34px}.menu{min-width:0;position:fixed;bottom:64px;left:16px;right:16px}}@media (width>=760px){.help-card{width:min(760px,100%)}.help-grid{grid-template-columns:1fr 1fr;column-gap:28px}}.muted{color:var(--muted)}.join-form{flex-wrap:wrap;align-items:flex-end;gap:8px;max-width:420px;margin-top:24px;display:flex}.join-form .field{flex:1;min-width:180px}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.text{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px}.file-pill{background:var(--surface-2);border-radius:var(--radius);overflow-wrap:anywhere;align-items:baseline;gap:10px;max-width:100%;padding:6px 12px;display:inline-flex}.file-pill small{color:var(--muted);white-space:nowrap}.dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);width:min(400px,100% - 32px);padding:0}.dialog::backdrop{background:#00000080}.dialog-body{flex-direction:column;gap:14px;padding:20px;display:flex}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.room-anchor{position:relative}.room-btn{align-items:center;gap:8px;display:inline-flex}.room-btn .count{background:var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 7px;font-size:12px}.conn-dot{background:var(--warn);border-radius:50%;width:8px;height:8px}.conn-dot.on{background:var(--ok)}.room-panel{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(380px,100vw - 32px);padding:6px 16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.room-panel section{border-bottom:1px solid var(--border);padding:12px 0}.room-panel section:last-child{border-bottom:0}.room-panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:12px}.room-panel .hint{color:var(--muted);margin:0 0 8px;font-size:13px}.share-row{gap:8px;display:flex}.share-input{min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:6px 8px;font:13px ui-monospace,monospace}.people{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.people li{align-items:baseline;gap:8px;display:flex}.people .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.people .role{color:var(--accent-fg);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.people .status{color:var(--muted);margin-left:auto;font-size:13px}.people .s-buffering,.people .s-lost{color:var(--warn)}.people .s-error{color:var(--danger)}.people .drift{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:56px;font-size:12px}.check{cursor:pointer;align-items:flex-start;gap:10px;padding:4px 0;display:flex}.check input{margin-top:4px}.check small{color:var(--muted);font-size:12px;display:block}.leave{justify-content:flex-end;display:flex}@media (width<=560px){.topbar{flex-wrap:wrap;gap:8px 10px;padding:8px 12px}.topbar .file-name{flex-basis:100%;order:3}.topbar .actions{margin-left:auto}.start{padding:32px 16px}}@media (width<=440px){.topbar .wordmark{display:none}}.people .progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.settings-btn{flex:none;place-items:center;width:34px;height:34px;padding:5px;display:grid}.settings-btn .icon{width:20px;height:20px}.dialog.settings{width:min(640px,100% - 32px);max-height:min(760px,100dvh - 32px)}.dialog.settings[open]{flex-direction:column;display:flex}.settings-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.settings-body{overscroll-behavior:contain;padding:0 20px;overflow:auto}.settings-body>section{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:16px 0;display:flex}.settings-body>section:last-child{border-bottom:0}.settings-body h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:12px}.settings-body .hint{color:var(--muted);margin:0;font-size:13px}.set-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.set-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.set-row>span:first-child{flex:200px}.set-row small{color:var(--muted);font-size:12px;display:block}.set-range{align-items:center;gap:8px;display:flex}.set-range input{width:160px;accent-color:var(--accent-bright)}.set-range output{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:13px}.set-unit{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.text.num{text-align:right;font-variant-numeric:tabular-nums;width:96px}.set-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.set-pair .field,.settings .field .text{min-width:0}.set-buttons{flex-wrap:wrap;gap:8px;display:flex}.set-notice{color:var(--muted);min-height:0;margin:0;font-size:13px}.set-notice:empty{display:none}.set-notice.warn{color:var(--warn)}.set-notice.ok{color:var(--ok)}.text[aria-invalid=true]{border-color:var(--danger)}.settings .mini{border-color:var(--border);color:var(--text);padding:3px 10px;font-size:13px}.settings .mini:hover:not(:disabled){border-color:var(--muted)}.settings .mini:disabled{opacity:.4;cursor:default}.settings .mini[aria-pressed=true]{border-color:var(--accent-fg);color:var(--accent-fg)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.set-details summary{cursor:pointer;margin-left:16px;list-style-position:outside}.set-details summary h3{display:inline}.set-details[open]{flex-direction:column;gap:10px;display:flex}.kb-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kb-row{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;padding:6px 0;font-size:14px;display:grid}.kb-row:last-child{border-bottom:0}.kb-row.capturing{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:var(--radius)}.kb-keys{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.kb-chip{align-items:center;gap:1px;display:inline-flex}.settings kbd{background:var(--surface-2);border-color:var(--border);color:var(--text)}.kb-chip.conflict kbd{border-color:var(--warn);color:var(--warn)}.kb-chip.replacing kbd{opacity:.6;text-decoration:line-through}.kb-x{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;width:20px;height:22px;padding:0;line-height:1}.kb-x:hover{color:var(--text);background:var(--surface-2)}.kb-none{color:var(--muted);font-size:12px;font-style:italic}.kb-capture{color:var(--accent-fg);font-size:13px;font-weight:700}.kb-actions{gap:4px;display:flex}@media (width<=560px){.dialog.settings{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.settings-head,.settings-body{padding-left:16px;padding-right:16px}.kb-row{grid-template-columns:minmax(0,1fr) auto}.kb-label{grid-column:1/-1}.kb-keys{justify-content:flex-start}.set-pair{grid-template-columns:1fr}.set-range input{width:120px}}body{background:radial-gradient(900px 600px at 12% -10%, #3646be38, transparent 65%), radial-gradient(800px 600px at 95% 110%, #5c34c824, transparent 60%), radial-gradient(1200px 800px at 50% 50%, #14205a2e, transparent 70%), var(--bg);background-attachment:fixed}:focus-visible{outline:1px solid var(--accent-fg);outline-offset:2px;box-shadow:var(--glow-soft)}.topbar{border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgb(var(--glow) / .08), 0 8px 30px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#090c1ad1;position:relative}.topbar .brand{text-shadow:0 0 14px rgb(var(--glow) / .55)}.topbar .brand img{filter:drop-shadow(0 0 6px rgb(var(--glow) / .6))}.btn{border-color:var(--line);background:#10162acc;transition:background .15s,border-color .15s,box-shadow .2s}.btn:hover{background:var(--surface-3);border-color:var(--line-strong);box-shadow:var(--glow-soft)}.btn.primary{box-shadow:inset 0 1px 0 #ffffff1f, 0 0 16px rgb(var(--glow) / .4);text-shadow:0 0 8px #aac3ff66;background:linear-gradient(#2b56da,#1d3eb0);border-color:#8caaff8c}.btn.primary:hover{box-shadow:inset 0 1px 0 #ffffff26, var(--glow-strong);background:linear-gradient(#3463ee,#2349c4);border-color:#aac3ffcc}.text,.share-input{border-color:var(--line);background:#060914b3;transition:border-color .15s,box-shadow .2s}.text:focus,.share-input:focus{border-color:var(--accent-fg);box-shadow:0 0 0 3px rgb(var(--glow) / .15), var(--glow-soft);outline:none}.start h1{background:linear-gradient(90deg,#fff 0%,#c4d3ff 55%,#8fb0ff 100%);color:#0000;filter:drop-shadow(0 0 18px rgb(var(--glow) / .35));-webkit-background-clip:text;background-clip:text}.file-line{border-color:var(--line);box-shadow:inset 0 0 22px rgb(var(--glow) / .06), var(--glow-soft);background:#0c1122bf}.steps,.steps li{border-color:var(--line)}.steps li{padding-left:16px;position:relative}.steps li:before{content:"";background:var(--accent-fg);width:6px;height:6px;box-shadow:0 0 10px 2px rgb(var(--glow) / .7);border-radius:50%;position:absolute;top:16px;left:0}.drop-overlay{background:#060811e6}.drop-overlay:before{border-color:var(--accent-bright);box-shadow:inset 0 0 60px rgb(var(--glow) / .25), 0 0 30px rgb(var(--glow) / .35)}.drop-overlay span{text-shadow:0 0 20px rgb(var(--glow) / .8)}.scan-progress{background:var(--accent-bright);box-shadow:0 0 10px rgb(var(--glow) / .9)}.room-panel,.menu,.toast,.help-card,.dialog{border:1px solid var(--line);box-shadow:0 0 0 1px rgb(var(--glow) / .06), 0 18px 50px #0000008c, 0 0 40px rgb(var(--glow) / .12)}.room-panel,.dialog{background:#0a0e1ef7}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050eb3}.room-panel section,.settings-head,.settings-body>section{border-color:var(--line)}.menu-item[aria-checked=true]{text-shadow:0 0 10px rgb(var(--glow) / .7)}.menu-item:hover:not(:disabled){background:rgb(var(--glow) / .12)}.toast-actions button{border-color:var(--line)}.toast-actions button.primary{box-shadow:0 0 14px rgb(var(--glow) / .5);border-color:#8caaff8c}kbd{border-color:var(--line);box-shadow:0 0 8px rgb(var(--glow) / .15)}.room-btn .count{background:rgb(var(--glow) / .15);border:1px solid var(--line)}.conn-dot.on{box-shadow:0 0 8px 1px #3ee0a0cc}.conn-dot:not(.on){box-shadow:0 0 8px 1px #f5b13db3}.people .role{text-shadow:0 0 8px rgb(var(--glow) / .6)}.seek-fill{background:linear-gradient(90deg, #2a55e0, var(--accent-bright));box-shadow:0 0 10px rgb(var(--glow) / .9)}.seek-track{overflow:visible}.seek-buffered{border-radius:2px;overflow:hidden}.icon-btn:hover{background:rgb(var(--glow) / .16);box-shadow:0 0 14px rgb(var(--glow) / .35)}.icon-btn.active{color:var(--accent-fg);filter:drop-shadow(0 0 6px rgb(var(--glow) / .9))}.osd,.banner,.seek-tip{border:1px solid var(--line);box-shadow:0 0 24px rgb(var(--glow) / .2)}.volume{accent-color:var(--accent-bright)}.playlist{z-index:3;border:1px solid var(--line);border-radius:var(--radius-lg);width:min(360px,100% - 24px);box-shadow:0 18px 50px #0000008c, 0 0 40px rgb(var(--glow) / .14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090c1af0;flex-direction:column;display:flex;position:absolute;top:12px;bottom:76px;right:12px}.pl-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 12px 10px 16px;display:flex}.pl-head h2{color:#fff;flex:1;margin:0;font-size:16px;font-weight:800}.pl-count{color:var(--accent-fg);background:rgb(var(--glow) / .15);border:1px solid var(--line);vertical-align:2px;border-radius:999px;margin-left:4px;padding:0 7px;font-size:12px;font-weight:700}.pl-close{color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:20px;line-height:1}.pl-close:hover{color:#fff;background:rgb(var(--glow) / .15)}.pl-list{flex:1;margin:0;padding:6px;list-style:none;overflow:auto}.pl-item{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:22px minmax(0,1fr) auto auto;grid-template-areas:"num title meta actions";align-items:center;column-gap:8px;padding:7px 8px;display:grid}.pl-item:hover{background:rgb(var(--glow) / .08)}.pl-item.current{background:rgb(var(--glow) / .14);border-color:var(--line-strong);box-shadow:inset 0 0 18px rgb(var(--glow) / .12), 0 0 14px rgb(var(--glow) / .2)}.pl-num{color:var(--faint);font-variant-numeric:tabular-nums;text-align:right;grid-area:num;font-size:12px}.pl-item.current .pl-num{color:var(--accent-fg);text-shadow:0 0 8px rgb(var(--glow) / .8)}.pl-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:inherit;color:var(--text);text-align:left;background:0 0;border:0;grid-area:title;padding:0;font-size:14px;overflow:hidden}button.pl-title{cursor:pointer}button.pl-title:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:rgb(var(--glow) / .6);text-decoration-color:rgb(var(--glow) / .6)}.pl-item.current .pl-title{color:#fff;font-weight:700}.pl-item.missing .pl-title{color:var(--faint)}.pl-meta{color:var(--faint);white-space:nowrap;grid-area:meta;font-size:12px}.pl-item.current .pl-meta{color:var(--accent-fg)}.pl-item.missing .pl-meta{color:var(--warn)}.pl-actions{opacity:.35;grid-area:actions;justify-content:flex-end;gap:2px;transition:opacity .15s;display:flex}.pl-item:hover .pl-actions,.pl-item:focus-within .pl-actions{opacity:1}.pl-act{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;width:26px;height:22px;font-size:13px;line-height:1}.pl-act:hover:not(:disabled){color:#fff;border-color:var(--line);background:rgb(var(--glow) / .12)}.pl-act:disabled{opacity:.3;cursor:default}.pl-empty{color:var(--muted);padding:16px;font-size:14px}.pl-foot{border-top:1px solid var(--line);padding:10px 16px;font-size:13px}.pl-foot .check{padding:0}@media (hover:none){.pl-actions{opacity:1}}@media (width<=560px){.playlist{width:calc(100% - 16px);top:8px;bottom:64px;right:8px}}.resume-list{border-top:1px solid var(--line);max-width:560px;margin:18px 0 0;padding:0;list-style:none}.resume-list li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;gap:12px;padding:8px 2px;font-size:14px;display:flex}.resume-list li.current span:first-child{color:#fff;text-shadow:0 0 10px rgb(var(--glow) / .5);font-weight:700}.resume-list .muted{white-space:nowrap;font-size:13px}@media (width<=560px){.bar{gap:2px}.bar .icon-btn[aria-label^=Keybinds]{display:none}}.stats{z-index:4;border-radius:var(--radius);border:1px solid var(--line);min-width:260px;box-shadow:0 0 24px rgb(var(--glow) / .18);pointer-events:none;background:#060914db;padding:10px 12px;font:12px/1.5 ui-monospace,monospace;position:absolute;top:12px;left:12px}.stats-head{color:var(--accent-fg);font-family:var(--font);justify-content:space-between;gap:16px;margin-bottom:4px;display:flex}.stats-head span{color:var(--faint)}.stats-row{justify-content:space-between;gap:16px;display:flex}.stats-row span:first-child{color:var(--muted)}.stats.lagging .stats-row:nth-of-type(3) span:last-child{color:var(--warn)}