/* Ggrbz css editor | ytlive.css | 2026-06-21 15:41:11 (Europe/Istanbul) */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap");:root{--font-display:"Sora","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Menlo,monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--ease:cubic-bezier(.4,0,.2,1);--transition:.18s var(--ease);--sidebar-expanded-w:220px;--queue-expanded-w:320px;--sidebar-collapsed-w:34px;--queue-collapsed-w:40px;--sidebar-w:var(--sidebar-expanded-w);--queue-w:var(--queue-collapsed-w);--shadow-sm:0 1px 2px rgba(15,17,23,.06);--shadow-md:0 8px 24px -8px rgba(15,17,23,.18);--shadow-lg:0 24px 48px -16px rgba(15,17,23,.28)}:root,:root[data-theme=light]{--bg:#eef1f7;--bg-soft:#f6f8fc;--surface:#fff;--surface-hover:#eef1f8;--surface-sunken:#e7ebf3;--border:#dce2ee;--text:#1b1f2b;--text-muted:#69718a;--text-faint:#9aa2b8;--accent:#d97b2a;--accent-strong:#b8631e;--accent-soft:rgba(217,123,42,.12);--accent-2:#1a9e80;--accent-2-soft:rgba(26,158,128,.12);--danger:#d6453d;--danger-soft:rgba(214,69,61,.12);--scrim:rgba(17,20,28,.55);--skeleton-base:#e5e9f1;--skeleton-shine:#f4f6fa}:root[data-theme=dark]{--bg:#0e1016;--bg-soft:#131722;--surface:#1a1f2b;--surface-hover:#232938;--surface-sunken:#11141d;--border:#2a3142;--text:#f1f3f9;--text-muted:#97a0b8;--text-faint:#5e6680;--accent:#f4a93e;--accent-strong:#ffc56b;--accent-soft:rgba(244,169,62,.16);--accent-2:#5fe3c4;--accent-2-soft:rgba(95,227,196,.14);--danger:#ff6e68;--danger-soft:hsla(2,100%,70%,.14);--scrim:rgba(8,9,13,.65);--skeleton-base:#232938;--skeleton-shine:#2b3245}*{box-sizing:border-box;scrollbar-color:var(--accent-2) transparent;scrollbar-width:thin}html{color-scheme:light dark}body{background:var(--bg);color:var(--text);font-family:var(--font-body),sans-serif;font-size:15px;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--transition),color var(--transition)}h1,h2,h3,h4{font-family:var(--font-display),sans-serif;letter-spacing:0;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{color:var(--text);font-size:14px}::selection{background:var(--accent-soft);color:var(--accent-strong)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:transparent}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--accent);outline-offset:2px}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ytlive-shell{display:grid;gap:0;grid-template-areas:"sidebar main queue";grid-template-columns:var(--sidebar-w) 1fr var(--queue-w);min-height:100vh;transition:grid-template-columns .24s var(--ease)}.sidebar{background:var(--bg-soft);background-image:radial-gradient(circle at 0 20%,hsla(0,0%,100%,.02) 2%,transparent 2.5%),radial-gradient(circle at 100% 80%,rgba(0,0,0,.02) 1.5%,transparent 2%);background-size:32px 32px,28px 28px;border-right:1px solid var(--border);gap:var(--space-6);grid-area:sidebar;height:100vh;padding:var(--space-5) var(--space-4);position:sticky;top:0;transition:all var(--transition)}.main,.sidebar{display:flex;flex-direction:column}.main{gap:var(--space-5);grid-area:main;min-width:0;padding:var(--space-5) var(--space-6)}.queue-panel{background:var(--bg-soft);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4);grid-area:queue;height:100vh;justify-content:center;overflow-y:auto;padding:var(--space-5) var(--space-4);position:sticky;top:0}.brand{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-2);position:relative}.brand:after{background:linear-gradient(90deg,transparent 0,var(--accent-soft) 20%,var(--accent) 50%,var(--accent-soft) 80%,transparent 100%);border-radius:2px;bottom:-8px;content:"";height:2px;left:var(--space-2);opacity:.6;position:absolute;right:var(--space-2)}.brand__logo{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--border),var(--shadow-sm);height:34px;object-fit:cover;transition:box-shadow var(--transition);width:34px}:root[data-theme=dark] .brand__logo{box-shadow:0 0 0 1px var(--border),0 0 8px rgba(244,169,62,.3)}.brand__text{background:linear-gradient(135deg,var(--text) 60%,var(--accent-strong) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:var(--font-display),sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em;text-shadow:0 1px 0 hsla(0,0%,100%,.05)}.sidebar-nav{flex-direction:column;gap:var(--space-1)}.sidebar-link,.sidebar-nav{display:flex;position:relative}.sidebar-link{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-display),sans-serif;font-size:14px;font-weight:600;gap:var(--space-3);overflow:hidden;padding:11px var(--space-3);text-align:left;transition:all var(--transition);width:100%}.sidebar-link:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s var(--ease);width:100%}.sidebar-link:hover:before{left:100%}.sidebar-link:hover{background:var(--surface-hover);color:var(--text);padding-left:calc(var(--space-3) + 2px)}.sidebar-link.is-active{background:var(--accent-soft);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 4px rgba(0,0,0,.05);color:var(--accent-strong);position:relative}.sidebar-link.is-active:before{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:0 var(--radius-pill) var(--radius-pill) 0;content:"";height:40%;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition);width:3px}.sidebar-link.is-active .sidebar-icon{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent-soft))}.sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-5);position:relative}.sidebar-footer:before{background:var(--bg-soft);color:var(--accent-2);content:"⚡";font-size:10px;font-weight:700;left:50%;letter-spacing:2px;opacity:.6;padding:0 8px;position:absolute;top:-10px;transform:translateX(-50%)}.sidebar-label{align-items:center;color:var(--text-faint);display:inline-flex;font-family:var(--font-mono),sans-serif;font-size:10px;font-weight:600;gap:6px;letter-spacing:.12em;padding:0 var(--space-2);text-transform:uppercase}.sidebar-label:before{background:var(--accent-2);border-radius:1px;content:"";display:inline-block;height:6px;opacity:.7;width:6px}.compact-select{appearance:none;background:var(--surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D97B2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-family:var(--font-mono),sans-serif;font-size:12px;font-weight:500;padding:10px var(--space-3);transition:all var(--transition);width:100%}.compact-select:hover{background-color:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.compact-number{appearance:textfield;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono),sans-serif;font-size:12px;font-weight:600;padding:10px var(--space-3);transition:all var(--transition);width:100%}.compact-number::-webkit-inner-spin-button,.compact-number::-webkit-outer-spin-button{opacity:.75}.compact-number:focus,.compact-number:hover{background-color:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft);outline:none}.sidebar-footer .ghost-button,.sidebar-footer .secondary-button{backdrop-filter:blur(2px);font-family:var(--font-mono),sans-serif;font-size:12px;justify-content:center;letter-spacing:.5px;width:100%}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ghost-button,.primary-button,.secondary-button{align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-display),sans-serif;font-size:11.5px;font-weight:600;gap:var(--space-2);justify-content:center;padding:11px 20px;transition:transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);white-space:nowrap}.primary-button{background:var(--accent);box-shadow:0 6px 16px -6px var(--accent-soft);color:#1a1306}:root[data-theme=dark] .primary-button{color:#251704}.primary-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.secondary-button{background:var(--surface);border-color:var(--border);color:var(--text)}.secondary-button:hover{border-color:var(--accent);color:var(--accent-strong)}.ghost-button{background:transparent;border-color:var(--border);color:var(--text-muted);padding:9px 16px}.ghost-button:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--text)}.is-disabled,a.is-disabled{opacity:.4;pointer-events:none}.topbar{background:var(--bg);border-bottom:1px solid transparent;gap:var(--space-4);padding:var(--space-3) 0;position:sticky;top:0;transition:border-color var(--transition);z-index:20}.search-form,.topbar{align-items:center;display:flex}.search-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);flex:1;gap:var(--space-2);padding:5px 5px 5px var(--space-5);transition:border-color var(--transition),box-shadow var(--transition)}.search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-form input{background:transparent;border:none;color:var(--text);flex:1;outline:none;padding:9px 0}.search-form input::placeholder{color:var(--text-faint)}.search-form .primary-button{padding:10px 22px}div#searchTypeTabs{align-items:center;display:flex;gap:10px;justify-content:center}.queue-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);display:inline-flex;flex-shrink:0;font-family:var(--font-mono),sans-serif;font-size:12px;font-weight:600;gap:var(--space-2);letter-spacing:.02em;padding:9px 16px}.queue-chip:before{background:var(--text-faint);border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.queue-chip.is-busy{background:var(--accent-2-soft);border-color:var(--accent-2-soft);color:var(--accent-2)}.queue-chip.is-busy:before{animation:pulse-dot 1.4s var(--ease) infinite;background:var(--accent-2)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.6)}}.quick-url-panel{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-2)}.quick-url-panel input{background:transparent;border:none;color:var(--text);flex:1;font-family:var(--font-mono),sans-serif;font-size:13px;min-width:0;outline:none;padding:10px var(--space-3)}.quick-url-panel input::placeholder{color:var(--text-faint);font-family:var(--font-body),sans-serif}.player-layout{align-items:stretch;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.player-frame{aspect-ratio:16/9;background:linear-gradient(160deg,#161b26,#0c0e14);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:220px;overflow:hidden;position:relative;width:100%}@supports not (aspect-ratio:16/9){.player-frame:before{content:"";display:block;padding-top:56.25%}}.player-frame .player-empty,.player-frame .youtube-player,.player-frame iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.player-frame .player-empty[aria-hidden=true],.player-frame iframe[hidden]{display:none}.player-frame .youtube-player,.player-frame iframe{visibility:hidden}.player-frame.is-player-visible .youtube-player,.player-frame.is-player-visible iframe{visibility:visible}.player-empty{align-items:center;background:repeating-linear-gradient(90deg,rgba(244,169,62,.14) 0 3px,transparent 3px 9px),radial-gradient(120% 120% at 30% 20%,rgba(95,227,196,.14),transparent 60%),linear-gradient(160deg,#161b26,#0c0e14);background-position:center 65%,50%,50%;background-repeat:repeat-x,no-repeat,no-repeat;background-size:auto 70%,auto,auto;color:#eef1f7;display:flex;flex-direction:column;gap:var(--space-2);inset:0;justify-content:center;padding:var(--space-5);position:absolute;text-align:center}.player-empty__title{font-family:var(--font-display),sans-serif;font-size:19px;font-weight:700}.player-empty__text{color:rgba(241,243,249,.65);font-size:13.5px;line-height:1.6;max-width:320px}.now-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-5)}.eyebrow{color:var(--accent);font-family:var(--font-mono),sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}#nowTitle{display:-webkit-box;font-size:20px;font-weight:700;-webkit-line-clamp:2;line-height:1.3;-webkit-box-orient:vertical;overflow:hidden}#nowSubtitle{color:var(--text-muted);font-size:13.5px;line-height:1.6;overflow-wrap:break-word;word-break:normal}.now-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.output-panel{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.panel-title{color:var(--text-faint);font-family:var(--font-mono),sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:var(--space-1);text-transform:uppercase}.output-panel label{align-items:center;color:var(--text-muted);display:flex;font-size:13.5px;gap:var(--space-3);justify-content:space-between}.output-panel label>span{flex-shrink:0}.output-panel input[type=number],.output-panel select{appearance:none;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1;max-width:160px;padding:8px 10px;text-align:right;transition:border-color var(--transition)}.output-panel input[type=number]:focus-visible,.output-panel input[type=number]:hover,.output-panel select:focus-visible,.output-panel select:hover{border-color:var(--accent)}.output-panel .check-row{cursor:pointer;gap:var(--space-2);justify-content:flex-start}.output-panel .check-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:18px;width:18px}.output-panel .check-row span{color:var(--text);font-size:13.5px}.playlist-tracks-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.playlist-tracks-panel[hidden]{display:none}.playlist-tracks-header{align-items:flex-end;border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);justify-content:space-between;padding-bottom:var(--space-2)}.playlist-tracks-header h2{font-size:19px}.playlist-tracks-list{display:flex;flex-direction:column;gap:6px;max-height:min(560px,70vh);overflow-y:auto;padding-right:2px}.playlist-track{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:grid;gap:var(--space-3);grid-template-columns:34px 58px minmax(0,1fr) auto 34px 34px;min-height:68px;padding:7px var(--space-2);transition:background var(--transition),border-color var(--transition),transform var(--transition)}.playlist-track:hover{background:var(--surface-hover);border-color:var(--border);transform:translateX(2px)}.playlist-track__index{color:var(--text-faint);font-family:var(--font-mono),sans-serif;font-size:12px;font-weight:700;text-align:right}.playlist-track__thumb{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(217,123,42,.26),rgba(26,158,128,.22)),var(--surface-sunken);background-position:50%;background-size:cover;border-radius:var(--radius-sm);color:var(--text);display:flex;font-family:var(--font-display),sans-serif;font-size:12px;font-weight:800;justify-content:center;width:58px}.playlist-track__copy{min-width:0;padding:4px}.playlist-track__copy h3{display:-webkit-box;font-size:13.5px;font-weight:700;-webkit-line-clamp:2;line-height:1.35;-webkit-box-orient:vertical;overflow:hidden}.playlist-track__copy p{color:var(--text-faint);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track__duration{color:var(--text-faint);font-family:var(--font-mono),sans-serif;font-size:11.5px;font-weight:600}.playlist-track__add{background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:18px;font-weight:800;height:32px;line-height:1;transition:background var(--transition),color var(--transition),border-color var(--transition);width:32px}.playlist-track__add:hover{background:var(--accent);border-color:var(--accent);color:#1a1306}.content-section{display:flex;flex-direction:column;gap:var(--space-4)}.section-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.section-header h2{font-size:22px;font-weight:700}.preset-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preset-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;font-family:var(--font-display),sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all var(--transition)}.preset-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.preset-chip.is-active{background:var(--accent);border-color:var(--accent);color:#1a1306}:root[data-theme=dark] .preset-chip.is-active{color:#251704}.status-line{color:var(--text-faint);font-size:13px}.music-home-section{display:flex;flex-direction:column;gap:var(--space-3)}.music-home-section[hidden]{display:none}.music-home-shelves{gap:var(--space-4)}.music-home-shelves,.music-shelf{display:flex;flex-direction:column}.music-shelf{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-3);padding:var(--space-4)}.music-shelf--pinned{border-color:var(--accent-soft);box-shadow:0 10px 26px rgba(217,123,42,.12)}.music-shelf__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.music-shelf__header h3{font-size:17px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-shelf__header span{color:var(--text-faint);flex-shrink:0;font-family:var(--font-mono),sans-serif;font-size:11px;font-weight:600}.music-shelf__rail{display:grid;gap:var(--space-3);grid-auto-columns:minmax(222px,248px);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 2px var(--space-2);scroll-snap-type:inline proximity}.music-home-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition)}.music-home-card:hover{background:var(--surface-hover);border-color:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.music-home-card__thumb{aspect-ratio:16/9;background:linear-gradient(160deg,var(--surface-sunken) 0,var(--bg-soft) 100%);background-position:50%;background-size:cover;overflow:hidden;position:relative}.music-home-card__thumb--fallback{align-items:center;background:radial-gradient(circle at 28% 26%,rgba(244,169,62,.34),transparent 34%),radial-gradient(circle at 78% 76%,rgba(95,227,196,.24),transparent 36%),linear-gradient(160deg,#202635,#11141d);display:flex;justify-content:center}.music-home-card__thumb--fallback>span{align-items:center;backdrop-filter:blur(8px);background:rgba(12,14,20,.58);border-radius:50%;box-shadow:0 10px 22px rgba(12,14,20,.18);color:#fff;display:inline-flex;font-family:var(--font-display),sans-serif;font-size:17px;font-weight:800;height:52px;justify-content:center;position:relative;width:52px;z-index:1}.music-home-card__add{backdrop-filter:blur(4px);background:rgba(12,14,20,.55);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:30px;line-height:1;opacity:0;position:absolute;right:var(--space-2);top:var(--space-2);transform:scale(.88);transition:all var(--transition);width:30px;z-index:2}.music-home-card:focus-within .music-home-card__add,.music-home-card:hover .music-home-card__add{opacity:1;transform:scale(1)}.music-home-card__add:hover{background:var(--accent);color:#1a1306}.music-home-card__body{display:flex;flex-direction:column;gap:6px;padding:var(--space-3)}.music-home-card__body h3{display:-webkit-box;font-size:13.5px;font-weight:700;line-height:1.32;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.music-home-card__body p{color:var(--text-faint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-body{display:flex;flex-direction:column;gap:10px}.discovery-summary{align-items:stretch;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.discovery-summary[hidden]{display:none}.discovery-side,.discovery-spotlight{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.discovery-spotlight{cursor:pointer;display:flex;flex-direction:column;min-height:220px;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.discovery-spotlight:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.spotlight-art{align-items:center;background:linear-gradient(135deg,rgba(217,123,42,.26),rgba(26,158,128,.22)),linear-gradient(160deg,var(--surface-sunken),var(--bg-soft));background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:250px;overflow:hidden;position:relative}.card-thumb--fallback:after,.spotlight-art:after{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.16) 0 4px,transparent 4px 12px);content:"";height:42%;inset:auto -10% 18% -10%;opacity:.75;position:absolute;transform:skewY(-5deg)}.spotlight-art>span:not(.duration-pill),.thumb-initials{align-items:center;backdrop-filter:blur(8px);background:rgba(12,14,20,.58);border-radius:50%;box-shadow:0 12px 28px rgba(12,14,20,.18);color:#fff;display:inline-flex;font-family:var(--font-display),sans-serif;font-size:24px;font-weight:800;height:72px;justify-content:center;position:relative;width:72px;z-index:1}.spotlight-copy{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;min-width:0;padding:var(--space-5)}.spotlight-copy h3{display:-webkit-box;font-size:20px;font-weight:800;-webkit-line-clamp:2;line-height:1.16;-webkit-box-orient:vertical;overflow:hidden}.spotlight-copy p{color:var(--text-muted);font-size:13.5px}.spotlight-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.compact-action{padding:9px 15px}.discovery-side{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.metric-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.metric-grid div{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--space-3)}.metric-grid strong{font-family:var(--font-display),sans-serif;font-size:19px;line-height:1}.metric-grid span{color:var(--text-faint);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-result-list{display:flex;flex-direction:column;gap:var(--space-2)}.mini-result{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);min-width:0;padding:var(--space-2);text-align:left;transition:background var(--transition),border-color var(--transition);width:100%}.mini-result:hover{background:var(--surface-hover);border-color:var(--border)}.mini-result__thumb{align-items:center;background:linear-gradient(135deg,rgba(217,123,42,.28),rgba(26,158,128,.22)),var(--surface-sunken);background-position:50%;background-size:cover;border-radius:var(--radius-sm);color:var(--text);display:inline-flex;flex-shrink:0;font-family:var(--font-display),sans-serif;font-size:13px;font-weight:800;height:52px;justify-content:center;width:52px}.mini-result__copy{display:flex;flex-direction:column;gap:3px;min-width:0}.mini-result__copy small,.mini-result__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-result__copy strong{font-size:13px;font-weight:700}.mini-result__copy small{color:var(--text-faint);font-size:12px}.content-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.content-card:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-thumb{aspect-ratio:16/9;background:linear-gradient(160deg,var(--surface-sunken) 0,var(--bg-soft) 100%);background-position:50%;background-size:cover;overflow:hidden;position:relative}.card-thumb--fallback{align-items:center;background:radial-gradient(circle at 28% 26%,rgba(244,169,62,.38),transparent 34%),radial-gradient(circle at 78% 76%,rgba(95,227,196,.28),transparent 36%),linear-gradient(160deg,#202635,#11141d);display:flex;justify-content:center}.rank-pill{background:rgba(12,14,20,.62);font-weight:700;left:var(--space-2);top:var(--space-2);z-index:1}.duration-pill,.rank-pill{backdrop-filter:blur(4px);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono),sans-serif;font-size:11px;letter-spacing:.02em;padding:3px 8px;position:absolute}.duration-pill{background:rgba(12,14,20,.72);bottom:var(--space-2);font-weight:600}.add-button,.duration-pill{right:var(--space-2);z-index:2}.add-button{align-items:center;backdrop-filter:blur(4px);background:rgba(12,14,20,.55);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;line-height:1;opacity:0;position:absolute;top:var(--space-2);transform:scale(.85);transition:all var(--transition);width:32px}.content-card:focus-within .add-button,.content-card:hover .add-button{opacity:1;transform:scale(1)}.add-button:hover{background:var(--accent);color:#1a1306}.content-card__body{display:flex;flex-direction:column;gap:6px;padding:var(--space-3) var(--space-4) var(--space-4)}.card-kicker{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;min-width:0}.card-kicker>span:last-child{color:var(--text-faint);letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-kicker>span:last-child,.type-pill{font-family:var(--font-mono),sans-serif;font-size:10.5px;font-weight:600;text-transform:uppercase}.type-pill{align-self:flex-start;background:var(--accent-2-soft);border-radius:var(--radius-sm);color:var(--accent-2);display:inline-flex;flex-shrink:0;letter-spacing:.08em;padding:3px 8px}.content-card__body h3{display:-webkit-box;font-size:14.5px;font-weight:600;-webkit-line-clamp:2;line-height:1.35;-webkit-box-orient:vertical;overflow:hidden}.content-card__body p{color:var(--text-faint);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tags{display:flex;flex-wrap:wrap;gap:5px;min-height:23px}.card-tags span{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);padding:2px 7px}.card-footer,.card-tags span{font-size:11px;font-weight:600}.card-footer{align-items:center;border-top:1px solid var(--border);color:var(--text-faint);display:flex;font-family:var(--font-mono),sans-serif;gap:var(--space-2);justify-content:space-between;margin-top:var(--space-1);padding-top:var(--space-2)}.card-footer span:last-child{color:var(--accent-strong)}.load-more-sentinel{align-items:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-faint);display:flex;font-family:var(--font-display),sans-serif;font-size:13px;font-weight:600;justify-content:center;margin-top:10px;min-height:56px}.load-more-sentinel[hidden]{display:none}.load-more-sentinel.is-loading:before{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);content:"";height:16px;margin-right:var(--space-2);width:16px}@keyframes spin{to{transform:rotate(1turn)}}.content-card.is-loading{cursor:default}.line-placeholder,.thumb-placeholder{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.thumb-placeholder{aspect-ratio:16/9;border-radius:0}.content-card.is-loading .content-card__body{gap:10px;padding:var(--space-3) var(--space-4) var(--space-4)}.line-placeholder{height:12px;width:100%}.line-placeholder.short{width:55%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-faint);font-size:13.5px;padding:var(--space-5);text-align:center}.empty-state.full-row{grid-column:1/-1}.queue-header{align-items:center}.queue-header h2{font-size:18px;font-weight:700}.queue-header .eyebrow{display:block;margin-bottom:2px}.job-list{gap:var(--space-3)}.job-card,.job-list{display:flex;flex-direction:column}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.job-card__top{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between}.job-card__top h3{display:-webkit-box;font-size:13.5px;font-weight:600;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.job-card__top span{background:var(--accent-2-soft);border-radius:var(--radius-sm);color:var(--accent-2);flex-shrink:0;font-family:var(--font-mono),sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;padding:3px 8px;text-transform:uppercase}.progress-bar{background:var(--surface-sunken);border-radius:var(--radius-pill);height:6px;overflow:hidden;position:relative}.progress-bar span{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:var(--radius-pill);inset:0;position:absolute;transition:width .4s var(--ease);width:0}.job-card__meta{color:var(--text-faint);font-family:var(--font-mono),sans-serif;font-size:11.5px}.job-link{align-items:center;align-self:flex-start;color:var(--accent-strong);display:inline-flex;font-family:var(--font-display),sans-serif;font-size:12.5px;font-weight:600;gap:4px;transition:color var(--transition)}.job-link:after{content:"↓";font-weight:700}.job-link:hover{color:var(--accent)}.toast-root{bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(360px,calc(100vw - 32px));position:fixed;right:var(--space-5);z-index:1000}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--text-faint);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text);font-size:13.5px;font-weight:500;opacity:0;padding:var(--space-3) var(--space-4);transform:translateY(12px) scale(.98);transition:opacity .25s var(--ease),transform .25s var(--ease)}.toast.is-visible{opacity:1;transform:translateY(0) scale(1)}.toast--success{border-left-color:var(--accent-2)}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--accent)}.custom-modal-backdrop{align-items:center;backdrop-filter:blur(6px);background:var(--scrim);box-sizing:border-box;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.custom-modal-backdrop.is-open{display:flex}.custom-modal{--modal-tone:var(--accent);--modal-tone-soft:var(--accent-soft);animation:customModalReveal .2s var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-top:4px solid var(--modal-tone);box-shadow:var(--shadow-lg);color:var(--text);display:flex;flex-direction:column;max-height:min(86vh,760px);max-width:min(540px,calc(100vw - 32px));min-width:0;overflow:hidden;width:100%}@keyframes customModalReveal{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-modal--success{--modal-tone:var(--accent-2);--modal-tone-soft:var(--accent-2-soft)}.custom-modal--danger{--modal-tone:var(--danger);--modal-tone-soft:var(--danger-soft)}.custom-modal--disc,.custom-modal--info,.custom-modal--warning{--modal-tone:var(--accent);--modal-tone-soft:var(--accent-soft)}.custom-modal__header{align-items:flex-start;display:flex;gap:var(--space-3);min-width:0;overflow:auto;padding:22px 24px 18px}.custom-modal__icon{align-items:center;background:var(--modal-tone-soft);border:1px solid var(--modal-tone-soft);border-radius:var(--radius-md);color:var(--modal-tone);display:inline-flex;flex:0 0 auto;font-size:20px;height:42px;justify-content:center;line-height:1;width:42px}.custom-modal__content{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:0}.custom-modal__filename,.custom-modal__subtitle,.custom-modal__title{color:var(--text);font-family:var(--font-display),sans-serif;letter-spacing:0;line-height:1.25;margin:0;overflow-wrap:anywhere}.custom-modal__title{font-size:1.12rem;font-weight:800}.custom-modal__filename{color:var(--text-muted);font-size:.9rem;font-weight:700}.custom-modal__subtitle{font-size:1rem;font-weight:800}.custom-modal__message{color:var(--text-muted);font-size:.92rem;line-height:1.55;max-width:100%;min-width:0;overflow-wrap:anywhere}.custom-modal__body{border-top:1px solid var(--border);flex:1;min-height:0;overflow:auto;padding:18px 24px}.custom-modal__footer{align-items:center;background:var(--bg-soft);border-top:1px solid var(--border);display:flex;gap:var(--space-2);justify-content:flex-end;padding:14px 24px}.custom-modal .btn-outline,.modal-btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-display),sans-serif;font-size:.85rem;font-weight:800;justify-content:center;min-height:40px;padding:10px 20px;transition:transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);white-space:nowrap}.custom-modal .btn-outline:hover,.modal-btn:hover{transform:translateY(-1px)}.custom-modal .btn-outline:active,.modal-btn:active{transform:translateY(0)}.modal-btn-confirm,.modal-btn-ok{background:var(--modal-tone);box-shadow:0 8px 18px -10px var(--modal-tone);color:#1a1306}.modal-btn-confirm:hover,.modal-btn-ok:hover{background:var(--accent-strong)}.custom-modal--success .modal-btn-confirm,.custom-modal--success .modal-btn-confirm:hover,.custom-modal--success .modal-btn-ok,.custom-modal--success .modal-btn-ok:hover{background:var(--accent-2)}.custom-modal--danger .modal-btn-confirm,.custom-modal--danger .modal-btn-ok{background:var(--danger);color:#fff}.custom-modal--danger .modal-btn-confirm:hover,.custom-modal--danger .modal-btn-ok:hover{background:var(--danger)}.custom-modal .btn-outline,.modal-btn-cancel{background:transparent;border-color:var(--border);color:var(--text)}.custom-modal .btn-outline:hover,.modal-btn-cancel:hover{background:var(--surface-hover);border-color:var(--modal-tone);color:var(--modal-tone)}.custom-modal:has(.stream-selection-modal),.track-extractor-modal{max-width:min(920px,calc(100vw - 32px))}.custom-modal:has(.stream-selection-modal) .custom-modal__header,.track-extractor-modal .custom-modal__header{max-height:calc(86vh - 70px)}.stream-selection-modal,.stream-selection-preview-grid{display:grid;gap:var(--space-3)}.stream-selection-section{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.stream-selection-section h4{color:var(--text);font-size:.9rem;font-weight:800;margin-bottom:var(--space-2)}.stream-list{display:grid;gap:var(--space-2)}.stream-item{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:10px 12px}.stream-item:hover{background:var(--surface-hover);border-color:var(--accent)}.stream-item input{accent-color:var(--accent);flex:0 0 auto;margin-top:3px}.stream-info,.video-info{color:var(--text-muted);font-size:.86rem;line-height:1.45;min-width:0;overflow-wrap:anywhere}.stream-info strong{color:var(--text)}.stream-selection-preview-toggle{align-items:center}.stream-selection-preview-fields{display:none;margin-top:var(--space-3)}.stream-selection-preview-fields.is-open{display:block}.preview-time-editor{display:grid;gap:var(--space-2)}.preview-time-editor__title{color:var(--text);font-weight:700}.preview-time-editor__buttons,.preview-time-editor__row,.stream-selection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.preview-time-editor__inputs{display:flex;gap:var(--space-2)}.preview-time-editor__input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;text-align:center;width:74px}.stream-selection-action-btn{min-height:36px;padding:8px 12px}.track-extractor-file{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);font-family:var(--font-mono),sans-serif;font-size:.78rem;overflow-wrap:anywhere;padding:8px 10px}.track-extractor-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.track-extractor-body{display:grid;gap:var(--space-3);max-height:46vh;overflow:auto;padding-right:2px}.track-extractor-section{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.track-extractor-section__title{color:var(--text);font-size:.9rem;font-weight:800;margin-bottom:var(--space-2)}.track-extractor-list{display:grid;gap:var(--space-2)}.track-extractor-item{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:10px 12px}.track-extractor-item:hover{background:var(--surface-hover);border-color:var(--accent)}.track-extractor-item input{accent-color:var(--accent);flex:0 0 auto;margin-top:3px}.track-extractor-item__main{display:grid;gap:2px;min-width:0}.track-extractor-item__name{color:var(--text);font-size:.86rem;font-weight:800;overflow-wrap:anywhere}.track-extractor-item__meta,.track-extractor-item__title{color:var(--text-muted);font-size:.78rem;overflow-wrap:anywhere}.track-extractor-progress{margin-top:var(--space-3)}.progress-container{display:grid;gap:var(--space-2)}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:var(--radius-pill);inset:0;position:absolute;transition:width .4s var(--ease);width:0}.progress-overlay{color:var(--text);font-family:var(--font-mono),sans-serif;font-size:.72rem;font-weight:800;inset:0;line-height:1;position:absolute;text-align:center}.progress-text{color:var(--text-muted);font-size:.82rem}.track-extractor-results{border-top:1px solid var(--border);display:grid;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3)}.track-extractor-results__title{color:var(--text);font-size:.9rem;font-weight:800}.track-extractor-output-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}#settingsModal{align-items:center;backdrop-filter:blur(6px);background:rgba(0,0,0,.65);box-sizing:border-box;display:none;height:100%;inset:0;justify-content:center;padding:20px;position:fixed;width:100%;z-index:1000!important}#settingsModal .settings-dialog{animation:settingsModalReveal .2s var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text);display:flex;flex-direction:column;max-height:85vh;max-width:880px;overflow:hidden;width:100%}@keyframes settingsModalReveal{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}#settingsModal .settings-dialog__header{align-items:center;background:var(--bg-soft);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}#settingsModal .settings-dialog__header h3{background:linear-gradient(135deg,var(--text),var(--accent-strong));background-clip:text;-webkit-background-clip:text;color:transparent;font-family:var(--font-display),sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:0;margin:0}#settingsModal #settingsClose{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:1.35rem;height:36px;justify-content:center;padding:8px;transition:all var(--transition);width:36px}#settingsModal #settingsClose:hover{background:var(--surface-hover);color:var(--text);transform:rotate(90deg)}#settingsModal .settings-dialog__body{background:var(--bg);flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin}#settingsModal #loginView{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:380px;min-height:320px;width:100%}#settingsModal #loginView form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;width:100%}#settingsModal #adminPass{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono),sans-serif;margin-top:8px;padding:12px 16px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}#settingsModal #adminPass:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}#settingsModal .settings-error{background:var(--danger-soft);border-left:3px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:.85rem;margin-top:12px;padding:12px}#settingsModal .settings-tabs{display:flex;flex-direction:column;gap:20px}#settingsModal .settings-tabs__bar{background:var(--bg);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;padding-bottom:8px;position:sticky;top:0;z-index:10}#settingsModal .settings-tab{background:transparent;border:none;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;font-family:var(--font-display),sans-serif;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all var(--transition)}#settingsModal .settings-tab:hover{background:var(--surface-hover);color:var(--text)}#settingsModal .settings-tab.is-active{background:var(--accent-soft);color:var(--accent-strong);position:relative}#settingsModal .settings-panel{animation:settingsModalFadeIn .2s ease;display:none}#settingsModal .settings-panel.is-active{display:block}@keyframes settingsModalFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#settingsModal .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}#settingsModal .settings-field-label{color:var(--text);font-family:var(--font-display),sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}#settingsModal .settings-field-hint{color:var(--text-faint);font-size:.75rem;line-height:1.4}#settingsModal .settings-field-hint.muted{background:var(--surface-sunken);border-left:2px solid var(--accent);border-radius:var(--radius-sm);padding:8px 12px}#settingsModal input:not([type=checkbox]):not([type=radio]),#settingsModal select{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-body),sans-serif;padding:10px 12px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}#settingsModal input:focus,#settingsModal select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}#settingsModal input[type=checkbox]{accent-color:var(--accent);height:18px;margin-right:8px;width:18px}#settingsModal select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2369718A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat}#settingsModal #f_HOMEPAGE_WIDGET_KEY{font-family:var(--font-mono),sans-serif;letter-spacing:.5px}#settingsModal #copyWidgetKeyBtn,#settingsModal #genWidgetKeyBtn,#settingsModal #toggleWidgetKeyBtn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all var(--transition);white-space:nowrap}#settingsModal #copyWidgetKeyBtn:hover,#settingsModal #genWidgetKeyBtn:hover,#settingsModal #toggleWidgetKeyBtn:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent-strong)}#settingsModal .settings-actions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}#settingsModal .settings-actions--between{justify-content:space-between}#settingsModal .settings-actions--end{justify-content:flex-end}#settingsModal .settings-actions__right{display:flex;gap:12px}#settingsModal .btn-outline,#settingsModal .btn-primary{align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;justify-content:center;padding:10px 24px;transition:all var(--transition)}#settingsModal .btn-primary{background:var(--accent);box-shadow:0 2px 8px var(--accent-soft);color:#1a1306}#settingsModal .btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}#settingsModal .btn-outline{background:transparent;border-color:var(--border);color:var(--text)}#settingsModal .btn-outline:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent-strong)}#settingsModal .btn-loading{color:transparent!important;pointer-events:none;position:relative}#settingsModal .btn-loading:after{animation:settingsModalSpin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;content:"";height:16px;left:calc(50% - 8px);position:absolute;top:calc(50% - 8px);width:16px}@keyframes settingsModalSpin{to{transform:rotate(1turn)}}#settingsModal .settings-section-title{border-left:3px solid var(--accent);color:var(--text);font-family:var(--font-display),sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:16px;padding-left:12px}#settingsModal .shake{animation:settingsModalShake .3s ease-in-out 0s 2}@keyframes settingsModalShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}:root[data-theme=dark] #settingsModal .btn-primary{color:#251704}:root[data-theme=dark] #settingsModal select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2397A0B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")}.playlist-track.is-active{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.playlist-track.is-active .playlist-track__index{color:var(--accent-strong)}.download-list-menu{animation:downloadListMenuPop .28s cubic-bezier(.2,.8,.2,1),downloadListMenuBeacon 1.15s ease-out .08s!important;background:var(--surface);border:1px solid var(--border)!important;border-color:var(--accent)!important;border-radius:var(--radius-md);box-shadow:0 0 0 3px var(--accent-soft),0 18px 48px -16px rgba(15,17,23,.42),var(--shadow-lg)!important;display:grid;gap:6px;max-height:min(360px,calc(100dvh - 24px));max-width:calc(100vw - 24px);min-width:min(240px,calc(100vw - 24px));outline:2px solid transparent!important;overflow:auto;overscroll-behavior:contain;padding:8px;position:fixed;transform-origin:top left!important;width:max-content;z-index:1200}.download-list-menu.is-open{outline-color:var(--accent-soft)!important}.download-list-menu:focus{outline-color:var(--accent)!important}@keyframes downloadListMenuPop{0%{opacity:0;transform:translateY(-8px) scale(.94)}55%{opacity:1;transform:translateY(2px) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes downloadListMenuBeacon{0%{box-shadow:0 0 0 0 var(--accent-soft),0 18px 48px -16px rgba(15,17,23,.42),var(--shadow-lg)}40%{box-shadow:0 0 0 9px var(--accent-soft),0 22px 54px -16px rgba(15,17,23,.46),var(--shadow-lg)}to{box-shadow:0 0 0 3px var(--accent-soft),0 18px 48px -16px rgba(15,17,23,.42),var(--shadow-lg)}}.collapsible-header{align-items:center;cursor:pointer}.collapsible-header:hover h2{color:var(--accent-strong)}.collapsible-header__actions,.section-header__actions{align-items:center;display:flex;gap:var(--space-3);justify-content:flex-end;min-width:0}.section-header__actions{flex:1;flex-wrap:wrap}.collapsible-toggle{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;position:relative;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition);width:34px}.collapsible-toggle:before{border:solid;border-width:0 2px 2px 0;content:"";height:8px;margin-top:3px;transform:rotate(-135deg);transition:transform var(--transition);width:8px}.collapsible-toggle:hover{background:var(--accent);border-color:var(--accent);color:#1a1306;transform:translateY(-1px)}.collapsible-panel.is-collapsed{gap:0}.collapsible-panel.is-collapsed .collapsible-toggle:before{margin-top:-3px;transform:rotate(45deg)}.collapsible-body[hidden]{display:none!important}.playlist-tracks-header.collapsible-header{align-items:center}.content-section.is-collapsed .preset-row{display:none}.content-card__actions .download-button,.music-home-card__actions .music-home-card__download,.playlist-track__download{align-items:center!important;display:inline-flex!important;font-size:0!important;justify-content:center!important;position:relative!important}.content-card__actions .download-button,.music-home-card__actions .music-home-card__download{backdrop-filter:blur(4px);background:rgba(12,14,20,.55)!important;border:none!important;color:#fff!important;opacity:0!important;transform:scale(.85)!important}.content-card__actions .download-button{height:32px!important;width:32px!important}.music-home-card__actions .music-home-card__download{height:30px!important;transform:scale(.88)!important;width:30px!important}.content-card:focus-within .content-card__actions .download-button,.content-card:hover .content-card__actions .download-button,.music-home-card:focus-within .music-home-card__actions .music-home-card__download,.music-home-card:hover .music-home-card__actions .music-home-card__download{opacity:1!important;transform:scale(1)!important}.content-card__actions .download-button:hover,.music-home-card__actions .music-home-card__download:hover{background:var(--accent)!important;color:#1a1306!important;transform:scale(1)!important}.download-icon{display:block;flex:0 0 auto;height:18px;pointer-events:none;width:18px}.playlist-track__download{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:50%;color:var(--text-muted)!important;cursor:pointer;font-size:18px;font-weight:900;height:32px!important;line-height:1;transform:none!important;transition:background var(--transition),color var(--transition),border-color var(--transition);width:32px!important}.playlist-track__download:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#1a1306!important}.ytlive-list-confirm-modal,.ytlive-list-name-modal{max-width:430px;width:min(430px,calc(100vw - 32px))}.ytlive-list-name-form{display:block;margin:0}.ytlive-list-name-modal .custom-modal__body{padding-top:0}.ytlive-list-name-form__label{color:var(--text-muted);display:block;font-family:var(--font-display),sans-serif;font-size:13px;font-weight:700;margin:8px 0}.ytlive-list-name-form__input{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-body),sans-serif;font-size:15px;font-weight:600;min-height:44px;outline:none;padding:11px 13px;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);width:100%}.ytlive-list-name-form__input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ytlive-list-name-form__error{color:var(--danger);font-size:12px;font-weight:700;min-height:18px;padding-top:6px}.icon-button{aspect-ratio:1/1;min-width:40px;padding:0}.content-card__actions,.music-home-card__actions{display:flex;gap:6px;position:absolute;right:10px;top:10px;z-index:3}.download-button,.music-home-card__download{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:50%;color:#1a1306;cursor:pointer;display:inline-flex;font-size:18px;font-weight:900;height:34px;justify-content:center;line-height:1;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition);width:34px}.download-button:hover,.music-home-card__download:hover{background:var(--accent-strong);transform:translateY(-1px)}.content-card__actions .add-button,.music-home-card__actions .music-home-card__add{position:static}.download-lists-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.download-lists-grid{display:grid;gap:var(--space-3);grid-auto-columns:minmax(285px,305px);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 2px var(--space-2);scroll-snap-type:inline proximity}.download-list-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:var(--space-3)}.download-list-card,.download-list-card__top{display:flex;flex-direction:column;gap:var(--space-3)}.download-list-card__top{align-items:flex-start;height:100px;justify-content:space-between}.download-list-card__top h3{display:-webkit-box;font-size:15px;font-weight:800;-webkit-line-clamp:2;line-height:1.3;-webkit-box-orient:vertical;overflow:hidden}.download-list-card__top p{color:var(--text-faint);font-family:var(--font-mono),sans-serif;font-size:11px;font-weight:700;margin-top:3px}.download-list-card__actions{align-items:center;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:6px}.download-list-card__actions .compact-action{border-radius:var(--radius-sm);font-size:12px;min-height:20px;padding:7px}.download-list-card__items{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;max-height:270px;overflow:auto;padding:0;padding-right:var(--space-1)}.download-list-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:var(--space-2);justify-content:space-between;min-height:44px;padding:7px 8px}.download-list-item span{display:grid;min-width:0}.download-list-item strong{font-size:12.5px;line-height:1.25}.download-list-item small,.download-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-list-item small{color:var(--text-faint);font-size:11.5px}.download-list-item__remove{align-items:center;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:17px;font-weight:800;height:26px;justify-content:center;line-height:1;width:26px}.download-list-item__remove:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.download-list-item--more{color:var(--text-faint);font-size:12px;justify-content:center}.download-list-menu__title{color:var(--text-faint);font-family:var(--font-mono),sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;padding:6px 8px;text-transform:uppercase}.download-list-menu__empty{color:var(--text-muted);font-size:12px;padding:8px}.download-list-menu__create,.download-list-menu__item{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:var(--font-display),sans-serif;font-size:13px;font-weight:700;max-width:100%;min-height:38px;overflow-wrap:anywhere;padding:9px 10px;text-align:left;transition:background var(--transition),border-color var(--transition),color var(--transition);white-space:normal}.download-list-menu__item:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent-strong)}.download-list-menu__create{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-strong);text-align:center}.download-list-menu__create:hover{border-color:var(--accent)}.card-thumb,.mini-result__thumb,.music-home-card__thumb,.playlist-track__thumb,.spotlight-art{overflow:hidden;position:relative}.ytlive-thumb-img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.ytlive-thumb-img:is(.spotlight-art__image,.card-thumb__image,.music-home-card__image){filter:contrast(1.02) saturate(1.04);object-fit:cover;object-position:center}.ytlive-thumb-missing .ytlive-thumb-img{display:none}.spotlight-art:not(.spotlight-art--fallback):after{content:none}.mini-result__thumb .ytlive-thumb-img,.playlist-track__thumb .ytlive-thumb-img{border-radius:inherit}.music-home-card__thumb--fallback>span,.spotlight-art>span:not(.duration-pill),.thumb-initials{z-index:1}@media (max-width:1440px){:root{--queue-expanded-w:296px}}@media (max-width:1180px){.ytlive-shell{grid-template-areas:"sidebar main" "sidebar queue";grid-template-columns:var(--sidebar-w) 1fr}.queue-panel{border-left:none;border-top:1px solid var(--border);height:auto;max-height:none;overflow:visible;position:static}.job-list{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:920px){.ytlive-shell{grid-template-areas:"sidebar" "main" "queue";grid-template-columns:1fr}.sidebar{backdrop-filter:blur(8px);background:var(--bg-soft);border-bottom:1px solid var(--border);border-right:none;flex-direction:row;gap:var(--space-4);height:auto;overflow-x:auto;padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:30}.topbar{top:60px}.brand{flex-shrink:0;padding:0}.brand:after{display:none}.sidebar-nav{flex-direction:row;gap:var(--space-1);overflow-x:auto}.sidebar-link{padding:9px var(--space-3);white-space:nowrap;width:auto}.sidebar-link.is-active:before{background:linear-gradient(90deg,var(--accent),transparent);border-radius:0;height:50%;left:0;top:50%;width:100%}.sidebar-link.is-active{background:var(--accent-soft)}.sidebar-footer{align-items:center;border-top:none;flex-direction:row;flex-shrink:0;gap:var(--space-2);margin-left:auto;margin-top:0;padding-top:0}.sidebar-footer:before,.sidebar-label{display:none}.compact-select{min-width:100px;width:auto}.player-layout{grid-template-columns:1fr}.player-frame{aspect-ratio:16/9}.main{padding:var(--space-4) var(--space-5)}.discovery-summary{display:flex;flex-direction:column}}@media (max-width:768px){#settingsModal .settings-dialog{max-height:90vh;max-width:95vw}#settingsModal .settings-dialog__body{padding:16px}#settingsModal .settings-tabs__bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}#settingsModal .settings-tab{flex-shrink:0;white-space:nowrap}#settingsModal .settings-actions{flex-direction:column;gap:8px}#settingsModal .settings-actions--between{flex-direction:column-reverse}#settingsModal .settings-actions__right{flex-direction:column;width:100%}#settingsModal .btn-outline,#settingsModal .btn-primary{justify-content:center;width:100%}#settingsModal #f_HOMEPAGE_WIDGET_KEY+div{flex-wrap:wrap}#settingsModal #copyWidgetKeyBtn,#settingsModal #genWidgetKeyBtn,#settingsModal #toggleWidgetKeyBtn{flex:1}}@media (max-width:640px){body{font-size:14px}.main{gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-6)}.brand__text{display:none}.topbar{flex-wrap:wrap;gap:var(--space-2)}.search-form{order:1;padding-left:var(--space-4);width:100%}.queue-chip{order:2}.quick-url-panel{flex-wrap:wrap}.quick-url-panel input{flex:1 1 100%;order:-1}.quick-url-panel .primary-button,.quick-url-panel .secondary-button{flex:1}.now-panel{padding:var(--space-4)}.now-actions{flex-direction:row;justify-content:center}.playlist-tracks-header{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.playlist-track{gap:var(--space-2);grid-template-columns:24px 52px minmax(0,1fr) 32px 32px}.playlist-track__duration{display:none}.output-panel label{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.output-panel input[type=number],.output-panel select{max-width:none;text-align:left;width:100%}.output-panel .check-row{align-items:center;flex-direction:row}.section-header{align-items:flex-start}.preset-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;width:100%}.preset-chip{flex-shrink:0}.music-shelf{padding:var(--space-3)}.music-shelf__rail{grid-auto-columns:minmax(175px,72vw)}.content-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.discovery-spotlight{grid-template-columns:1fr}.spotlight-art{aspect-ratio:16/9;min-height:auto}.spotlight-copy h3{font-size:21px}.job-list{grid-template-columns:1fr}.toast-root{bottom:var(--space-3);left:var(--space-3);max-width:none;right:var(--space-3)}.collapsible-header,.section-header__actions{align-items:flex-start}.section-header__actions{flex:0 0 100%;justify-content:space-between;width:100%}.collapsible-toggle{height:32px;width:32px}.download-list-card__top{flex-direction:column}.download-list-card__actions{align-items:stretch;flex-direction:row;width:100%}.download-list-card__actions .compact-action{flex:1}.quick-url-panel .icon-button{flex:0 0 44px}.content-card__actions,.music-home-card__actions{right:8px;top:8px}.download-button,.music-home-card__download{height:32px;width:32px}}@media (max-width:480px){#settingsModal .settings-dialog__header h3{font-size:1.2rem}#settingsModal .form-group{gap:4px}#settingsModal #loginView form{padding:16px}}@media (max-width:420px){.content-grid{grid-template-columns:1fr}.sidebar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}#nowTitle{font-size:18px}}@media (min-width:921px){.ytlive-shell:has(.queue-panel:is(:hover,:focus-within)){--queue-w:var(--queue-expanded-w)}}@media (min-width:1181px){.queue-panel{overflow:hidden auto;transition:padding .24s var(--ease),box-shadow .24s var(--ease),background var(--transition);z-index:35}.queue-panel:is(:hover,:focus-within){box-shadow:var(--shadow-md);justify-content:flex-start}.queue-panel:after{content:attr(data-collapsed-label);display:none}.queue-panel:not(:hover):not(:focus-within){align-items:center;gap:var(--space-3);overflow:hidden;padding:var(--space-5) 8px;pointer-events:none}.queue-panel:not(:hover):not(:focus-within) .job-list,.queue-panel:not(:hover):not(:focus-within) .queue-header{height:0;opacity:0;overflow:hidden;pointer-events:none;width:0}.queue-panel:not(:hover):not(:focus-within):after{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-display),sans-serif;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.08em;min-height:120px;padding:var(--space-3) 0;pointer-events:auto;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.download-list-menu{animation:none!important}}
/* end Ggrbz css editor */