:root{--bg-app: #0f1319;--bg-sidebar: #141923;--bg-card: #19202c;--bg-card-hover: #212a3a;--bg-input: #121720;--bg-player: #141a24;--bg-modal: #161c28;--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .14);--border-focus: #4f46e5;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-inverted: #0f1319;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-secondary: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-app: #f8fafc;--bg-sidebar: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-input: #ffffff;--bg-player: #ffffff;--bg-modal: #ffffff;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .16);--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverted: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-app);position:relative}.sidebar{width:240px;flex-shrink:0;background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-lg)}.sidebar-logo svg{width:28px;height:28px}.sidebar-brand{font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.5px;color:var(--text-primary)}.sidebar-badge{font-size:10px;padding:2px 6px;background-color:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--bg-card-hover);color:var(--accent-primary);font-weight:600}.nav-item svg{width:20px;height:20px}.sidebar-footer{padding-top:var(--space-md);border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-xs)}.main-stage{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.top-bar{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-app)}.search-trigger-bar{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 16px;width:380px;cursor:pointer;color:var(--text-muted);transition:border-color var(--transition-fast)}.search-trigger-bar:hover{border-color:var(--border-medium);color:var(--text-secondary)}.search-trigger-bar input{background:transparent;border:none;color:var(--text-primary);width:100%;outline:none}.content-viewport{flex:1;overflow-y:auto;padding:var(--space-xl);padding-bottom:140px}.section-title{font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.4px;margin-bottom:var(--space-md);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.podcast-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.podcast-card:hover{background-color:var(--bg-card-hover);transform:translateY(-2px)}.podcast-card-img{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-input)}.podcast-card-title{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podcast-card-author{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-card{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-lg);align-items:center;margin-bottom:var(--space-xl)}.continue-card-img{width:110px;height:110px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.continue-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.continue-subtitle{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--accent-primary);font-weight:600}.continue-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.continue-podcast-name{font-size:var(--font-size-sm);color:var(--text-secondary)}.progress-bar-container{width:100%;height:6px;background-color:var(--bg-input);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-xs)}.progress-bar-fill{height:100%;background-color:var(--accent-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-bar-animated{background:linear-gradient(90deg,var(--accent-primary),#60a5fa,var(--accent-primary));background-size:200% 100%;animation:shimmer-progress 2s linear infinite}@keyframes shimmer-progress{0%{background-position:200% 0}to{background-position:-200% 0}}.episode-list{display:flex;flex-direction:column;gap:8px}.episode-item{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.episode-item:hover{background-color:var(--bg-card-hover)}.episode-item-playing{border-color:var(--accent-primary);background-color:#3b82f614}.active-download-item{border-color:#3b82f64d;background-color:#3b82f60a}.download-spinner-container{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--bg-input);border-radius:var(--radius-full)}.episode-play-btn{width:42px;height:42px;border-radius:var(--radius-full);background-color:var(--accent-primary);color:var(--text-inverted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.episode-play-btn:hover{transform:scale(1.05)}.episode-main{flex:1;display:flex;flex-direction:column;gap:2px}.episode-title{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.episode-meta{font-size:var(--font-size-xs);color:var(--text-muted);display:flex;gap:var(--space-sm);align-items:center}.episode-actions{display:flex;align-items:center;gap:var(--space-xs)}.btn-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--border-subtle);color:var(--text-primary)}.text-accent-primary{color:var(--accent-primary)!important}.player-bar{position:absolute;bottom:0;left:0;right:0;height:84px;background-color:var(--bg-player);border-top:1px solid var(--border-medium);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);z-index:50;box-shadow:var(--shadow-lg);animation:slide-player-up .3s ease-out}.player-bar-active{border-top-color:var(--accent-primary);box-shadow:0 -4px 20px #3b82f626}.player-bar-accent-line{position:absolute;top:0;left:0;height:2px;background-color:var(--accent-primary);transition:width .2s linear}@keyframes slide-player-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.player-track-info{display:flex;align-items:center;gap:var(--space-sm);width:280px;cursor:pointer}.player-img-wrapper{position:relative;width:52px;height:52px;flex-shrink:0}.player-img{width:100%;height:100%;border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-input)}.player-img-equalizer-overlay{position:absolute;inset:0;background:#0006;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.player-track-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.player-track-title{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-show{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls-center{flex:1;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.player-buttons{display:flex;align-items:center;gap:var(--space-md)}.btn-play-large{width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--text-primary);color:var(--text-inverted);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast)}.btn-play-large:hover{transform:scale(1.05)}.btn-play-active{background-color:var(--accent-primary);color:var(--text-inverted)}.scrubber-container{display:flex;align-items:center;gap:var(--space-xs);width:100%}.scrubber-time{font-size:11px;color:var(--text-muted);width:45px;text-align:center}.scrubber-input{flex:1;height:4px;appearance:none;background:var(--border-medium);border-radius:var(--radius-full);outline:none;cursor:pointer}.scrubber-input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer}.player-actions-right{display:flex;align-items:center;gap:var(--space-xs);width:200px;justify-content:flex-end}.speed-badge{font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);background-color:var(--border-subtle);color:var(--text-secondary)}.speed-badge:hover{color:var(--text-primary);background-color:var(--border-medium)}.equalizer-icon{display:inline-flex;align-items:flex-end;gap:2px;height:14px;padding:0 2px}.equalizer-bar{width:3px;background-color:var(--accent-primary);border-radius:1px}.equalizer-icon.playing .bar-1{animation:bounce-bar .7s infinite alternate ease-in-out}.equalizer-icon.playing .bar-2{animation:bounce-bar .9s infinite alternate ease-in-out .2s}.equalizer-icon.playing .bar-3{animation:bounce-bar .6s infinite alternate ease-in-out .4s}.equalizer-icon.playing .bar-4{animation:bounce-bar .8s infinite alternate ease-in-out .1s}.equalizer-icon.paused .equalizer-bar{height:4px}@keyframes bounce-bar{0%{height:3px}to{height:14px}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-pulse{animation:pulse-glow 1.8s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.toast-container{position:fixed;top:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);background-color:var(--bg-modal);border:1px solid var(--border-medium);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--font-size-sm);animation:slide-toast-in .25s cubic-bezier(.16,1,.3,1)}.toast-info .toast-icon{color:var(--accent-primary)}.toast-success .toast-icon{color:var(--accent-secondary)}.toast-error .toast-icon{color:var(--accent-danger)}.toast-message{flex:1;line-height:1.4}.toast-dismiss{color:var(--text-muted);display:flex;align-items:center;justify-content:center}.toast-dismiss:hover{color:var(--text-primary)}@keyframes slide-toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-lg)}.modal-card{background-color:var(--bg-modal);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:85vh;overflow-y:auto;padding:var(--space-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{width:100%;height:60px;flex-direction:row;align-items:center;padding:0 var(--space-md);order:2;border-right:none;border-top:1px solid var(--border-subtle)}.sidebar-footer,.sidebar-logo{display:none}.nav-list{flex-direction:row;width:100%;justify-content:space-around}.main-stage{order:1;height:calc(100vh - 60px)}.top-bar{padding:0 var(--space-md)}.search-trigger-bar{width:100%}.player-bar{bottom:60px}.toast-container{inset:auto 16px 150px;max-width:none}}