@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cormorant-garamond-600-latin-CUoBjw-S.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/outfit-400-latin-Bc-8i84L.woff2)format("woff2")}:root[data-brand-mode=dark],:root{--bg:#111;--surface:#1a1a1a;--surface2:#222;--surface3:#242424;--card:#202020;--text:#e8e8e8;--muted:#888;--faint:#555;--text-on-accent:#0e1210;--accent:#6c8578;--accent-h:#8baf9e;--accent-d:#3d5249;--accent-muted:#7a9687;--coral:#e07b5b;--coral-light:#f0a184;--danger:#e07b5b;--danger-bg:#e07b5b1a;--danger-border:#e07b5b33;--success:#a3b5ae;--success-bg:#6c85781f;--success-border:#6c857873;--warning:#fde68a;--warning-bg:#fbbf241f;--warning-border:#fbbf2459;--info:#8baf9e;--info-bg:#8baf9e1f;--info-border:#8baf9e61;--border:#ffffff1a;--border-hover:#fff3;--border-focus:#6c857880;--accent-bg:#6c85781f;--accent-border:#6c857840;--accent-soft:#6c857826;--font-display:"Cormorant Garamond", Georgia, serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-editorial-title:"Fraunces", Georgia, serif;--font-editorial-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-base:1.45;--line-height-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--motion-fast:.12s;--motion-base:.2s;--motion-ease:cubic-bezier(.2, .8, .2, 1);--category-1:#6c8578;--category-2:#e07b5b;--category-3:#5b82e0;--category-4:#c76fc4;--category-5:#d9a03a;--category-6:#3fa8a8;--playlist-active-background:#3d5948;--playlist-active-icon:#dbeadd;--playlist-active-origin:#d0dfd4;--playlist-active-title:#f0f7f1;--playlist-background:#242a27;--playlist-background-deep:#1b211d;--playlist-chip:#34443b;--playlist-chip-border:#4c6355;--playlist-chip-label:#d7e8dd;--playlist-control:#344039;--playlist-divider:#3c4941;--playlist-icon:#b6c7bd;--playlist-input-background:#1b211d;--playlist-input-border:#4a5a50;--playlist-on-primary:#17231b;--playlist-on-primary-disabled:#8e9c94;--playlist-origin:#aab8b0;--playlist-placeholder:#7f8e86;--playlist-primary:#b7cdbb;--playlist-primary-disabled:#38423c;--playlist-selected:#2f3b34;--playlist-switch-off:#465149;--playlist-thumb-off:#b0bdb4;--playlist-thumb-on:#e0eadf;--playlist-title:#e8efeb}.font-display{font-family:var(--font-display)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fraunces-400-latin-PpnqT-tz.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-sans-400-latin-DIhteD11.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/dm-sans-500-latin-CFFYasob.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/cormorant-garamond-600-latin-CUoBjw-S.woff2)format("woff2")}:root,:root[data-brand-mode]{--font-heading:var(--font-editorial-body);--font-body:var(--font-editorial-body);--font-title:var(--font-editorial-title);--bg:var(--playlist-background);--surface:var(--playlist-background-deep);--surface2:var(--playlist-control);--surface3:var(--playlist-selected);--card:var(--playlist-selected);--text:var(--playlist-title);--muted:var(--playlist-origin);--faint:var(--playlist-placeholder);--border:var(--playlist-divider);--border-hover:var(--playlist-input-border);--accent:var(--playlist-primary);--accent-h:var(--playlist-active-icon);--text-on-accent:var(--playlist-on-primary);--accent-bg:var(--playlist-selected);--accent-border:var(--playlist-chip-border);--accent-soft:var(--playlist-chip)}h1,h2,:root .detail-header h2,:root .modal-header h2,:root .auth-heading h1,:root .channel-card h2,:root .channel-history-heading h2{font-family:var(--font-title);letter-spacing:0;font-weight:400}:root .nav-col{background:var(--surface)}:root .logo:before{display:none}*,:before,:after{box-sizing:border-box}:root{font-family:var(--font-body), system-ui, sans-serif;line-height:1.5;font-weight:var(--font-weight-regular);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;min-width:0;min-height:100dvh;margin:0;display:flex;overflow:hidden}#root{flex:1;min-width:0;max-width:100%;min-height:0;display:flex}a{font-weight:var(--font-weight-medium);color:var(--accent);-webkit-text-decoration:inherit;text-decoration:inherit}a:hover{color:var(--accent-h)}button{font-size:1em;font-weight:var(--font-weight-medium);background-color:var(--surface2);color:var(--text);cursor:pointer;transition:background-color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease);border:1px solid #0000;border-radius:4px;padding:.6em 1.2em;font-family:inherit}button:hover{border-color:var(--border)}h4,h5,h6{font-family:var(--font-heading)}.auth-container{background:var(--bg);min-height:100vh;color:var(--text);flex:1}.auth-shell{box-sizing:border-box;justify-content:center;align-items:center;width:min(560px,100%);min-height:100vh;margin:0 auto;padding:clamp(24px,4vw,56px);display:flex}.auth-card{box-sizing:border-box;background:var(--surface);border:0;border-radius:20px;width:100%;padding:clamp(28px,4vw,44px);position:relative;box-shadow:0 24px 64px #00000047}.auth-brand{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(42px,8vh,74px);display:flex}.auth-brand p{color:var(--muted);font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);margin:0 0 3px}.auth-card .logo{isolation:isolate;justify-content:center;width:124px;height:45px;display:inline-flex;position:relative}.auth-card .logo .logo-svg{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative}.auth-heading{margin-bottom:24px}.auth-heading h1{color:var(--text);font-family:var(--font-title);letter-spacing:0;margin:0 0 10px;font-size:clamp(38px,6vw,52px);font-weight:400;line-height:1.05}.auth-heading p{max-width:32ch;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.auth-heading strong{color:var(--text);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-field{color:var(--muted);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-direction:column;gap:8px;display:flex}.auth-input-wrap{box-sizing:border-box;border:1px solid var(--playlist-input-border);background:var(--playlist-input-background);min-height:52px;color:var(--playlist-icon);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:12px;align-items:center;gap:10px;padding:0 15px;display:flex}.auth-input-wrap:focus-within{border-color:var(--accent)}.auth-card input{width:100%;min-width:0;color:var(--text);font-family:var(--font-body);font-size:var(--font-size-base);background:0 0;border:0;outline:0;padding:0}.auth-card input::placeholder{color:var(--playlist-placeholder)}.auth-card button{min-height:52px;font-family:var(--font-body);font-size:15px;font-weight:var(--font-weight-medium);border-radius:26px}.auth-primary{background:var(--accent);width:100%;color:var(--text-on-accent);transition:background-color var(--motion-fast) var(--motion-ease);border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 22px;display:inline-flex}.auth-primary:hover:not(:disabled){background:var(--accent-h)}.auth-card button:disabled{opacity:.56;cursor:not-allowed}.auth-card button.text-button{min-height:auto;color:var(--muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);background:0 0;border:0;align-self:center;padding:6px 8px}.auth-card button.text-button:hover:not(:disabled){color:var(--text)}.auth-lang{border-top:1px solid var(--border);justify-content:flex-start;margin-top:28px;padding-top:18px;display:flex}.auth-error{border:1px solid var(--danger-border);background-color:var(--danger-bg);color:var(--coral-light);font-size:var(--font-size-sm);border-radius:12px;margin-bottom:18px;padding:12px 14px;line-height:1.45}@media (width<=900px){.auth-shell{width:min(520px,100%)}}@media (width<=520px){.auth-shell{align-items:center;padding:16px}.auth-card{padding:24px}.auth-brand{flex-direction:row;align-items:flex-end;gap:20px;margin-bottom:42px}.auth-heading h1{font-size:38px}.auth-lang{justify-content:center}}.player-container{z-index:2;background:var(--playlist-background);border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:auto;padding:10px 14px 12px;display:flex;position:sticky;bottom:0}.player-container .play-button{background:var(--accent);width:40px;height:40px;color:var(--text-on-accent);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 6px;padding:0;display:inline-flex}.player-container .play-button:hover{background:var(--accent-h)}.player-container .icon-button{width:32px;height:32px;color:var(--playlist-icon);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.player-container .icon-button:hover{background:var(--surface2);color:var(--text)}.player-controls{justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.player-controls .player-speed-wrap{position:absolute;right:0}.player-progress{align-items:center;gap:6px;min-width:0;display:flex}.player-progress .time{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:11px}.player-progress input[type=range]{background:var(--surface2);appearance:none;min-width:0;height:4px;accent-color:var(--accent);border-radius:2px;outline:none;flex:1}.player-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.speed-toggle{background:var(--surface2);min-width:38px;height:28px;color:var(--text);font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;border:0;border-radius:14px;padding:0 9px}.player-speed{background:var(--playlist-background);border:1px solid var(--border-hover);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000059}.player-speed .speed-button{min-width:64px;color:var(--muted);font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px}.player-speed .speed-button:hover{background:var(--surface2);color:var(--text)}.player-speed .speed-button.active{background:var(--playlist-selected);color:var(--text)}.player-container.is-entering .play-button{animation:.7s ease-out player-swap}@keyframes player-swap{0%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent)}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.player-container.is-entering .play-button{animation:none}}.detail-panel{scrollbar-gutter:stable;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden auto}.detail-panel.loading{justify-content:center;align-items:center}.detail-cover{flex-shrink:0;margin-bottom:8px;position:relative}.detail-cover img{aspect-ratio:16/9;object-fit:cover;background:var(--surface2);width:100%;display:block}.detail-cover-play{background:var(--accent);width:52px;height:52px;color:var(--text-on-accent);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:-24px;right:20px;box-shadow:0 6px 18px #0006}.detail-cover-play:hover{background:var(--accent-h)}.detail-inner{min-width:0;padding:20px 20px 24px}.detail-header{margin-bottom:14px}.detail-header h2{overflow-wrap:anywhere;font-family:var(--font-title);color:var(--text);margin:0 0 10px;font-size:28px;font-weight:400;line-height:1.18}.detail-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.origin-line{font-family:var(--font-body);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:12.5px;line-height:1.45;display:flex}.origin-src{color:var(--text);font-weight:var(--font-weight-medium);align-items:center;gap:5px;display:inline-flex}.origin-channel{color:var(--text);font-weight:var(--font-weight-medium)}.origin-source-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:22rem;overflow:hidden}.origin-url{color:var(--muted);font-weight:var(--font-weight-regular);border-bottom:1px solid var(--border-hover);overflow-wrap:anywhere;text-decoration:none}.origin-url:hover,.origin-url:focus-visible{color:var(--accent-h);border-bottom-color:var(--accent-h)}.origin-dot{color:var(--faint)}.automation-detail-label{color:var(--muted);font-family:var(--font-body);font-size:12px;line-height:1.3}.category-select{border:1px solid var(--border);height:28px;color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:14px;padding:0 10px;font-size:12px}.category-select:hover{color:var(--text);border-color:var(--border-hover)}.category-select option{background:var(--playlist-background);color:var(--text)}.detail-meta .icon-button.danger-text{width:28px;height:28px;color:var(--playlist-icon);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.detail-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:22px;padding-bottom:18px;display:flex}.detail-actions .icon-button{background:var(--surface2);min-width:38px;height:38px;color:var(--text);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:0;border-radius:19px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.detail-actions .icon-button.labeled{font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);gap:7px;padding:0 13px;line-height:1}.detail-actions .icon-button.labeled span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.detail-actions .icon-button:hover{background:var(--playlist-selected)}.detail-actions .icon-button.danger{color:var(--coral)}.detail-actions .icon-button.danger:hover{background:var(--danger-bg)}.ai-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.ai-tags .tag.ai{color:var(--muted);text-transform:none;letter-spacing:0;background:0 0;font-size:11px}.summary-content{font-family:var(--font-body);color:var(--text);overflow-wrap:anywhere;min-width:0;margin-bottom:24px;font-size:16px;line-height:1.65}.summary-content p{margin:0 0 14px}.summary-content h3{font-family:var(--font-title);margin:22px 0 8px;font-size:20px;font-weight:400;line-height:1.3}.summary-content h3:first-child{margin-top:0}.summary-content ul{margin:0 0 14px;padding-left:20px}.summary-content li{margin-bottom:6px}.summary-content strong{font-weight:var(--font-weight-medium);color:var(--playlist-active-title)}.summary-content.empty{color:var(--muted)}.up-next{border-top:1px solid var(--border);margin-bottom:8px;padding-top:4px}.up-next-header{color:var(--faint);align-items:center;gap:8px;margin:12px 0 4px;display:flex}.up-next-header h3{font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:1.4px;margin:0}.queue-item{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:10px;padding:9px 0;display:flex}.queue-item:last-child{border-bottom:0}.queue-item:hover .queue-item-text span:first-child{color:var(--accent-h)}.queue-item img,.queue-thumb{object-fit:cover;background:var(--surface2);border-radius:6px;flex-shrink:0;width:52px;height:36px}.queue-item img.queue-thumb-logo{object-fit:contain;background:var(--surface2);box-sizing:border-box;padding:6px}.queue-item .queue-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.queue-item .queue-item-text span{font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-item .queue-item-text span+span{color:var(--muted);font-size:11px;font-weight:var(--font-weight-regular)}.search-bar{background:var(--playlist-input-background);border:1px solid var(--playlist-input-border);min-width:0;transition:border-color var(--motion-fast) var(--motion-ease);border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{min-width:0;color:var(--text);font-family:var(--font-body);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1;padding:13px 0}.search-bar input::placeholder{color:var(--playlist-placeholder)}.search-bar svg{color:var(--playlist-icon);flex-shrink:0}.primary-button{background:var(--accent);height:44px;color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:none;border-radius:22px;flex-shrink:0;align-items:center;gap:8px;padding:0 20px;display:flex}.primary-button:hover{background:var(--accent-h)}.library-intake-section{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;gap:16px;padding:14px 16px 16px;display:flex}.ad-hoc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);flex-direction:column;padding:16px;display:flex;box-shadow:0 4px 16px #00000008}.ad-hoc-card:focus-within{border-color:var(--accent-border);box-shadow:0 4px 20px #0000000f}.ad-hoc-input-row{background:var(--playlist-input-background);border:1px solid var(--playlist-input-border);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:12px;align-items:center;gap:12px;padding:6px 6px 6px 14px;display:flex}.ad-hoc-input-row:focus-within{border-color:var(--accent)}.ad-hoc-icon{color:var(--playlist-icon);flex-shrink:0}.ad-hoc-input{min-width:0;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 0}.ad-hoc-input::placeholder{color:var(--playlist-placeholder)}.ad-hoc-clear{color:var(--muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ad-hoc-clear:hover{color:var(--text)}.btn-generate{background:var(--accent);height:40px;color:var(--text-on-accent);font-family:var(--font-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:0;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:inline-flex}.btn-generate:hover:not(:disabled){background:var(--accent-h)}.btn-generate:disabled{background:var(--playlist-primary-disabled);color:var(--playlist-on-primary-disabled);cursor:not-allowed}.ad-hoc-options-wrap{opacity:0;transition:grid-template-rows var(--motion-med,.22s) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), margin-bottom var(--motion-med,.22s) var(--motion-ease);order:-1;grid-template-rows:0fr;display:grid}.ad-hoc-card:focus-within .ad-hoc-options-wrap{opacity:1;border-bottom:1px dashed var(--border);grid-template-rows:1fr;margin-bottom:14px;padding-bottom:12px}.ad-hoc-options-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:0;display:flex;overflow:hidden}.option-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.option-label{font-size:12px;font-weight:var(--font-weight-medium);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.pill-selector{background:var(--surface2);border-radius:var(--radius-pill);border:1px solid var(--border);gap:2px;padding:3px;display:inline-flex}.pill-btn{border-radius:var(--radius-pill);font-size:12px;font-weight:var(--font-weight-medium);color:var(--muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;padding:4px 12px}.pill-btn:hover:not(:disabled){color:var(--text)}.pill-btn.active{background:var(--surface);color:var(--text);font-weight:var(--font-weight-semibold);box-shadow:0 1px 4px #00000014}.toggle-pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.toggle-pill:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.toggle-pill.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-h);font-weight:var(--font-weight-semibold)}.toggle-pill.robust-pill.active{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning);font-weight:var(--font-weight-semibold)}.ad-hoc-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger);align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;animation:.2s both card-in;display:flex}.capture-defaults{gap:14px;width:100%;min-width:0;display:grid}.capture-defaults-group{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;min-width:0;margin:0;padding:0;display:grid}.capture-defaults-group legend{width:100%;color:var(--muted);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;grid-column:1/-1;margin:0 0 2px}.capture-defaults-group .option-group{min-width:0}.capture-defaults-group .category-select{width:100%;min-width:0}.voice-picker{align-items:center;gap:6px;min-width:0;display:flex}.voice-sample-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:50%;flex:none;place-items:center;display:inline-grid}.voice-sample-btn:hover{border-color:var(--border-hover);color:var(--text)}.voice-sample-btn.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-h)}.capture-defaults-group .format-group,.capture-defaults-group>.option-group:first-of-type{grid-column:1/-1}.capture-delivery-library{min-width:0;color:var(--text);font-size:12px;font-weight:var(--font-weight-semibold);grid-column:1/-1;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.capture-delivery-library small{color:var(--muted);font-size:11px;font-weight:var(--font-weight-normal);overflow-wrap:anywhere}.capture-delivery-options{flex-wrap:wrap;grid-column:1/-1;gap:6px;min-width:0;display:flex}.capture-delivery-options .toggle-pill{white-space:nowrap;flex:82px;justify-content:center;min-width:0}.capture-delivery-options .toggle-pill:disabled{cursor:not-allowed;opacity:.5}.capture-defaults-status{min-height:16px;color:var(--muted);font-size:11px;display:block}.capture-defaults button:focus-visible,.capture-defaults select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-intake-section--sidebar{background:0 0;border-top:none;flex:none;margin-top:auto;padding:0 0 14px}.library-intake-section--sidebar+.account-controls{margin-top:0}.library-intake-section--sidebar .ad-hoc-card{box-shadow:none;background:0 0;border:0;padding:0}.library-intake-section--sidebar .ad-hoc-input-row{gap:8px;padding:5px 5px 5px 10px}.library-intake-section--sidebar .btn-generate{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}.library-intake-section--sidebar .btn-generate span{display:none}.library-intake-section--sidebar .ad-hoc-options-row{flex-direction:column;align-items:stretch;gap:12px}.library-intake-section--sidebar .capture-defaults-group{grid-template-columns:minmax(0,1fr)}.library-intake-section--sidebar .capture-defaults-group>*,.library-intake-section--sidebar .capture-delivery-options,.library-intake-section--sidebar .capture-delivery-library{grid-column:1}.library-intake-section--sidebar .capture-delivery-library{grid-template-columns:auto minmax(0,1fr)}.library-intake-section--sidebar .capture-delivery-library small{grid-column:1/-1}.library-intake-section--sidebar .capture-delivery-options .toggle-pill{flex-basis:72px}.library-intake-section--sidebar .option-group{flex-direction:column;align-items:stretch;gap:6px}.library-intake-section--sidebar .pill-selector{display:flex}.library-intake-section--sidebar .pill-btn{text-align:center;flex:1;padding:5px 6px}.library-intake-section--sidebar .option-group.format-group{flex-direction:row;gap:5px}.library-intake-section--sidebar .format-group .toggle-pill{flex:1;justify-content:center;gap:5px;min-width:0;padding:7px 4px;font-size:11px}.library-search-row{width:100%;min-width:0;max-width:100%;margin-bottom:16px;display:flex}.list-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:12px;display:flex}.list-toolbar .filters{flex:1;min-width:0}.play-all-button{max-width:100%;min-height:40px;color:var(--text-on-accent);background:var(--accent);font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);border:0;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.play-all-button:hover:not(:disabled){background:var(--accent-h)}.play-all-button:disabled{cursor:not-allowed;background:var(--playlist-primary-disabled);color:var(--playlist-on-primary-disabled)}.play-all-button .play-all-count{font-weight:var(--font-weight-medium,500);opacity:.75;font-variant-numeric:tabular-nums}.items-list{flex-direction:column;min-width:0;display:flex}.history-item{border-bottom:1px solid var(--border);cursor:pointer;min-width:0;transition:background-color var(--motion-fast) var(--motion-ease);align-items:center;gap:12px;margin:0 -12px;padding:10px 12px;display:flex}.history-item:last-child{border-bottom:0}.history-item:hover{background:var(--playlist-selected)}.history-item.selected,.history-item.selected:hover{background:var(--playlist-active-background)}.history-item.selected .item-content h3,.history-item.playing .item-content h3{color:var(--playlist-active-title)}.history-item.selected .item-meta,.history-item.playing .item-meta{color:var(--playlist-active-origin)}.history-item.playing{background:var(--playlist-active-background);position:relative;overflow:hidden}.history-item.playing .thumb-tile:after{content:"";background:#1111118c;position:absolute;inset:0}.library-h1{color:var(--text);font-family:var(--font-title);margin:0 0 16px;font-size:34px;font-weight:400;line-height:1.15}.thumb-eq{z-index:1;align-items:flex-end;gap:3px;height:16px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thumb-eq i{background:var(--accent-h);transform-origin:bottom;border-radius:1px;width:4px;animation:1s ease-in-out infinite eq-bounce}.thumb-eq i:first-child{height:60%;animation-delay:-.3s}.thumb-eq i:nth-child(2){height:100%;animation-delay:-.6s}.thumb-eq i:nth-child(3){height:45%}.thumb-eq.is-paused i{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.thumb-eq i{animation:none}}@keyframes eq-bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.playing-progress{background:var(--accent);pointer-events:none;height:2px;transition:width .5s linear;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:no-preference){.history-item{animation:.3s both card-in}}@keyframes card-in{0%{opacity:0}to{opacity:1}}.thumb-tile{background:var(--surface2);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:44px;display:flex;position:relative;overflow:hidden}.thumb-tile img{object-fit:cover;width:100%;height:100%;display:block}.thumb-tile .thumb-fallback{color:var(--playlist-icon)}.item-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.item-content h3{font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-medium);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.item-meta{min-width:0;font-family:var(--font-body);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.item-origin{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tag{font-family:var(--font-body);font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.6px;border-radius:var(--radius-pill);border:1px solid var(--playlist-chip-border);padding:1px 7px}.tag.audio{color:var(--accent)}.tag.text{color:var(--muted)}.tag.status{color:var(--muted);text-transform:none;letter-spacing:0;background:#ffffff12}.item-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.row-icon-button{width:34px;height:34px;color:var(--playlist-icon);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.row-icon-button:hover{background:var(--surface2);color:var(--text)}.row-icon-button.is-active{color:var(--accent-h)}.row-icon-button.danger:hover{color:var(--coral);border-color:var(--danger-border);background:var(--danger-bg)}.empty-state,.loading-state{text-align:center;color:var(--muted);font-size:var(--font-size-sm);padding:56px 16px;line-height:1.7}.empty-state p:first-child{color:var(--text);font-family:var(--font-title);margin-bottom:6px;font-size:20px;font-weight:400}.load-more{text-align:center;border:1px solid var(--border);width:100%;color:var(--muted);font-family:var(--font-body);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);background:0 0;border-radius:22px;margin-top:8px;padding:13px;font-size:13px;display:block}.load-more:hover:not(:disabled){color:var(--text);border-color:var(--border-hover)}.channels-panel{flex-direction:column;flex:1;gap:18px;min-width:0;min-height:0;display:flex;overflow:hidden}.section-title-row{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;display:flex}.section-title-row h1,.channel-subscribe-card h2,.channel-card h2{font-family:var(--font-heading);color:var(--text);margin:0}.section-title-row h1{font-family:var(--font-title);font-size:34px;font-weight:400;line-height:1.15}.eyebrow{color:var(--faint);font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 6px}.channel-subscribe-card{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:0 0 20px;display:flex}.channel-subscribe-card h2{font-family:var(--font-title);font-size:20px;font-weight:400}.channel-subscribe-card p,.channel-card p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.channel-input-row,.channel-options-row,.channel-controls{gap:12px;display:flex}.channel-input-row{align-items:stretch}.channel-options-row,.channel-controls{flex-wrap:wrap;align-items:center}.channel-options-row label,.channel-controls label{color:var(--faint);font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:1px;text-transform:uppercase;flex-direction:column;gap:6px;display:flex}.channel-options-row select,.channel-controls select{min-width:150px;color:var(--text);background:var(--playlist-input-background);border:1px solid var(--playlist-input-border);font-family:var(--font-body);text-transform:none;border-radius:10px;padding:9px 10px;font-size:13px}.checkbox-row{align-items:center;color:var(--muted)!important;text-transform:none!important;flex-direction:row!important}.checkbox-row input{accent-color:var(--accent)}.channel-error{color:var(--coral);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.channels-list{flex-direction:column;flex:1;min-width:0;min-height:0;margin:0 -12px;padding:0 12px 4px;display:flex;overflow:hidden auto}.channel-card{border-bottom:1px solid var(--border);cursor:pointer;min-width:0;transition:background-color var(--motion-fast) var(--motion-ease);align-items:flex-start;gap:14px;margin:0 -12px;padding:14px 12px;display:flex}.channel-card:hover{background:var(--playlist-selected)}.channel-card.is-paused{opacity:.72}.channel-card.is-selected,.channel-card.is-selected:hover{background:var(--playlist-active-background)}.channel-avatar{width:48px;height:48px;color:var(--playlist-icon);background:var(--surface2);border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.channel-avatar img{object-fit:cover;width:100%;height:100%}.channel-main{flex:1;min-width:0}.channel-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.channel-title-block{min-width:0}.channel-status-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:13px;line-height:1.5;display:flex}.channel-active-toggle{color:var(--text);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.channel-active-toggle input{width:14px;height:14px;accent-color:var(--accent)}.channel-active-toggle:has(input:disabled){cursor:wait;opacity:.65}.channel-card h2{font-family:var(--font-title);font-size:18px;font-weight:400;line-height:1.25}.channel-actions{flex-shrink:0;gap:4px;display:flex}.channel-history-panel,.channel-detail-stack{flex-direction:column;flex:1;min-height:0;display:flex}.channel-history-panel{gap:16px;padding:24px}.channel-history-heading,.channel-history-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.channel-history-heading h2{color:var(--text);font-family:var(--font-heading);font-size:21px;font-weight:var(--font-weight-medium);margin:0;line-height:1.2}.channel-history-header{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;padding:12px 16px;font-size:13px}.channel-history-header span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=720px){.list-toolbar{flex-direction:column;align-items:stretch}.play-all-button{width:100%}.channel-input-row,.channel-card{flex-direction:column}.channel-input-row .primary-button{justify-content:center;width:100%}.channel-actions{justify-content:flex-end;width:100%}}.today-pane{gap:var(--space-4);flex-direction:column;flex:1;width:calc(100% + 24px);min-width:0;max-width:none;min-height:0;margin:0 -12px;padding:0 12px;display:flex;overflow:hidden auto}.today-center{min-width:0;padding:var(--space-12) 0;justify-content:center;align-items:center;display:flex}.today-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.today-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:240px;min-width:0;display:flex}.today-h1{min-width:0;color:var(--text);font-family:var(--font-title);flex:120px;margin:0;font-size:34px;font-weight:400;line-height:1.15}.today-refresh{align-items:center;gap:var(--space-2);max-width:100%;display:inline-flex}.today-error{color:var(--danger);font-family:var(--font-body);font-size:var(--font-size-sm);margin:0}.today-section{flex-direction:column;min-width:0;max-width:100%;display:flex}.today-section-header{align-items:baseline;gap:var(--space-2);min-width:0;padding:var(--space-2) 0 var(--space-2);border-bottom:1px solid var(--border);display:flex}.today-section-title{min-width:0;color:var(--text);font-family:var(--font-title);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:19px;font-weight:400;line-height:1.3;overflow:hidden}.today-section-count{color:var(--muted);font-family:var(--font-body);font-size:var(--font-size-xs);flex-shrink:0}.today-date-divider{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) 0 var(--space-1);display:flex}.today-date-divider-line{background:var(--border);flex:1;height:1px}.today-date-divider-label{min-width:0;color:var(--muted);font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.today-card{border-bottom:1px solid var(--border);min-width:0;transition:background-color var(--motion-fast) var(--motion-ease);border-radius:0;margin:0 -12px;padding:10px 12px;overflow:hidden}.today-card:last-child{border-bottom:0}.today-card-clickable{cursor:pointer}.today-card-clickable:hover{background:var(--playlist-selected)}.today-card-active,.today-card-active:hover{background:var(--playlist-active-background)}.today-card-active .today-card-title{color:var(--playlist-active-title)}.today-card-active .today-card-body{color:var(--playlist-active-origin)}.today-media-row{align-items:center;gap:var(--space-3);min-width:0;max-width:100%;display:flex}.today-thumb{object-fit:cover;background:var(--surface2);border-radius:7px;flex-shrink:0;width:64px;height:44px}.today-thumb-empty{color:var(--playlist-icon);place-items:center;display:grid}.today-media-text{flex:1;min-width:0}.today-card-title{color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.35;font-weight:var(--font-weight-medium);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.today-card-body{color:var(--muted);font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}@media (width<=720px){.today-pane{gap:var(--space-4)}.today-header-row,.today-header-actions{align-items:stretch}.today-header-actions{justify-content:stretch;width:100%}.today-header-actions .play-all-button,.today-refresh{flex:132px}.today-thumb{width:56px;height:40px}}.layout{background:var(--bg);width:100%;min-width:0;max-width:100%;height:100dvh;min-height:0;color:var(--text);flex:1;display:flex;overflow:hidden}.layout>*{min-width:0}.loading-drop{min-height:78px;color:var(--muted);font-family:var(--font-body);font-size:var(--font-size-sm);flex-direction:column;justify-content:center;align-items:center;gap:12px;line-height:1.45;display:inline-flex;position:relative}.loading-drop--compact{min-height:42px;font-size:var(--font-size-xs);gap:8px}.loading-drop--inline{vertical-align:middle;gap:6px;min-height:0}.loading-drop__stage{isolation:isolate;contain:layout paint;place-items:center;width:64px;height:64px;display:inline-grid;position:relative}.loading-drop--compact .loading-drop__stage{width:38px;height:38px}.loading-drop--inline .loading-drop__stage{width:22px;height:22px}.loading-drop__aura,.loading-drop__ring{transform-origin:50%;border-radius:var(--radius-pill);position:absolute;inset:0}.loading-drop__aura{opacity:.62;background:radial-gradient(circle at 45% 38%,#dde7e124,#0000 36%),radial-gradient(circle at 50% 52%,#6c85782e,#6c85780d 60%,#0000 76%);animation:2.8s cubic-bezier(.25,1,.5,1) infinite loading-drop-aura}.loading-drop__ring{opacity:.78;border:1px solid #dde7e11f;animation:2.8s cubic-bezier(.25,1,.5,1) infinite loading-drop-ring;box-shadow:inset 0 1px 1px #ffffff14,0 12px 30px #0000002e,0 0 20px #6c85781a}.loading-drop__mark{filter:drop-shadow(0 6px 12px #0003)drop-shadow(0 0 10px #8baf9e2e);transform-origin:50%;width:28px;height:39px;animation:2.8s cubic-bezier(.25,1,.5,1) infinite loading-drop-breathe;position:relative;overflow:visible}.loading-drop--compact .loading-drop__mark{width:16px;height:22px}.loading-drop--inline .loading-drop__mark{width:10px;height:14px}.loading-drop__shape{fill:url(#sumus-drop-fill);stroke:#dde7e147;stroke-width:.18px;vector-effect:non-scaling-stroke}.loading-drop__glint{fill:none;stroke:#ffffff57;stroke-width:.42px;stroke-linecap:round;opacity:.58}.loading-drop__label{color:var(--muted);font-variant-numeric:tabular-nums;position:relative}@keyframes loading-drop-breathe{0%,to{opacity:.72;transform:translateY(1px)scale(.96)}50%{opacity:1;transform:translateY(-2px)scale(1.025)}}@keyframes loading-drop-aura{0%,to{opacity:.32;transform:scale(.94)}50%{opacity:.66;transform:scale(1.06)}}@keyframes loading-drop-ring{0%,to{opacity:.56;transform:scale(.985)}50%{opacity:.82;transform:scale(1.015)}}@media (prefers-reduced-motion:reduce){.loading-drop__aura,.loading-drop__ring,.loading-drop__mark{animation:none}}.nav-col{box-sizing:border-box;flex-direction:column;flex-shrink:0;width:248px;min-width:0;height:100dvh;min-height:0;padding:24px 16px 28px;display:flex;overflow:hidden}.logo{isolation:isolate;align-items:center;margin-bottom:24px;padding:0 8px;display:inline-flex;position:relative}.nav-col>.logo{align-self:flex-start;width:fit-content}.logo:before{content:"";border-radius:var(--radius-pill);filter:blur(8px);opacity:.85;pointer-events:none;z-index:-1;background:radial-gradient(110px 36px at 44% 55%,#6c85784d,#6c85781f 46%,#0000 74%);position:absolute;inset:-6px -4px -6px 0}.logo .logo-svg{width:auto;height:26px;display:block}.nav-col>ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-col li{color:var(--muted);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.nav-col li:hover{color:var(--text);background:var(--playlist-selected)}.nav-col li.active{color:var(--text);background:var(--playlist-selected);font-weight:var(--font-weight-medium)}.nav-section{flex-direction:column;flex:1;min-height:0;margin-top:24px;display:flex}.nav-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 12px;display:flex}.nav-section-header h3{font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:1.4px;color:var(--faint);margin:0}.nav-group{flex-direction:column;margin-top:20px;display:flex}.nav-group>ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.new-category{color:var(--muted);align-items:center;padding:2px;display:inline-flex}.new-category:hover{color:var(--text)}.category-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.category-list .count{font-size:var(--font-size-xs);color:var(--faint);font-variant-numeric:tabular-nums}.account-controls{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:12px;margin-top:auto;padding-top:16px;display:flex}.account-credits{justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}.account-credits-button{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px}.account-credits-button:hover{background:var(--card,#ffffff0d)}.account-usage{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.credit-meter{border-radius:var(--radius-pill);background:var(--surface2);height:4px;margin:-6px 4px 0;overflow:hidden}.credit-meter>i{border-radius:var(--radius-pill);background:var(--accent);height:100%;transition:width var(--motion-fast) var(--motion-ease);display:block}.account-identity{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex}.account-avatar{border-radius:var(--radius-pill);background:var(--surface2);width:28px;height:28px;color:var(--text);font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-medium);flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.account-actions{gap:4px;display:flex}.account-action{border:1px solid var(--border);min-width:0;color:var(--muted);cursor:pointer;white-space:nowrap;font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-medium);transition:color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 6px;display:inline-flex}.account-action:hover{color:var(--text);background:var(--playlist-selected);border-color:var(--border-hover)}.account-action svg{flex-shrink:0}.account-action-danger:hover{color:var(--coral);border-color:var(--danger-border);background:var(--danger-bg)}.account-lang-select{gap:5px;position:relative}.account-lang-select span{font-variant-numeric:tabular-nums;letter-spacing:.3px}.account-lang-select select{opacity:0;cursor:pointer;appearance:none;border:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.account-lang-select option{background:var(--card,var(--surface));color:var(--text)}.plan-badge{font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.6px;border-radius:var(--radius-pill);color:var(--accent);border:1px solid var(--playlist-chip-border);background:0 0;padding:2px 8px;display:inline-block}.library-col{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;height:100dvh;min-height:0;padding:24px 32px;display:flex;overflow:hidden}.library-col header{gap:12px;min-width:0;margin-bottom:20px;display:flex}.filters{flex-wrap:wrap;gap:8px;min-width:0;margin-bottom:20px;display:flex}.filters span{border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);color:var(--muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);background:0 0;padding:6px 14px}.filters span:hover{color:var(--text);border-color:var(--border-hover)}.filters span.active{background:var(--playlist-selected);border-color:var(--accent);color:var(--text)}.history{flex:1;min-width:0;min-height:0;margin:0 -12px;padding:0 12px;overflow:hidden auto}.pane-resizer{cursor:col-resize;z-index:20;-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:9px;height:100dvh;margin-left:-4px;margin-right:-4px;display:flex;position:relative}.pane-resizer:after{content:"";background:var(--border);width:1px;transition:background-color var(--motion-fast) var(--motion-ease), width var(--motion-fast) var(--motion-ease);position:absolute;top:0;bottom:0}.pane-resizer:hover:after,.pane-resizer.is-resizing:after{background:var(--accent);width:3px}.detail-col{background:var(--surface);flex-direction:column;flex-shrink:0;width:380px;min-width:0;height:100dvh;min-height:0;display:flex;overflow:hidden}.detail-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden auto}.empty-detail{text-align:center;color:var(--faint);font-size:var(--font-size-sm);flex:1;justify-content:center;align-items:center;padding:32px;line-height:1.6;display:flex}.text-button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}.text-muted{color:var(--muted)}.text-muted:hover{color:var(--text)}.lang-picker{color:var(--muted);cursor:pointer;align-items:center;gap:6px;display:inline-flex;position:relative}.lang-picker:hover{color:var(--text)}.lang-picker svg{flex-shrink:0}.lang-picker select{appearance:none;color:inherit;font-family:var(--font-heading);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;max-width:140px;padding:4px 2px}.lang-picker select:focus{outline:none}.lang-picker option{background:var(--card,var(--surface));color:var(--text)}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.history::-webkit-scrollbar{width:10px}.category-list::-webkit-scrollbar{width:10px}.history::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:var(--radius-pill);border:3px solid var(--bg)}.category-list::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:var(--radius-pill);border:3px solid var(--bg)}.history::-webkit-scrollbar-thumb:hover{background:var(--faint)}.category-list::-webkit-scrollbar-thumb:hover{background:var(--faint)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1180px){.detail-col{width:320px}.library-col{padding:24px}}@media (width<=960px){.nav-col{width:200px}}@media (width<=820px){.layout{flex-direction:column;overflow:hidden}.nav-col{border-bottom:1px solid var(--border);height:auto;max-height:42dvh;padding:16px;overflow-y:auto;width:100%!important}.pane-resizer,.detail-col{display:none}.library-col{flex:1;height:auto;padding:16px}}.checkout-banner{z-index:1000;background:var(--accent);max-width:calc(100vw - 32px);color:var(--text-on-accent);border-radius:var(--radius-pill);font-size:.875rem;font-weight:var(--font-weight-medium);animation:checkout-banner-in var(--motion-base) var(--motion-ease);align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.checkout-banner span{font-weight:var(--font-weight-medium)}@keyframes checkout-banner-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.checkout-banner{animation:none}}.account-split{border:1px solid var(--warning-border);border-left:3px solid var(--warning);background:var(--warning-bg);border-radius:12px;flex-direction:column;gap:8px;max-width:900px;margin:12px auto;padding:12px 14px;display:flex}.account-split__title{font-size:13px;font-weight:var(--font-weight-medium);color:var(--warning);margin:0}.account-split__body{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.account-split__actions{gap:8px;display:flex}.account-split__actions button,.account-split__actions a{font-size:12px;font-weight:var(--font-weight-medium);background:var(--surface2);color:inherit;cursor:pointer;border:0;border-radius:999px;padding:8px 14px;text-decoration:none}.account-split__actions .primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.state-card{background:var(--surface);text-align:center;border-radius:20px;max-width:400px;padding:2rem}.state-card h2{margin:0 0 1rem;font-size:26px}.state-card p{color:var(--muted);margin:0 0 1.5rem;line-height:1.5}.state-card-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{min-height:44px;font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;border:0;border-radius:22px;padding:0 20px}.btn--primary{background:var(--accent);color:var(--text-on-accent)}.btn--primary:hover{background:var(--accent-h)}.btn--ghost{background:var(--surface2);color:var(--text)}.btn--ghost:hover{background:var(--playlist-selected)}