:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-card:#111;--text-primary:#fafafa;--text-secondary:#a1a1a1;--text-muted:#8b8b8b;--accent:#10b981;--accent-hover:#059669;--accent-light:#34d399;--border:#262626;--border-hover:#404040;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #00000080;--navbar-bg:#0a0a0af2;--transition-fast:.15s ease;--transition-base:.2s ease;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e5e5e5;--bg-card:#fafafa;--text-primary:#171717;--text-secondary:#525252;--text-muted:#737373;--accent:#059669;--accent-hover:#047857;--accent-light:#10b981;--border:#e5e5e5;--border-hover:#d4d4d4;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--navbar-bg:#fffffff2}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}body,.navbar,.episode-card,input,select{transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base)}.navbar{background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;padding:.5rem 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.nav-controls{align-items:center;gap:.75rem;display:flex}.nav-links{background-color:var(--bg-secondary);width:280px;height:100vh;transition:right var(--transition-base);border-left:1px solid var(--border);z-index:100;flex-direction:column;gap:.25rem;padding:5rem 1.5rem 2rem;display:flex;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.875rem 1rem;font-size:1rem;font-weight:500}.nav-links a:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}@media (min-width:768px){.hamburger{display:none!important}.nav-links{background-color:#0000;border-left:none;flex-direction:row;gap:.25rem;width:auto;height:auto;padding:0;position:static}.nav-links a{padding:.5rem .875rem;font-size:.875rem}}.hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:flex}.hamburger span{background-color:var(--text-primary);width:24px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}.hero{background-color:var(--bg-primary);text-align:center;border-bottom:1px solid var(--border);padding:2rem 0 1.5rem}.hero-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.hero-subtitle{color:var(--text-secondary);margin-bottom:0;font-size:1rem}@media (min-width:768px){.hero{padding:3rem 0 2rem}.hero-title{font-size:2.5rem}}.search-container{max-width:400px;margin:1.5rem auto 0;position:relative}.search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.controls{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.5rem;display:flex}.sort-select{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a1' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;padding:.5rem 2rem .5rem .875rem;font-size:.875rem}.sort-select:focus{border-color:var(--accent)}.results-count{color:var(--text-muted);font-size:.875rem}@media (min-width:768px){.controls{flex-direction:row;align-items:center}}.episodes-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:480px){.episodes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.episodes-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width:1024px){.episodes-grid{grid-template-columns:repeat(4,1fr)}}.episode-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition-base), border-color var(--transition-base);overflow:hidden}.episode-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card-link{display:block}.card-image{aspect-ratio:16/9;background-color:var(--bg-tertiary);position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.episode-card:hover .card-image img{transform:scale(1.03)}.card-overlay{opacity:0;transition:opacity var(--transition-base);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.episode-card:hover .card-overlay{opacity:1}.play-icon{color:#fff;width:48px;height:48px}.card-content{padding:.875rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.episode-number{color:var(--accent);font-size:.75rem;font-weight:600}.episode-date{color:var(--text-muted);font-size:.75rem}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-muted);gap:.75rem;font-size:.75rem;display:flex}.meta-item{align-items:center;gap:.25rem;display:flex}.duration-badge{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.no-results{text-align:center;color:var(--text-muted);padding:4rem 2rem}.no-results.hidden{display:none}.no-results h3{color:var(--text-secondary);margin-bottom:.5rem}.back-to-top{background-color:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;opacity:0;visibility:hidden;width:44px;height:44px;transition:all var(--transition-base);z-index:50;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top svg{width:20px;height:20px;color:var(--text-secondary)}.back-to-top:hover{background-color:var(--accent);border-color:var(--accent)}.back-to-top:hover svg{color:#000}.back-to-top.visible{opacity:1;visibility:visible}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.875rem}.site-footer a{transition:color var(--transition-fast)}.site-footer a:hover{color:var(--accent)}.episode-detail-embed{aspect-ratio:16/9;border-radius:var(--radius-lg);background-color:var(--bg-card);border:1px solid var(--border);overflow:hidden}.episode-detail-embed iframe{border:none;width:100%;height:100%}.btn-yt{background:var(--accent);color:#000;border-radius:var(--radius-md);transition:all var(--transition-base);padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-block}.btn-yt:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 0 20px #10b9814d}