:root{--bg:#f7f8f9;--panel:#fff;--sidebar:#fbfbfc;--sunk:#f1f2f4;--ink:#0b0d0e;--ink-2:#1f2225;--ink-3:#5c6166;--ink-4:#9097a0;--ink-5:#c1c5cb;--line:#e6e8eb;--line-strong:#d2d6db;--accent:oklch(55% .17 262);--accent-soft:oklch(95% .03 262);--accent-ink:#fff;--ok:oklch(58% .13 155);--warn:oklch(65% .16 60);--danger:oklch(60% .2 25);--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--radius:6px;--radius-sm:4px;--shadow-card:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08}html[data-theme=dark]{--bg:#0a0b0d;--panel:#101214;--sidebar:#0d0f11;--sunk:#16181b;--ink:#eceef1;--ink-2:#c8cbd0;--ink-3:#8a8f97;--ink-4:#5e636b;--ink-5:#3a3e44;--line:#1e2125;--line-strong:#2a2e33;--accent:oklch(70% .15 262);--accent-soft:oklch(25% .07 262);--accent-ink:#0a0b0d;--shadow-card:0 1px 2px #0000004d, 0 1px 1px #0003}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13px;line-height:1.45;transition:background .2s,color .2s}.mono{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:0}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-track{background:0 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes pulse-beacon{0%,to{opacity:.3}50%{opacity:1}}input[type=range]{height:4px}.video-card{transition:opacity .15s}.video-card--skipped{opacity:.55}.video-card[data-focused]{outline:2px solid var(--accent);outline-offset:6px;border-radius:var(--radius-sm)}.video-card__title--seen{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4)}.video-card .video-card-actions{opacity:0;pointer-events:none;transition:opacity .12s}.video-card:hover .video-card-actions,.video-card[data-focused] .video-card-actions,.video-card-actions:focus-within{opacity:1;pointer-events:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes indeterminate{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(450%)}}@keyframes wl-slide-from-right{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:translate(0)}}@keyframes wl-slide-from-left{0%{opacity:0;transform:translate(-6%)}to{opacity:1;transform:translate(0)}}.btn{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:550;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn--secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);box-shadow:var(--shadow-card)}.btn--secondary:hover:not(:disabled){background:var(--sunk)}.btn--primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.btn--primary:hover:not(:disabled){background:oklch(48% .17 262);border-color:oklch(48% .17 262)}.btn:disabled{opacity:.5;cursor:default}.icon-btn{background:var(--panel);width:26px;height:26px;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:flex}.icon-btn:hover:not(:disabled){background:var(--sunk);border-color:var(--line-strong);color:var(--ink)}.icon-btn--active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.icon-btn--active:hover:not(:disabled){background:oklch(63% .15 262);border-color:oklch(63% .15 262)}.icon-btn--tiny{width:20px;height:20px}.seg-toggle{background:var(--sunk);border-radius:var(--radius-sm);border:1px solid var(--line);gap:2px;padding:2px;display:flex}.seg-option{color:var(--ink-3);opacity:.8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 10px;font-size:12px;font-weight:500;transition:background .1s,color .1s,opacity .1s}.seg-option:hover:not(.seg-option--active){background:var(--panel);color:var(--ink-2);opacity:1}.seg-option--active{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-card);opacity:1}.nav-item{color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:6px 10px;font-size:13px;font-weight:450;transition:background .1s;display:flex}.nav-item:hover{background:var(--sunk)}.nav-item--active{color:var(--ink);background:var(--sunk);font-weight:550}.nav-item__shortcut{color:var(--ink-4);opacity:.6;font-size:10px}.nav-item--active .nav-item__shortcut{opacity:1}.channel-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:4px 10px;transition:background .1s;display:flex}.channel-item:hover,.channel-item--active{background:var(--sunk)}.channel-item__name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.channel-item--active .channel-item__name{color:var(--ink)}.sidebar-search-btn{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-3);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:5px 8px;font-family:inherit;font-size:12px;transition:background .1s,border-color .1s,color .1s;display:flex}.sidebar-search-btn:hover{background:var(--sunk);border-color:var(--line-strong);color:var(--ink-2)}.sidebar-sync-btn{width:20px;height:20px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:background .1s,color .1s;display:flex}.sidebar-sync-btn:hover:not(:disabled){background:var(--sunk);color:var(--ink)}.sidebar-sync-btn--error{color:var(--danger)}.sidebar-sync-btn--syncing{color:var(--accent);cursor:default}.vc-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .1s,transform .1s;display:flex}.vc-action-btn--active{background:var(--accent);color:var(--accent-ink)}.vc-action-btn:hover:not(:disabled){opacity:.82;transform:scale(1.08)}.feed-skip-btn{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.feed-skip-btn:hover:not(:disabled){background:var(--sunk);border-color:var(--line-strong);color:var(--ink)}.feed-skip-btn:disabled{opacity:.5;cursor:default}.feed-search-input{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);border-radius:var(--radius-sm);outline:none;width:160px;padding:5px 10px 5px 28px;font-family:inherit;font-size:12px;transition:border-color .12s,background .12s}.feed-search-input:hover{border-color:var(--ink-4)}.feed-search-input:focus{border-color:var(--accent);background:var(--panel)}.feed-shorts-btn{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.feed-shorts-btn:hover:not(.feed-shorts-btn--active){background:var(--sunk);color:var(--ink)}.feed-shorts-btn--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.feed-shorts-btn--active:hover{background:oklch(from var(--accent-soft) calc(l - .03) c h)}.feed-sort-select{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' fill='none' stroke='%235C6166' stroke-width='1.4'/></svg>");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:5px 24px 5px 10px;font-family:inherit;font-size:12px;transition:border-color .12s,background-color .12s}.feed-sort-select:hover{border-color:var(--ink-4);background-color:var(--sunk)}.feed-sort-select:focus{border-color:var(--accent);background-color:var(--panel)}.feed-load-error{color:var(--ink-3);justify-content:center;align-items:center;gap:12px;padding:24px 0;font-size:13px;display:flex}.feed-load-error--empty{flex-direction:column;padding:80px 0}.smart-start-btn{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:550;transition:background .12s;display:inline-flex}.smart-start-btn:hover:not(:disabled){background:oklch(48% .17 262)}.smart-start-btn:disabled{background:var(--ink-5);cursor:default}.smart-preset-btn{font-size:11px;font-family:var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:6px 0;font-weight:500;transition:background .1s,border-color .1s,color .1s}.smart-preset-btn:hover:not(.smart-preset-btn--active){background:var(--sunk);border-color:var(--line-strong);color:var(--ink)}.smart-preset-btn--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pill-toggle-option{color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex:1;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:500;transition:background .1s,color .1s,border-color .1s,box-shadow .1s}.pill-toggle-option:hover:not(.pill-toggle-option--active){background:color-mix(in oklch, var(--panel) 60%, transparent);color:var(--ink-2)}.pill-toggle-option--active{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-card)}.smart-toggle-row{text-align:left;border:none;border-top:1px solid var(--line);cursor:pointer;border-radius:var(--radius-sm);background:0 0;align-items:center;gap:10px;width:100%;padding:8px 0;transition:background .1s;display:flex}.smart-toggle-row:hover{background:var(--sunk)}.dash-link-btn{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:550;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.dash-link-btn--secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);box-shadow:var(--shadow-card)}.dash-link-btn--secondary:hover{background:var(--sunk)}.dash-link-btn--primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.dash-link-btn--primary:hover{background:oklch(48% .17 262);border-color:oklch(48% .17 262)}.dash-panel-link{color:var(--ink-3);align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .1s;display:inline-flex}.dash-panel-link:hover{color:var(--ink)}.dash-retry-btn{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-card);flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,color .12s}.dash-retry-btn:hover:not(:disabled){background:var(--sunk);color:var(--ink)}.dash-retry-btn:disabled{opacity:.5;cursor:default}.quick-action-link{border-bottom:1px solid var(--line);width:100%;color:inherit;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:background .1s;display:flex}.quick-action-link:hover{background:var(--sunk)}.settings-action-btn{background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-card);align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:550;transition:background .12s,color .12s;display:inline-flex}.settings-action-btn:hover:not(:disabled){background:var(--sunk)}.settings-action-btn:disabled{opacity:.5;cursor:default}.settings-danger-btn{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:550;transition:background .12s,color .12s}.settings-danger-btn:hover{background:oklch(from var(--danger) l c h / .08)}.confirm-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:550;transition:opacity .12s}.confirm-btn:hover{opacity:.85}.confirm-btn--danger{background:var(--danger)}.confirm-btn--default{background:var(--ink)}.confirm-cancel-btn{background:var(--panel);color:var(--ink-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-card);padding:6px 14px;font-family:inherit;font-size:13px;font-weight:550;transition:background .12s}.confirm-cancel-btn:hover{background:var(--sunk)}.range-btn{font-size:11px;font-family:var(--mono);color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 10px;font-weight:500;transition:background .1s,color .1s,border-color .1s,box-shadow .1s}.range-btn:hover:not(.range-btn--active){background:color-mix(in oklch, var(--panel) 60%, transparent);color:var(--ink-2)}.range-btn--active{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-card)}.visit-channel-link{background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);white-space:nowrap;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:550;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.visit-channel-link:hover{background:var(--sunk)}.player-action-btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink-2);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:background .1s,border-color .1s,color .1s,opacity .1s;display:inline-flex}.player-action-btn:hover:not(:disabled){background:var(--sunk);border-color:var(--line-strong);color:var(--ink)}.player-action-btn--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.player-action-btn--active:hover:not(:disabled){background:oklch(from var(--accent-soft) calc(l - .03) c h)}.player-action-btn:disabled{opacity:.4;cursor:default}.player-yt-link{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink-2);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:inline-flex}.player-yt-link:hover{background:var(--sunk);color:var(--ink)}.player-cancel-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff73;padding:5px 14px;font-family:inherit;font-size:11px;transition:background .1s,border-color .1s}.player-cancel-btn:hover{background:#ffffff38;border-color:#ffffffb3}.player-up-next-btn{text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;margin:-4px;padding:4px;transition:background .1s}.player-up-next-btn:hover{background:var(--sunk)}.cf-clear-btn{color:var(--ink-3);cursor:pointer;border-radius:3px;padding:2px 6px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.cf-clear-btn:hover{background:var(--sunk);color:var(--ink)}.cf-close-btn{width:20px;height:20px;color:var(--ink-3);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.cf-close-btn:hover{background:var(--sunk);color:var(--ink)}.cf-channel-btn{text-align:left;cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 8px 5px 12px;font-family:inherit;font-size:12px;transition:color .1s,background .1s;display:flex}.cf-channel-btn:hover{background:color-mix(in oklch, var(--sunk) 60%, transparent)}.cf-skip-btn{color:var(--ink-3);cursor:pointer;white-space:nowrap;border-radius:3px;flex-shrink:0;margin-right:6px;padding:3px 6px;font-family:inherit;font-size:10px;transition:color .1s}.cf-skip-btn:hover:not(:disabled){color:var(--ink)}.cf-skip-btn:disabled{opacity:.5;cursor:default}.notif-link{color:inherit;cursor:pointer;align-items:flex-start;gap:10px;padding:10px 14px;text-decoration:none;transition:background .1s;display:flex}.notif-link:hover{background:var(--sunk)}.queue-row__play{background:0 0;transition:background .1s}.queue-row:hover .queue-row__play{background:var(--sunk)}.queue-row__action{color:var(--ink-4);transition:color .1s}.queue-row__action:hover{color:var(--accent)}.queue-row__action--pending{color:var(--accent);cursor:default;animation:.6s linear infinite spin}.op-banner{border-radius:var(--radius);background:color-mix(in oklch, var(--danger) 8%, var(--panel));border:1px solid color-mix(in oklch, var(--danger) 30%, var(--line));align-items:center;gap:10px;padding:10px 14px;display:flex}.op-banner__icon{color:var(--danger);flex-shrink:0}.op-banner__msg{color:var(--ink);letter-spacing:-.003em;flex:1;font-size:13px}.op-banner__action{color:var(--accent-ink);background:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:550;text-decoration:none;transition:opacity .1s}.op-banner__action:hover:not(:disabled){opacity:.88}.op-banner__action:disabled{opacity:.6;cursor:default}.player-overlay{z-index:100;view-transition-name:player;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}html:has(.player-overlay)::view-transition{pointer-events:none}::view-transition-group(player){z-index:1}::view-transition-old(player){display:none}::view-transition-new(player){animation:none}.page-header{view-transition-name:page-header}.toast-list{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:500;animation:.18s toast-in;display:inline-flex;box-shadow:0 4px 16px #00000026}.toast__icon{color:var(--ok);flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}