:root{--bg:#0e0e10;--surface:#18181b;--surface-2:#1f1f23;--surface-3:#2a2a31;--border:#2f2f35;--border-strong:#45454d;--text:#efeff1;--muted:#adadb8;--accent:#8b5cf6;--accent-hover:#7c4dff;--accent-2:#b69cff;--danger:#f87171;--warn:#fbbf24;--header-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}body.theatre-mode{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}input:not([type]),input[type=text],select,textarea{background:var(--surface-2);border:1px solid var(--border);height:38px;color:var(--text);font:inherit;border-radius:9px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;height:auto;padding:8px 12px;font-size:13px}input[type=range]{width:100%;accent-color:var(--accent);margin:0}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}kbd{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px}.muted{color:var(--muted)}.small{font-size:13px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent);color:#fff;border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:0 0}.btn-sm{height:32px;padding:0 12px;font-size:13px}.icon-btn{width:32px;height:32px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn:disabled{opacity:.35}.form-error{color:var(--danger);width:100%;margin:4px 0 0;font-size:13px}.app-header{z-index:60;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 14px 0 16px;display:flex;position:relative}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.topbar-spacer{flex:1}.topbar-menu{display:none}.app-body{height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));display:flex;position:relative}.app-main{flex:1;min-width:0;overflow:hidden auto}body.theatre-mode .app-main{overflow:hidden}.sidebar{z-index:55;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;width:240px;padding-bottom:10px;display:flex;overflow:hidden auto}.sidebar.collapsed{width:56px}.layout-narrow .sidebar,.layout-mobile .sidebar{position:absolute;top:0;bottom:0;left:0}.layout-narrow .app-main{margin-left:56px}.sidebar.floating{width:240px;box-shadow:10px 0 30px #00000080}.sidebar-backdrop{z-index:54;background:#00000073;position:absolute;inset:0}.sidebar-head{flex:none;justify-content:space-between;align-items:center;height:46px;padding:0 8px 0 18px;display:flex}.sidebar.collapsed .sidebar-head{justify-content:center;padding:0}.sidebar-heading,.side-section{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:12px;font-weight:700}.side-link,.side-channel{border-radius:8px;flex:none;align-items:center;gap:12px;margin:1px 8px;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.side-channel{padding:6px 10px}.side-link:hover,.side-channel:hover{background:var(--surface-2)}.side-link.active,.side-channel.active{background:var(--surface-3)}.side-link svg{color:var(--muted);flex:none}.side-link.active svg{color:var(--accent-2)}.sidebar.collapsed .side-link,.sidebar.collapsed .side-channel{justify-content:center;padding:8px 0}.sidebar.collapsed .side-link span,.sidebar.collapsed .side-channel-text,.sidebar.collapsed .side-channel-platforms{display:none}.side-section{flex:none;margin:16px 18px 6px}.sidebar.collapsed .side-section{justify-content:center;margin:14px 0 4px;display:flex}.side-channels{flex-direction:column;display:flex}.side-avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;flex:none;width:32px;height:32px}.side-channel-text{flex-direction:column;flex:1;min-width:0;display:flex}.side-channel-name,.side-channel-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-channel-sub{color:var(--muted);font-size:12px;font-weight:500}.side-channel-platforms{flex:none;gap:3px;display:flex}.side-add{color:var(--muted);margin-top:4px;font-weight:500}.side-add:hover{color:var(--text)}.profile{position:relative}.profile-btn{color:#fff;background:linear-gradient(135deg, var(--accent), #5b8cff);width:36px;height:36px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:box-shadow .15s;display:inline-flex}button.profile-btn:hover,.profile-btn.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent-2)}.profile-btn-sm{width:32px;height:32px}.profile-menu{min-width:230px;top:calc(100% + 8px)}.profile-menu-head{align-items:center;gap:10px;padding:6px 8px;display:flex}.profile-menu-head div{flex-direction:column;display:flex}.boot{min-height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.login-page{background:radial-gradient(1100px 560px at 50% -10%, #8b5cf633, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;width:min(380px,100%);padding:28px 24px 24px;display:flex;box-shadow:0 20px 60px #00000073}.login-brand{align-items:center;gap:10px;margin-bottom:6px;font-size:18px;font-weight:800;display:flex}.login-card h1{margin:4px 0 0;font-size:22px}.login-card p{margin:0;line-height:1.45}.login-card .field{margin:6px 0 0}.login-card input{width:100%;height:42px;font-size:16px}.login-submit{height:42px;margin-top:10px}.dialog-form{flex-direction:column;padding-bottom:4px;display:flex}.dialog-form .field{margin:6px 0}.dialog-done p{align-items:center;gap:8px;margin:8px 0 16px;display:flex}.dev-stats{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:10px;flex-wrap:wrap;gap:6px 16px;padding:10px 12px;font-size:13px;display:flex}.dev-stats strong{color:var(--text)}.dev-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:20px 0 2px;font-size:12px}.dev-heading-danger{color:#fca5a5}.dev-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.dev-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.dev-row-text strong{font-size:14px}.btn-danger{color:#fca5a5;border-color:#f8717159}.btn-danger:hover:not(:disabled){background:#f871711f}.page{max-width:1400px;margin:0 auto;padding:24px 20px 64px}.page-center{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;display:flex}.page-section{margin-top:36px}.page-section h2{margin:0 0 14px;font-size:18px}.hero{padding:24px 0 4px}.hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.15}.hero p{color:var(--muted);max-width:640px;margin:0 0 20px;line-height:1.5}.open-box{flex-wrap:wrap;gap:10px;max-width:780px;display:flex}.open-box input{flex:1;min-width:240px;height:46px;font-size:15px}.open-box .btn{height:46px}.add-streamer{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:10px;max-width:780px;padding:14px;display:flex}.add-streamer label{color:var(--muted);flex-direction:column;flex:1;gap:6px;min-width:170px;font-size:13px;display:flex}.add-streamer label span{align-items:center;gap:6px;display:inline-flex}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:18px;display:grid}.channel-tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .15s;position:relative}.channel-tile:hover{border-color:var(--border-strong)}.channel-tile-link{align-items:center;gap:12px;padding:14px;display:flex}.channel-tile-name{font-weight:700}.channel-tile-platforms{color:var(--muted);flex-direction:column;gap:3px;margin-top:4px;font-size:12px;display:flex}.channel-tile-platforms span{align-items:center;gap:6px;display:inline-flex}.channel-tile-remove{opacity:0;position:absolute;top:8px;right:8px}.channel-tile:hover .channel-tile-remove,.channel-tile-remove:focus-visible{opacity:1}.avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;flex:none;width:44px;height:44px}.avatar-lg{width:72px;height:72px}.vod-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px 14px;display:grid}.vod-card{flex-direction:column;gap:8px;min-width:0;display:flex}.vod-thumb{aspect-ratio:16/9;background:var(--surface-2);border-radius:10px;position:relative;overflow:hidden}.vod-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.vod-card:hover .vod-thumb img{transform:scale(1.03)}.vod-thumb-empty{background:linear-gradient(135deg,#1f1f23,#2a2a31);width:100%;height:100%}.vod-duration,.vod-live,.vod-watched{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute}.vod-duration{background:#000c;bottom:8px;right:6px}.vod-live{background:#e91916;top:6px;left:6px}.vod-watched{background:#000c;align-items:center;gap:4px;display:inline-flex;top:6px;left:6px}.vod-progress{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.vod-progress div{background:var(--accent);height:100%}.vod-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.vod-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.vod-chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.chip-gone{opacity:.5;text-decoration:line-through}.chip-muted{color:#fca5a5;border-color:#f8717159}.chip-muted.chip-ok{color:#fcd34d;border-color:#fbbf2459}.chip-dim{color:var(--muted)}.channel-head{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:20px;display:flex}.channel-head h1{margin:0 0 6px;font-size:28px}.channel-head-info{flex:1;min-width:240px}.channel-links{flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.channel-links a{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.channel-links a:hover{color:var(--text)}.channel-head-actions{align-items:center;gap:12px;display:flex}.edit-accounts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.edit-accounts label{align-items:center;gap:6px;display:flex}.toolbar{max-width:680px;margin:8px 0 18px}.banner{border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:14px}.banner-warn{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf244d}.form-section{border-bottom:1px solid var(--border);padding:14px 0 10px}.form-section:last-of-type{border-bottom:0}.form-section h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px;font-size:12px}.form-hint{color:var(--muted);margin:-2px 0 8px;font-size:12.5px;line-height:1.45}.field{flex-direction:column;gap:6px;margin:10px 0;font-size:14px;display:flex}.field-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-label output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.field-toggle{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.field-toggle input{opacity:0;pointer-events:none;position:absolute}.switch{background:var(--surface-3);border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.field-toggle input:checked+.switch{background:var(--accent)}.field-toggle input:checked+.switch:after{transform:translate(16px)}.field-toggle input:focus-visible+.switch{outline:2px solid var(--accent-2);outline-offset:2px}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;gap:2px;padding:2px;display:flex}.segmented button{color:var(--muted);white-space:nowrap;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #0000004d}.field-color{flex-direction:row;justify-content:space-between;align-items:center}.color-input{align-items:center;gap:8px;display:flex}.color-input code{color:var(--muted);font-size:12px}.color-input input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:38px;height:28px;padding:0}.timing-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:10px 0;font-size:14px;display:flex}.timing-label{align-items:center;gap:7px;display:inline-flex}.timing-controls{align-items:center;gap:4px;display:flex}.timing-controls>button:not(.icon-btn){background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 8px;font-size:12px}.timing-controls>button:not(.icon-btn):hover{background:var(--surface-3)}.timing-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:58px;font-size:13px}.timing-controls output.changed{color:var(--accent-2);font-weight:600}.form-footer{padding-top:12px}.watch-below{padding:16px 24px 40px}.watch-infobar{align-items:flex-start;gap:14px;display:flex}.watch-avatar{border:2px solid var(--accent);border-radius:50%;flex:none;width:64px;height:64px;padding:3px}.watch-avatar img,.watch-avatar span{object-fit:cover;background:var(--surface-3);border-radius:50%;width:100%;height:100%;display:block}.watch-infobar-main{flex:1;min-width:0}.watch-channel-row{align-items:center;gap:8px;display:flex}.watch-channel-row a:not(.watch-channel-name){opacity:.85;display:inline-flex}.watch-channel-row a:not(.watch-channel-name):hover{opacity:1}.watch-channel-name{font-size:18px;font-weight:700;line-height:1.2}.watch-channel-name:hover{color:var(--accent-2)}.watch-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.watch-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;font-size:13px;display:flex}.watch-category{color:var(--accent-2);font-weight:600}.watch-actions{flex:none;align-items:center;gap:6px;display:flex}.menu-anchor{position:relative}.popover-menu{z-index:40;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 40px #00000080}.popover-menu .menu-item svg{color:var(--muted)}.shortcuts-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;max-width:600px;margin-top:16px;padding:12px 14px}.shortcuts-head{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;display:flex}.shortcuts-card dl{grid-template-columns:1fr 1fr;gap:6px 24px;margin:0;font-size:13px;display:grid}.shortcuts-card dl div{justify-content:space-between;gap:10px;display:flex}.shortcuts-card dd{color:var(--muted);text-align:right;margin:0}.watch-more{margin-top:28px}.watch-more h2{margin:0 0 12px;font-size:16px}.vod-grid-compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px 12px}.player-shell{background:var(--bg);display:flex;position:relative}.player-shell.view-normal{height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h))}:is(.player-shell.view-theatre,.player-shell:fullscreen,.player-shell.view-fullscreen){z-index:100;background:#000;width:auto;height:auto;position:fixed;inset:0}.player-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden auto}.view-theatre .player-main,.view-fullscreen .player-main{overflow:hidden}.player-shell.idle .player-stage,.player-shell.idle .player-stage *{cursor:none!important}.player-stage{color:#fff;-webkit-user-select:none;user-select:none;background:#000;flex:none;width:100%;position:relative;overflow:hidden}.view-normal .player-stage{aspect-ratio:16/9;max-height:calc(100dvh - var(--header-h) - 110px);min-height:220px}.view-theatre .player-stage,.view-fullscreen .player-stage{flex:1}.chat-expand{z-index:12;background:#18181bd1;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:13px;font-weight:600;transition:opacity .25s;display:inline-flex;position:absolute;top:12px;right:12px}.chat-expand.hidden{opacity:0;pointer-events:none}.player-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.player-center{pointer-events:none;z-index:4;color:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.big-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;padding-left:5px;display:flex}.player-error{z-index:8;text-align:center;cursor:auto;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.player-error p{max-width:520px;margin:0;line-height:1.5}.player-toast{z-index:12;border:1px solid var(--border);white-space:nowrap;background:#18181beb;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;animation:.2s toast-in;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.toast-action{color:var(--accent-2);margin-left:6px;font-weight:700}.theatre-exit{z-index:12;background:#18181bcc;border-radius:999px;align-items:center;gap:4px;padding:7px 12px 7px 8px;font-size:13px;transition:opacity .25s;display:inline-flex;position:absolute;top:14px;left:14px}.theatre-exit.hidden{opacity:0;pointer-events:none}.player-controls{z-index:10;cursor:auto;background:linear-gradient(#0000,#00000073 45%,#000000d9);padding:30px 12px 6px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.player-controls.hidden{opacity:0}.player-controls.hidden .seekbar,.player-controls.hidden .ctl-menu{pointer-events:none}.ctl-row{align-items:center;gap:2px;display:flex}.ctl-btn{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.ctl-btn:hover:not(:disabled){background:#ffffff1f}.ctl-btn.active{color:var(--accent-2)}.ctl-btn:disabled{opacity:.35}.ctl-spacer{flex:1}.time-display{font-variant-numeric:tabular-nums;color:#e5e5e5;white-space:nowrap;margin-left:8px;font-size:13px}.time-sep{opacity:.6}.volume{align-items:center;display:flex}.volume-slider{opacity:0;transition:width .2s,opacity .2s,margin .2s;width:0!important}.volume:hover .volume-slider,.volume:focus-within .volume-slider{opacity:1;margin:0 6px 0 2px;width:84px!important}.source-switch{background:#ffffff1a;border-radius:999px;margin-right:6px;padding:3px;display:flex}.source-switch button{color:#d4d4d8;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.source-switch button.active{color:#fff;background:#fff3}.source-switch button:disabled{opacity:.4}.ctl-menu-wrap{position:relative}.ctl-menu{z-index:20;border:1px solid var(--border);min-width:230px;max-height:min(60vh,460px);color:var(--text);background:#18181bf7;border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}.ctl-menu-wide{min-width:250px}.menu-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:6px 10px 4px;font-size:11px}.menu-item{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:14px;display:flex}.menu-item:hover{background:var(--surface-3)}.menu-check{width:16px;color:var(--accent-2);flex:none;justify-content:center;display:inline-flex}.menu-sep{background:var(--border);height:1px;margin:6px 0}.speed-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 6px 6px;display:grid}.speed-grid button{background:var(--surface-2);border-radius:6px;padding:6px 0;font-size:12px}.speed-grid button.active{background:var(--accent);color:#fff}.seekbar{cursor:pointer;touch-action:none;align-items:center;height:18px;margin:0 4px 2px;display:flex;position:relative}.seek-track{background:#fff3;border-radius:2px;width:100%;height:4px;transition:height .12s;position:relative;overflow:hidden}.seekbar:hover .seek-track,.seekbar.dragging .seek-track{height:7px}.seek-buffered,.seek-hover,.seek-played,.seek-muted{position:absolute;top:0;bottom:0}.seek-buffered{background:#ffffff4d}.seek-hover{background:#ffffff38;left:0}.seek-played{background:var(--accent);left:0}.seek-muted{background:repeating-linear-gradient(135deg,#f87171f2 0 3px,#f8717173 3px 6px)}.seek-muted.info{background:repeating-linear-gradient(135deg,#fbbf2499 0 3px,#fbbf2433 3px 6px)}.seek-thumb{pointer-events:none;background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .12s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.seekbar:hover .seek-thumb,.seekbar.dragging .seek-thumb{transform:translate(-50%,-50%)scale(1)}.seek-tooltip{font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#000000e0;border-radius:6px;flex-direction:column;align-items:center;padding:4px 8px;font-size:12px;display:flex;position:absolute;bottom:22px;transform:translate(-50%)}.seek-tooltip-note{color:var(--warn);font-size:11px}.seek-tooltip-chapter{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-weight:700;overflow:hidden}.chapter-wrap{min-width:0;margin-left:6px}.chapter-btn{color:#fff;border-radius:8px;align-items:center;gap:7px;max-width:240px;height:32px;padding:0 10px 0 4px;font-size:13px;font-weight:600;display:inline-flex}.chapter-btn:hover:not(:disabled),.chapter-btn.active{background:#ffffff1f}.chapter-btn:disabled{cursor:default}.chapter-btn img{object-fit:cover;border-radius:2px;flex:none;width:18px;height:24px}.chapter-btn-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-menu{width:300px;left:0;right:auto}.chapter-item{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.chapter-item:hover{background:var(--surface-3)}.chapter-item.active{background:#8b5cf633}.chapter-item img,.chapter-art-empty{object-fit:cover;background:var(--surface-3);border-radius:3px;flex:none;width:30px;height:40px}.chapter-item-text{flex-direction:column;min-width:0;display:flex}.chapter-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chapter-item-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.toast-art{object-fit:cover;border-radius:2px;width:18px;height:24px}.watch-categories{flex-wrap:wrap;gap:6px;display:inline-flex}.watch-category-chip{color:var(--accent-2);background:#8b5cf61f;border:1px solid #8b5cf659;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 3px;font-size:12.5px;font-weight:600;display:inline-flex}.watch-category-chip:hover{background:#8b5cf63d}.watch-category-chip img{object-fit:cover;border-radius:2px;width:15px;height:20px}.seek-preview{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:24px;transform:translate(-50%)}.seek-preview-img{object-fit:cover;background-color:#111;background-repeat:no-repeat;border:2px solid #ffffffeb;border-radius:8px;width:220px;height:124px;display:block;box-shadow:0 8px 24px #0000008c}.seek-preview-empty{background:linear-gradient(135deg,#1f1f23,#111)}.seek-preview .seek-preview-label{position:static;transform:none}.chat-view{font-family:var(--chat-font);font-size:var(--chat-size);font-weight:var(--chat-weight);line-height:var(--chat-lh);color:var(--chat-color);overflow-wrap:anywhere}.cl{padding:calc(var(--chat-gap) / 2) 4px}.cl-meta{vertical-align:middle;align-items:center;gap:3px;margin-right:5px;display:inline-flex;position:relative;top:-.08em}.cl-badge{height:calc(var(--chat-size) * 1.25);border-radius:3px;flex:none;width:auto}.cl-badge-role{width:calc(var(--chat-size) * 1.25);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.cl-badge-role svg{width:72%;height:72%}.platform-icon{flex:none;display:inline-block}.cl-name{font-weight:700}.cl-colon{margin-right:1px}.cl-mention{font-weight:700}.cl-body a{color:#bfa6ff;text-underline-offset:2px;text-decoration:underline}.cl-reply{opacity:.72;white-space:nowrap;align-items:center;gap:4px;font-size:.82em;display:flex;overflow:hidden}.cl-reply>span{text-overflow:ellipsis;overflow:hidden}.em{height:var(--emote-h);aspect-ratio:auto 1;vertical-align:middle;width:auto;margin:-.3em .06em;display:inline-block}.em-stack{vertical-align:middle;margin:-.3em .06em;display:inline-block;position:relative}.em-stack>.em{margin:0}.em-stack>.em-zw{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-hint{text-align:center;color:#d4d4d8;text-shadow:0 1px 2px #000;padding:8px;font-size:13px}.chat-overlay{z-index:5;padding:var(--overlay-pad);border-radius:var(--overlay-radius);background:var(--overlay-bg);text-shadow:var(--chat-shadow);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute}.chat-overlay:active{cursor:grabbing}.chat-overlay:not(.locked):hover{outline-offset:2px;outline:1px dashed #fff6}.chat-overlay.locked{pointer-events:none;cursor:default}.chat-overlay.line-bg{background:0 0}.chat-overlay.line-bg .cl-inner{background:var(--overlay-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:1px 6px}.chat-overlay-scroll{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;display:flex;overflow:hidden}.chat-overlay.top-fade .chat-overlay-scroll{-webkit-mask-image:linear-gradient(#0000 0,#000 40px);mask-image:linear-gradient(#0000 0,#000 40px)}.chat-overlay.fade .cl{animation:.6s forwards chat-fade;animation-delay:var(--fade-after)}.chat-overlay[data-paused=true] .cl{animation-play-state:paused}@keyframes chat-fade{to{opacity:0}}.ov-toolbar{border:1px solid var(--border);opacity:0;text-shadow:none;color:var(--text);background:#18181beb;border-radius:8px;align-items:center;gap:2px;padding:3px;transition:opacity .15s;display:flex;position:absolute;top:-34px;right:0}.chat-overlay:hover .ov-toolbar{opacity:1}.ov-toolbar button,.ov-grip{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.ov-toolbar button:hover{background:var(--surface-3)}.ov-grip{color:var(--muted)}.ov-handle{z-index:2;position:absolute}.ov-n,.ov-s{cursor:ns-resize;height:10px;left:10px;right:10px}.ov-n{top:-5px}.ov-s{bottom:-5px}.ov-e,.ov-w{cursor:ew-resize;width:10px;top:10px;bottom:10px}.ov-e{right:-5px}.ov-w{left:-5px}.ov-ne,.ov-nw,.ov-se,.ov-sw{width:16px;height:16px}.ov-ne{cursor:nesw-resize;top:-6px;right:-6px}.ov-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.ov-nw{cursor:nwse-resize;top:-6px;left:-6px}.ov-se{cursor:nwse-resize;bottom:-6px;right:-6px}.chat-overlay:not(.locked):hover .ov-se:after{content:"";border-bottom:2px solid #ffffffb3;border-right:2px solid #ffffffb3;width:8px;height:8px;position:absolute;bottom:6px;right:6px}.chat-panel{background:var(--surface);border-left:1px solid var(--border);min-width:240px;max-width:60%;color:var(--text);flex-direction:column;flex:none;display:flex;position:relative}.panel-resizer{z-index:3;cursor:ew-resize;width:7px;position:absolute;top:0;bottom:0;left:-3px}.panel-resizer:hover{background:#8b5cf659}.chat-panel-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:6px;height:50px;padding:0 8px;display:flex}.chat-panel-title{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.chat-panel-list{overscroll-behavior:contain;overflow-anchor:none;outline:none;flex:1;min-height:0;padding:6px 6px 10px;overflow-y:auto}.chat-paused{background:var(--surface-3);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;margin:0 8px 8px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.chat-paused:hover{background:var(--border-strong)}.chat-paused-count{color:var(--accent-2)}.settings-drawer{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:1px solid var(--border);width:min(390px,100%);color:var(--text);cursor:auto;-webkit-user-select:text;user-select:text;background:#18181bf7;flex-direction:column;animation:.18s drawer-in;display:flex;position:absolute;top:0;bottom:0;right:0}.settings-drawer.left{border-left:0;border-right:1px solid var(--border);animation-name:drawer-in-left;left:0;right:auto}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}@keyframes drawer-in-left{0%{opacity:0;transform:translate(-24px)}}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 10px 12px 16px;display:flex}.drawer-head h2{margin:0;font-size:16px}.drawer-body{overscroll-behavior:contain;flex:1;padding:0 16px 20px;overflow-y:auto}.modal-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(660px,100%);max-height:85vh;padding:0 16px 16px;overflow-y:auto}.modal .drawer-head{margin-bottom:10px;padding-left:0;padding-right:0}.match-list{flex-direction:column;gap:6px;margin:12px 0;display:flex}.match-item{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.match-item:hover{border-color:var(--border-strong)}.match-item.active{border-color:var(--accent)}.match-item>.muted{grid-column:2}.match-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.settings-page h1{margin:0 0 12px}.settings-layout{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start;gap:36px;display:grid}.settings-col-sticky{position:sticky;top:20px}.preview-video{aspect-ratio:16/9;background:radial-gradient(circle at 25% 35%,#ffbe788c,#0000 40%),radial-gradient(circle at 70% 60%,#5aa0ff73,#0000 45%),linear-gradient(135deg,#243b55 0%,#3b2458 50%,#55301f 100%);border-radius:12px;position:relative;overflow:hidden}.preview-overlay{cursor:default}.settings-preview p{margin-top:10px}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-col-sticky{order:-1;position:static}}@media (width<=800px){.topbar-menu{display:inline-flex}.player-shell.view-normal{flex-direction:column;height:auto}.view-normal .player-main{display:contents}.view-normal .player-stage{order:1;max-height:none}.player-shell.view-normal .chat-panel{border-left:0;border-top:1px solid var(--border);order:2;max-width:none;height:55vh;width:100%!important}.view-normal .watch-below{order:3;padding:14px 14px 32px}.panel-resizer{display:none}.watch-infobar{flex-wrap:wrap}.watch-avatar{width:48px;height:48px}.watch-infobar-main{flex-basis:calc(100% - 62px)}.watch-actions{flex-basis:100%;padding-left:62px}.source-switch button{padding:5px 8px}.time-display{display:none}}