*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}a{color:inherit;text-decoration:none}body{background-color:var(--background);color:var(--foreground);background-image:radial-gradient(circle at 25% 25%, var(--gradient-bg1) 0%, transparent 50%), radial-gradient(circle at 75% 75%, var(--gradient-bg2) 0%, transparent 50%);overscroll-behavior:none;min-height:100vh;padding-bottom:60px;font-family:Plus Jakarta Sans,Noto Sans SC,HarmonyOS Sans,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:20px}header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--glass-border);z-index:100;padding:15px 0;transition:background .3s,border-color .3s;position:-webkit-sticky;position:sticky;top:0}@supports (padding:env(safe-area-inset-top)){header{padding-top:15px;padding-top:calc(15px + env(safe-area-inset-top));padding-left:0;padding-left:env(safe-area-inset-left);padding-right:0;padding-right:env(safe-area-inset-right)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-nav,.glass-card,.glass-modal,.glass-overlay{background:var(--bg-solid,#1a1a25f2)!important}}nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}nav .logo h1{background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}nav .logo img{flex-shrink:0}nav ul{align-items:center;gap:20px;list-style:none;display:flex}.mobile-menu-btn,.mobile-actions,.mobile-more-toggle{display:none}nav ul li a{color:var(--foreground);border-radius:6px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}nav ul li a:hover{background:var(--hover-bg);color:var(--primary)}nav ul li a[style*=primary]{font-weight:600}.hero{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:280px;margin:0 0 30px;padding:0;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--gradient-bg1) 0%, transparent 70%);width:200%;height:200%;animation:6s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.hero h2{background:linear-gradient(90deg, var(--foreground), var(--primary));-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:700;position:relative}.hero p{color:var(--muted-foreground);z-index:1;max-width:600px;margin:0 auto;font-size:1.2rem;position:relative}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:30px;display:grid}.episode-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);cursor:pointer;color:inherit;border-radius:12px;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.episode-card:hover{box-shadow:0 20px 25px -5px var(--shadow-color);border-color:#6366f180;transform:translateY(-8px)}.episode-card img{aspect-ratio:2/3;object-fit:cover;width:100%;transition:transform .3s}.episode-card:hover img{transform:scale(1.05)}.episode-card .card-content{z-index:1;flex-direction:column;gap:6px;padding:14px;display:flex;position:relative}.episode-card .btn-container{margin-top:auto;padding-top:8px}.episode-card h3{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden}.episode-card p{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.episode-card .status{border-radius:12px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status.ongoing{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.status.completed{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.status.upcoming{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f166}.btn-secondary{background:var(--hover-bg-stronger);color:var(--foreground);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--hover-bg-stronger);box-shadow:0 10px 25px -5px var(--shadow-color)}.episode-detail{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:16px;margin-top:30px;padding:30px;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.episode-detail:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);height:1px;position:absolute;top:0;left:0;right:0}.episode-info{z-index:1;gap:30px;margin-bottom:30px;display:flex;position:relative}.episode-info img{object-fit:cover;width:250px;height:375px;box-shadow:0 20px 25px -5px var(--shadow-color);border-radius:12px}.episode-details{flex:1}.episode-details h2{background:linear-gradient(90deg, var(--foreground), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2rem;font-weight:700}.episode-details p{color:var(--muted-foreground);margin-bottom:16px;line-height:1.6}.episode-details .meta-info{background:var(--hover-bg);border:1px solid var(--glass-border);border-radius:8px;margin:20px 0;padding:20px;transition:background .3s,border-color .3s}.episode-details .meta-info p{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.episode-details .meta-info p span:first-child{color:var(--muted-foreground)}.episode-details .meta-info p span:last-child{color:var(--foreground);font-weight:500}.episodes-list{z-index:1;margin-top:30px;position:relative}.episodes-list h3{color:var(--foreground);margin-bottom:20px;font-size:1.5rem;font-weight:600}.episode-item{border-bottom:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px 20px;transition:all .3s;display:flex}.episode-item:hover{background:var(--hover-bg);transform:translate(8px)}.episode-item:last-child{border-bottom:none;margin-bottom:0}.episode-item .episode-number{color:var(--primary);min-width:40px;margin-right:16px;font-weight:600}.episode-item .episode-info{flex-direction:column;flex:1;gap:4px;margin:0;display:flex}.episode-item .episode-info h4{color:var(--foreground);font-size:16px;font-weight:600}.episode-item .episode-info p{color:var(--muted-foreground);margin:0;font-size:14px}.auth-form{background:var(--glass-bg);max-width:450px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:16px;margin:60px auto;padding:40px;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.auth-form:before{content:"";background:radial-gradient(circle, var(--gradient-bg1) 0%, transparent 70%);pointer-events:none;width:200%;height:200%;animation:8s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}.auth-form h2{text-align:center;background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:1.8rem;font-weight:700;position:relative}.form-group{z-index:1;margin-bottom:20px;position:relative}.form-group label{color:var(--foreground);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{background:var(--input);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:8px;padding:14px 16px;font-size:16px;transition:all .3s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}input:invalid,textarea:invalid,select:invalid{border-color:var(--destructive-border,#ef4444)!important}input:invalid:focus,textarea:invalid:focus,select:invalid:focus{box-shadow:0 0 0 3px #ef44441f!important}.form-group input:invalid,.form-group textarea:invalid{border-color:var(--destructive-border,#ef4444)}input[data-errmsg]:after,textarea[data-errmsg]:after{display:none}.validation-msg{color:var(--destructive-text,#ef4444);margin-top:4px;font-size:12px;line-height:1.4}.form-group button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.form-group button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.form-group button:hover:before{left:100%}.form-group button:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f166}.user-profile{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:16px;margin-top:30px;padding:30px;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.user-profile:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);height:1px;position:absolute;top:0;left:0;right:0}.user-profile h2{background:linear-gradient(90deg, var(--foreground), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:1.8rem;font-weight:700}.user-info{background:var(--hover-bg);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:40px;padding:20px;transition:background .3s,border-color .3s}.user-info p{color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.user-info p span:last-child{color:var(--foreground);font-weight:500}.followed-episodes{margin-top:40px}.followed-episodes h3{color:var(--foreground);margin-bottom:20px;font-size:1.5rem;font-weight:600}.followed-episode-card{border-bottom:1px solid var(--border);background:var(--hover-bg);border-radius:8px;align-items:center;gap:20px;margin-bottom:16px;padding:20px;transition:all .3s;display:flex}.followed-episode-card:hover{background:var(--hover-bg-strong);transform:translate(8px)}.followed-episode-card img{object-fit:cover;width:100px;height:150px;box-shadow:0 10px 15px -3px var(--shadow-color);border-radius:8px}.followed-episode-info{flex:1}.followed-episode-info h4{color:var(--foreground);margin-bottom:8px;font-size:16px;font-weight:600}.followed-episode-info p{color:var(--muted-foreground);margin-bottom:12px;font-size:14px;line-height:1.4}.progress-bar{background:var(--hover-bg-stronger);border:1px solid var(--border);border-radius:5px;width:100%;height:10px;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:5px;height:100%;transition:width .3s}.admin-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:16px;margin-top:30px;padding:30px;transition:background .3s,border-color .3s;position:relative}.admin-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);height:1px;position:absolute;top:0;left:0;right:0}.admin-panel h2{background:linear-gradient(90deg, var(--foreground), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:1.8rem;font-weight:700}.admin-panel h3{color:var(--foreground);margin-top:30px;margin-bottom:20px;font-size:1.4rem;font-weight:600}.admin-panel h4{color:var(--foreground);margin-bottom:15px;font-size:1.2rem;font-weight:600}.admin-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.form-container{background:var(--hover-bg);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:20px;padding:20px;transition:background .3s,border-color .3s}.form-container h4{margin-bottom:20px}.empty-message{text-align:center;color:var(--muted-foreground);background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;margin:20px 0;padding:30px}.admin-table{border-collapse:collapse;background:var(--hover-bg);border:1px solid var(--glass-border);border-radius:8px;width:100%;margin-top:20px;overflow:hidden}.admin-table th{background:var(--hover-bg-strong);text-align:left;color:var(--foreground);border-bottom:1px solid var(--border);padding:16px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);color:var(--muted-foreground);padding:16px}.admin-table tr:hover{background:var(--hover-bg)}.admin-table tr:last-child td{border-bottom:none}.action-buttons{align-items:center;gap:8px;display:flex}.btn-small{padding:6px 12px;font-size:12px}.btn-small:hover{transform:translateY(-1px)}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px;display:grid}.dashboard-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);text-align:center;color:var(--foreground);box-shadow:0 10px 25px -5px var(--shadow-color);border-radius:12px;padding:30px;text-decoration:none;transition:all .3s}.dashboard-card:hover{box-shadow:0 15px 30px -10px var(--shadow-strong);border-color:var(--primary);transform:translateY(-5px)}.card-icon{margin-bottom:20px;font-size:48px}.dashboard-card h3{color:var(--primary);margin-bottom:10px}.dashboard-card p{color:var(--muted-foreground);font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--popover);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);width:90%;max-width:600px;max-height:90vh;box-shadow:0 20px 40px -10px var(--shadow-strong);color:var(--popover-foreground);border-radius:12px;padding:30px;transition:background .3s,border-color .3s;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.modal-header h3{color:var(--primary);margin:0}@media (max-width:768px){.dashboard-cards{grid-template-columns:1fr}.modal-content{width:95%;padding:20px}.admin-header{flex-direction:column;align-items:flex-start;gap:10px}.action-buttons{flex-direction:column;gap:5px}}.custom-select{width:100%;min-width:150px;position:relative}.select-header{background:var(--input);border:1px solid var(--border);cursor:pointer;color:var(--foreground);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;transition:all .3s;display:flex}.select-header:hover{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.select-value{flex:1}.select-arrow{color:var(--muted-foreground);margin-left:10px;font-size:12px;transition:transform .3s}.select-arrow.open{transform:rotate(180deg)}.select-dropdown{background:var(--popover);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);max-height:200px;box-shadow:0 10px 25px -5px var(--shadow-color);border-radius:6px;transition:background .3s,border-color .3s;overflow-y:auto}.select-option{cursor:pointer;color:var(--popover-foreground);padding:10px 16px;font-size:14px;transition:all .3s}.select-option:hover{background:var(--hover-bg);color:var(--primary)}.select-option.selected{color:var(--primary);background:#6366f133;font-weight:500}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.checkbox-group{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.checkbox-group label{border:1px solid var(--border);cursor:pointer;background:var(--hover-bg);border-radius:6px;align-items:center;gap:4px;padding:6px 12px;transition:all .3s;display:flex}.checkbox-group label:hover{background:var(--hover-bg-strong);border-color:var(--primary)}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:var(--primary)}.checkbox-group span{color:var(--foreground);font-size:14px}.form-group textarea{background:var(--input);border:1px solid var(--border);width:100%;color:var(--foreground);resize:vertical;border-radius:8px;min-height:100px;padding:14px 16px;font-size:16px;transition:all .3s}.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.error-message{color:var(--destructive);text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:16px;padding:12px}.form-group select{background:var(--input);border:1px solid var(--border);width:100%;color:var(--foreground);cursor:pointer;border-radius:8px;padding:14px 16px;font-size:16px;transition:all .3s}.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.filter-section{background:var(--hover-bg);border:1px solid var(--glass-border);border-radius:8px;margin:30px 0;padding:20px;transition:background .3s,border-color .3s}.filters{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.filters select{background:var(--input);border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:6px;min-width:150px;padding:10px 16px;transition:all .3s}.filters select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.episode-meta{background:var(--hover-bg);border-radius:6px;justify-content:space-between;align-items:center;margin:6px 0;padding:8px 12px;display:flex}.episode-meta span{color:var(--muted-foreground);font-size:13px}.episode-meta span:last-child{color:var(--foreground);font-weight:500}table{border-collapse:collapse;background:var(--hover-bg);border:1px solid var(--glass-border);border-radius:8px;width:100%;overflow:hidden}table th{background:var(--hover-bg-strong);text-align:left;color:var(--foreground);border-bottom:1px solid var(--border);padding:16px;font-weight:600}table td{border-bottom:1px solid var(--border);color:var(--muted-foreground);padding:16px}table tr:hover{background:var(--hover-bg)}table tr:last-child td{border-bottom:none}@media (max-width:768px){.container{padding:12px}.admin-sidebar-desktop{display:none!important}.admin-sidebar-mobile{display:block!important}.admin-main-content{margin-left:0!important}nav{flex-direction:row;gap:12px;padding:12px}.mobile-menu-btn{display:block!important}.mobile-actions{display:flex!important}.desktop-only-notif,.desktop-only-theme,.desktop-more-btn{display:none!important}.mobile-more-toggle{display:list-item!important}nav ul{background:var(--card);border-bottom:1px solid var(--border);z-index:200;box-shadow:0 8px 24px var(--shadow-modal);flex-direction:column;gap:4px;padding:12px;display:none;position:absolute;top:100%;left:0;right:0}nav ul.mobile-open{display:flex}nav ul li{width:100%}nav ul li a,nav ul li button{text-align:left;border-radius:8px;width:100%;padding:10px 12px;display:block}.hero{height:auto;min-height:160px;margin:0 0 20px;padding:0}.hero h2{font-size:1.6rem}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.episode-info{text-align:center;flex-direction:column;align-items:center}.episode-info img{width:100%;max-width:200px;height:auto}.episode-details h2{font-size:1.4rem}.auth-form{margin:20px auto;padding:20px}.followed-episode-card{text-align:center;flex-direction:column}.followed-episode-card img{width:120px;height:180px}.filters{flex-direction:column}.filters select{width:100%}table{font-size:13px}table th,table td{padding:8px 6px}.episode-detail,.user-profile,.admin-panel{padding:16px}.admin-panel h2{font-size:1.4rem}.dashboard-cards{grid-template-columns:1fr}.dashboard-card{padding:16px}.card-icon{font-size:32px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.container{padding:8px}.episode-grid{grid-template-columns:1fr;gap:12px}.hero h2{font-size:1.3rem}.hero p{font-size:.9rem}.auth-form{margin:12px auto;padding:16px}.admin-panel{padding:12px}.admin-panel h2,.episode-details h2{font-size:1.2rem}.episode-detail,.user-profile,.dashboard-card{padding:12px}.card-icon{font-size:28px}table{font-size:12px}table th,table td{padding:6px 4px}nav .logo h1{font-size:1.2rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--foreground)}input::-ms-reveal{display:none}input::-ms-clear{display:none}input::-webkit-credentials-auto-fill-button{visibility:hidden}input::-webkit-caps-lock-indicator{margin-right:32px}dialog::backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog[open]{animation:.2s ease-out dialog-fade-in}@keyframes dialog-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}[popover]{background:var(--card);border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow-modal);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px}[popover]:popover-open{animation:.15s ease-out popover-fade-in}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--border:#ffffff4d;--text-secondary:#cbd5e1}[data-theme=light]{--border:#0003;--text-secondary:#475569}}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}@container episode-card (width<=250px){.episode-card-inner{flex-direction:column!important}.episode-card-inner img{width:100%!important;height:120px!important}}.episode-card:has(:hover){transform:translateY(-2px)}button,input,select,textarea{font-family:inherit}button,a,[role=button],[role=menuitem]{touch-action:manipulation}img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes page-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:.4s ease-out page-enter}.reveal.reveal-hidden{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.reveal.visible{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}.stagger-item.stagger-hidden{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(16px)}.stagger-item.visible{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.card-hover{transition:transform .25s,box-shadow .25s}.card-hover:hover{box-shadow:0 12px 40px var(--shadow-modal);transform:translateY(-4px)}.btn-press{transition:transform .1s}.btn-press:active{transform:scale(.96)}.skeleton-shimmer{background:linear-gradient(90deg, var(--hover-bg) 25%, var(--card) 50%, var(--hover-bg) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.btn,button[class*=btn]{transition:transform .1s,background .2s}.btn:active,button[class*=btn]:active{transform:scale(.96)}::view-transition-old(root){animation:.2s ease-in fade-out}::view-transition-new(root){animation:.25s ease-out fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-enter,.card-hover,.btn-press{transition:none!important;animation:none!important}.reveal.reveal-hidden,.stagger-item.stagger-hidden{opacity:1!important;transform:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}@media (max-width:375px){.container{padding:12px}nav{padding:0 12px}nav .logo h1{font-size:1.1rem}.hero{border-radius:12px;height:200px}.hero h2{font-size:1.5rem}.hero p{padding:0 12px;font-size:.9rem}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.auth-form{border-radius:12px;margin:30px auto;padding:24px 16px}.auth-form h2{font-size:1.4rem}.btn,button[class*=btn]{min-width:44px;min-height:44px}dialog{width:95%!important;max-width:340px!important}}@media (max-width:480px){.container{padding:14px}.hero{height:220px}.hero h2{font-size:1.8rem}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.auth-form{margin:40px auto;padding:28px 20px}.btn,button[class*=btn]{min-height:44px;padding:10px 16px}nav ul li a{padding:10px 12px}input,select,textarea{min-height:44px;font-size:16px!important}}@media (max-width:640px){.episode-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:768px){.dashboard-cards{grid-template-columns:1fr}.modal-content{width:95%;padding:20px}.admin-header{flex-direction:column;align-items:flex-start;gap:10px}.action-buttons{flex-direction:column;gap:5px}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.auth-form{max-width:400px}}@media (max-width:1024px){.episode-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (min-width:1441px){.container{max-width:1400px}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:300px){html{font-size:12px}body{padding-bottom:40px}.container{padding:6px}header{padding:8px 0}nav{padding:0 6px}nav .logo h1{font-size:.9rem}nav ul{display:none!important}.mobile-menu-btn{display:block!important}.hero{border-radius:8px;height:120px;margin-bottom:12px}.hero h2{margin-bottom:6px;font-size:1.1rem}.hero p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.hero:before{display:none}.episode-grid{grid-template-columns:1fr;gap:8px;margin-top:12px}.episode-card{border-radius:8px}.episode-card:hover{transform:none}.auth-form{border-radius:10px;margin:16px auto;padding:14px 10px}.auth-form:before{display:none}.auth-form h2{margin-bottom:14px;font-size:1.1rem}.btn,button[class*=btn]{border-radius:6px;min-height:40px;padding:8px 12px;font-size:12px}input,select,textarea{min-height:36px;border-radius:6px!important;padding:6px 10px!important;font-size:14px!important}dialog{border-radius:10px!important;width:96%!important;max-width:280px!important}.hero p,.episode-card .card-meta,.episode-card .card-description{display:none}}@media (min-width:1920px){html{font-size:18px}.container{max-width:1600px;padding:30px}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.hero{border-radius:20px;height:360px}.hero h2{font-size:3rem}.hero p{font-size:1.4rem}.auth-form{max-width:520px;padding:50px}}@media (min-width:1920px) and (hover:none) and (pointer:coarse){html{font-size:20px}.episode-card:hover{box-shadow:none;transform:none}.episode-card:focus-within,.episode-card:focus{box-shadow:0 0 0 3px var(--primary), 0 20px 40px var(--shadow-modal);z-index:10;outline:none;transform:scale(1.03)}:focus-visible{border-radius:8px;outline:3px solid var(--primary)!important;outline-offset:4px!important}.btn:focus-visible{box-shadow:0 0 0 6px #6366f14d;outline:3px solid var(--primary)!important;outline-offset:4px!important}button[class*=btn]:focus-visible{box-shadow:0 0 0 6px #6366f14d;outline:3px solid var(--primary)!important;outline-offset:4px!important}a:focus-visible{box-shadow:0 0 0 6px #6366f14d;outline:3px solid var(--primary)!important;outline-offset:4px!important}.btn,button[class*=btn]{min-height:52px;padding:12px 24px;font-size:16px}nav ul li a{padding:12px 20px;font-size:16px}input,select,textarea{min-height:52px;padding:12px 16px;font-size:18px}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.episode-card:focus-visible{box-shadow:0 0 0 3px var(--primary), 0 12px 40px var(--shadow-modal);outline:none;transform:translateY(-4px)}nav ul li a:focus-visible{background:var(--hover-bg);box-shadow:0 0 0 2px var(--primary)}@media (hover:none){.episode-card:hover{box-shadow:none;border-color:var(--glass-border);transform:none}.card-hover:hover{box-shadow:none;transform:none}.episode-card:active{transition:transform .1s;transform:scale(.98)}.btn,button[class*=btn],a[role=button]{min-width:44px;min-height:44px}.select-header{min-height:48px}}@supports (-webkit-touch-callout:none){body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px}*{-webkit-tap-highlight-color:transparent}}@supports (border-radius:999px){.episode-card{border-radius:16px}.auth-form{border-radius:20px}.btn,button[class*=btn]{border-radius:10px}}@media print{header,nav,.mobile-menu-btn,.btn,button,footer{display:none!important}body{color:#000!important;background:#fff!important;padding:0!important}.episode-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}}@media (horizontal-viewport-segments:2){.container{grid-template-columns:1fr env(viewport-segment-width 0 0) 1fr;gap:0;display:grid}.hero,.episode-grid{grid-column:1/-1}}@media (vertical-viewport-segments:2){.hero{height:50vh}}@media (min-width:768px) and (max-width:1024px) and (hover:none){.episode-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.btn,button[class*=btn]{min-height:44px}}@media (monochrome){.hero:before,.auth-form:before{display:none}.hero h2,.auth-form h2,nav .logo h1{background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:currentColor!important;background-clip:unset!important;color:var(--foreground)!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.episode-card,.auth-form{border:2px solid var(--foreground)!important}*{box-shadow:none!important}body{background-image:none!important}}@media (prefers-contrast:more){:root{--border:#0006;--text-secondary:#000c}.episode-card{border-width:2px}.btn,button[class*=btn]{border-width:2px;font-weight:600}}@media (min-width:2560px) and (hover:hover){html{font-size:20px}.container{max-width:2000px}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.hero{height:400px}.hero h2{font-size:3.5rem}}@media (min-width:960px) and (max-width:1920px) and (hover:none) and (pointer:coarse){:focus-visible{outline:3px solid var(--primary)!important;outline-offset:4px!important}.episode-card:focus-visible{box-shadow:0 0 0 4px var(--primary), 0 16px 40px var(--shadow-modal);transform:scale(1.02)}.btn,button[class*=btn]{min-height:48px;padding:12px 20px;font-size:15px}nav ul li a{padding:12px 18px;font-size:15px}input,select,textarea{min-height:48px;font-size:16px}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:720px) and (hover:none) and (pointer:coarse) and (orientation:portrait){.episode-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-height:500px) and (orientation:landscape){header{padding:6px 0}@supports (padding:env(safe-area-inset-top)){header{padding-top:6px;padding-top:calc(6px + env(safe-area-inset-top))}}.hero{height:140px}.hero h2{margin-bottom:6px;font-size:1.5rem}.hero p{font-size:.9rem}body{padding-bottom:40px}.auth-form{margin:16px auto;padding:20px}.auth-form h2{margin-bottom:14px;font-size:1.3rem}}@media (min-width:768px) and (max-height:600px) and (orientation:landscape){.hero{height:180px}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width:480px) and (max-width:640px){.episode-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:320px) and (max-width:480px){.container{padding:10px}.episode-grid{grid-template-columns:1fr}nav .logo h1{font-size:1.1rem}}@media (forced-colors:active){.btn,button[class*=btn]{border:2px solid buttontext}.episode-card{border:2px solid canvastext}a{text-decoration:underline}:focus-visible{outline-offset:2px!important;outline:2px solid highlight!important}input,select,textarea{border:2px solid buttontext}}@media (display-mode:standalone){header{padding-top:calc(15px + env(safe-area-inset-top,0px))}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.pwa-install-banner{display:none!important}}@media (display-mode:fullscreen){header{padding-top:calc(15px + env(safe-area-inset-top,0px))}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}@media (min-width:2560px){.container{max-width:2200px}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.hero{height:400px}.hero h2{font-size:3.5rem}.hero p{font-size:1.5rem}}@media (min-aspect-ratio:21/9){.container{max-width:1400px}.hero{max-width:1400px;margin-left:auto;margin-right:auto}}@media (min-width:800px) and (max-width:1280px) and (hover:none) and (pointer:coarse) and (orientation:landscape){.btn,button[class*=btn]{border-radius:12px;min-height:56px;padding:14px 24px;font-size:17px}nav ul li a{padding:14px 20px;font-size:17px}input,select,textarea{min-height:56px;padding:14px 16px;font-size:18px}.hero:before{display:none}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}:focus-visible{outline:4px solid var(--primary)!important;outline-offset:4px!important}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.episode-card{border-width:.5px}}@media (min-width:1024px) and (hover:none) and (pointer:coarse){.btn,button[class*=btn]{min-height:44px}.episode-card:focus-visible{box-shadow:0 0 0 3px var(--primary), 0 12px 40px var(--shadow-modal);transform:translateY(-4px)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--primary);color:#fff;z-index:99999;border-radius:0 0 8px 8px;padding:12px 24px;font-weight:600;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}