*{box-sizing:border-box;margin:0;padding:0}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:44px;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #00000026, 0 8px 10px -6px #00000014;--shadow-2xl:0 32px 64px -16px #00000040, 0 16px 24px -12px #0000001f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-back:cubic-bezier(.68, -.6, .32, 1.6);--transition-fast:.15s var(--ease-out);--transition:.25s var(--ease-out);--transition-slow:.4s var(--ease-out);--transition-spring:.5s var(--ease-spring);--duration-fast:.15s;--duration:.25s;--duration-slow:.4s;--duration-slower:.6s;--z-base:1;--z-sticky:100;--z-dropdown:500;--z-modal:1000;--z-popover:1100;--z-toast:1300;--z-overlay:2000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--hover-bg) 25%, var(--hover-bg-strong) 50%, var(--hover-bg) 75%);animation:shimmer 1.5s var(--ease-in-out) infinite;border-radius:var(--radius-sm);background-size:200% 100%}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}a{color:inherit;text-decoration:none}::selection{background:var(--selection-bg);color:var(--foreground);text-shadow:0 0 12px #6366f166}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{background-color:var(--background);color:var(--foreground);min-height:100vh;transition:background-color .4s var(--ease-smooth), color .3s ease;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01", "ss03";letter-spacing:-.011em;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;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 15% 10%, var(--mesh-color-1) 0%, transparent 60%), radial-gradient(ellipse 55% 45% at 85% 20%, var(--mesh-color-2) 0%, transparent 55%), radial-gradient(ellipse 50% 60% at 80% 85%, var(--mesh-color-3) 0%, transparent 60%), radial-gradient(ellipse 45% 40% at 10% 90%, var(--mesh-color-4) 0%, transparent 55%);opacity:.9;animation:mesh-drift 24s var(--ease-smooth) infinite alternate;will-change:transform;position:fixed;top:-20%;bottom:-20%;left:-20%;right:-20%}@keyframes mesh-drift{0%{transform:translate(0,0)rotate(0)}50%{transform:translate(2%,-2%)rotate(2deg)}to{transform:translate(-2%,2%)rotate(-2deg)}}body:after{content:"";z-index:-1;pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;position:fixed;top:0;bottom:0;left:0;right:0}html[data-custom-bg] body:before{background-image:var(--bg-image,none);opacity:var(--bg-opacity,0);filter:blur(var(--bg-blur,0px));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;animation:none;top:0;bottom:0;left:0;right:0}html[data-custom-bg] body:after{display:none}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:2px solid #0000}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.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{color:var(--foreground);letter-spacing:-.02em;white-space:nowrap;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{color:var(--foreground);letter-spacing:-.02em;z-index:1;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-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);cursor:pointer;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.episode-card img{aspect-ratio:2/3;object-fit:cover;width:100%;transition:transform .4s var(--ease-out)}.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:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:translateY(0)}.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{color:var(--foreground);letter-spacing:-.02em;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;color:var(--foreground);letter-spacing:-.02em;z-index:1;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:var(--primary);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{color:var(--foreground);letter-spacing:-.02em;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:var(--primary);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{color:var(--foreground);letter-spacing:-.02em;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{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px)saturate(140%);backdrop-filter:blur(8px)saturate(140%);z-index:1000;animation:modal-overlay-in .32s var(--ease-out);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.is-closing{animation:modal-overlay-out .26s var(--ease-in-out) forwards;pointer-events:none}.modal-content{background:var(--popover,var(--card));-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-2xl), var(--inner-highlight);color:var(--popover-foreground,var(--foreground));animation:modal-content-in .42s var(--ease-spring);padding:30px;transition:background .3s,border-color .3s;overflow-y:auto}.modal-content.is-closing{animation:modal-content-out .26s var(--ease-in-out) forwards}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-content-in{0%{opacity:0;transform:translateY(24px)scale(.94)}55%{opacity:1;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-content-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(14px)scale(.96)}}.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}.favorites-layout{flex-direction:column;gap:12px}.favorites-sidebar{width:100%;max-width:100%!important;position:static!important}.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);opacity:0;pointer-events:none;max-height:0;transition:max-height .3s var(--ease-out), opacity .2s var(--ease-out), padding .3s var(--ease-out), transform .3s var(--ease-out);flex-direction:column;gap:4px;padding:0 12px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-8px)}nav ul.mobile-open{opacity:1;pointer-events:auto;max-height:600px;padding:12px;transform:translateY(0)}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}::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(8px)saturate(140%);backdrop-filter:blur(8px)saturate(140%);animation:dialog-backdrop-in .32s var(--ease-out)}dialog[open]{animation:dialog-in .42s var(--ease-spring)}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(20px)scale(.94)}55%{opacity:1;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}[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(12px)}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)}}.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)}.btn-press{transition:transform .1s var(--ease-out)}.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)}@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{max-height:0;padding:0 8px}nav ul.mobile-open{max-height:500px;padding:10px 8px}.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}.glass-nav,.glass-card,.glass-modal,.glass-overlay{box-shadow:var(--card-shadow), var(--inner-highlight)!important}.glass-card,.episode-card,.episode-detail,.user-profile,.dashboard-card{position:relative}.glass-card:before,.episode-card:before,.episode-detail:before,.user-profile:before{content:"";border-radius:inherit;background:var(--border-gradient);-webkit-mask-composite:xor;pointer-events:none;opacity:.8;transition:opacity .3s var(--ease-out);z-index:0;padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}header{box-shadow:0 1px 0 0 #ffffff0a inset, 0 8px 32px -16px var(--shadow-color);transition:background .4s var(--ease-smooth), border-color .4s var(--ease-smooth), box-shadow .4s var(--ease-smooth);background:var(--glass-bg)!important;border-bottom:1px solid var(--glass-border)!important}nav ul li a{position:relative;overflow:hidden}nav ul li a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s var(--ease-spring);box-shadow:0 0 8px var(--primary);border-radius:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}nav ul li a:hover:after,nav ul li a.active:after,nav ul li a[aria-current=page]:after{width:60%}nav ul li button.nav-link-btn{border-radius:6px;font-family:inherit;position:relative;overflow:hidden}nav ul li button.nav-link-btn:not(.nav-link-btn--danger){font-weight:500}nav ul li button.nav-link-btn:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s var(--ease-spring);box-shadow:0 0 8px var(--primary);border-radius:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}nav ul li button.nav-link-btn:not(.nav-link-btn--danger):hover:after{width:60%}nav .logo h1{color:var(--foreground);letter-spacing:-.03em}.btn{background:var(--primary);box-shadow:0 4px 14px -4px #6366f166, var(--inner-highlight);isolation:isolate;position:relative;overflow:hidden}.btn:after{content:"";background:var(--btn-sheen);z-index:1;pointer-events:none;width:80%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.btn:hover{background:var(--btn-gradient-hover);box-shadow:0 8px 24px -6px #6366f18c, var(--glow-primary), var(--inner-highlight);transform:translateY(-2px)}.btn:hover:after{animation:sheen-sweep .9s var(--ease-out)}.btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px -2px #6366f166}@keyframes sheen-sweep{0%{left:-120%}60%,to{left:120%}}.btn-secondary{background:var(--surface-elevated);-webkit-backdrop-filter:blur(8px);box-shadow:var(--inner-highlight)}.btn-secondary:hover{background:var(--hover-bg-stronger);box-shadow:var(--shadow-md), var(--inner-highlight);border-color:var(--primary-border)}.form-group button{background:var(--primary);isolation:isolate;position:relative;overflow:hidden;box-shadow:0 4px 14px -4px #6366f166}.form-group button:hover{background:var(--btn-gradient-hover);box-shadow:0 12px 28px -8px #6366f18c, var(--glow-primary);transform:translateY(-2px)}.form-group button:before{z-index:1;background:var(--btn-sheen);transform:skew(-20deg)}.episode-card{box-shadow:var(--card-shadow);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .4s var(--ease-out);transform:translateZ(0);border-radius:var(--radius-lg)!important}.episode-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--primary-border);transform:translateY(-6px)}.episode-card:hover:before{opacity:1;background:var(--border-gradient-primary)}.episode-card img{transition:transform .6s var(--ease-out)}.episode-card:hover img{transform:scale(1.08)}.episode-card>div:first-child:after{content:"";pointer-events:none;opacity:.85;transition:opacity .4s var(--ease-out);background:linear-gradient(#0000 40%,#0000008c 100%);position:absolute;top:0;bottom:0;left:0;right:0}.episode-card:hover>div:first-child:after{opacity:1}.episode-card .status,.status.ongoing,.status.completed,.status.upcoming{-webkit-backdrop-filter:blur(8px);background-blend-mode:overlay;letter-spacing:.02em;font-weight:600;box-shadow:0 2px 8px #00000040}.form-group input,.form-group textarea,.form-group select{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), background .25s var(--ease-out)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-bg-subtle), var(--glow-primary);background:var(--hover-bg-subtle);outline:none}.hero h2,.episode-details h2,.user-profile h2,.dashboard-card h3,.modal-header h3{color:var(--foreground);-webkit-text-fill-color:currentColor;letter-spacing:-.02em}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.reveal.reveal-hidden{opacity:0;filter:blur(4px);transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), filter .7s var(--ease-out);transform:translateY(28px)scale(.98)}.reveal.visible{opacity:1;filter:blur();transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), filter .7s var(--ease-out);transform:translateY(0)scale(1)}.stagger-item.stagger-hidden{opacity:0;filter:blur(3px);transition:opacity .55s var(--ease-out), transform .55s var(--ease-out), filter .55s var(--ease-out);transform:translateY(20px)scale(.96)}.stagger-item.visible{opacity:1;filter:blur();transition:opacity .55s var(--ease-out), transform .55s var(--ease-out), filter .55s var(--ease-out);transform:translateY(0)scale(1)}.card-hover{transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out)}.card-hover:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.skeleton,.skeleton-shimmer{background:linear-gradient(90deg, var(--hover-bg) 0%, var(--hover-bg-strong) 20%, var(--primary-bg-subtle) 40%, var(--hover-bg-strong) 60%, var(--hover-bg) 100%);animation:shimmer-premium 1.8s var(--ease-smooth) infinite;border-radius:var(--radius-sm);background-size:300% 100%}@keyframes shimmer-premium{0%{background-position:100% 0}to{background-position:-100% 0}}.page-enter{animation:page-enter-premium .55s var(--ease-out)}@keyframes page-enter-premium{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}::view-transition-old(root){animation:vt-out .25s var(--ease-in-out) both}::view-transition-new(root){animation:vt-in .35s var(--ease-out) both}@keyframes vt-out{to{opacity:0;filter:blur(4px);transform:translateY(-8px)scale(.99)}}@keyframes vt-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}::placeholder{color:var(--text-tertiary);opacity:.7;transition:opacity .2s}:focus::placeholder{opacity:.4}.gradient-text{background:var(--text-gradient);-webkit-text-fill-color:transparent;animation:gradient-shift 6s var(--ease-smooth) infinite;background-size:200%;-webkit-background-clip:text;background-clip:text}.glow-text{text-shadow:0 0 20px var(--primary-bg-strong), 0 0 40px var(--primary-bg-subtle)}.gradient-border{background:var(--glass-bg);border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--border-gradient-primary);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 var(--primary-bg-strong)}50%{box-shadow:0 0 0 8px #0000}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}a:hover{transition:color .2s var(--ease-out)}.container{z-index:var(--z-base);padding:24px 20px;position:relative}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1,h2,h3,h4{letter-spacing:-.025em;text-wrap:balance;line-height:1.25}h1{font-weight:800}h2{font-weight:700}h3{font-weight:600}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px var(--primary-bg-subtle);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:before{animation:none!important}.reveal.reveal-hidden,.stagger-item.stagger-hidden{opacity:1!important;filter:none!important;transform:none!important}.page-enter,.modal-content{animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}@media (hover:none) and (pointer:coarse){.episode-card:hover,.episode-card:hover img,.btn:hover{transform:none}}@media print{body:before,body:after{display:none!important}.glass-nav,.glass-card,.episode-card{box-shadow:none!important}}.auth-form{box-shadow:var(--card-shadow), var(--inner-highlight);position:relative;border-radius:var(--radius-xl)!important;margin:80px auto!important;padding:44px!important}.auth-form:after{content:"";border-radius:inherit;background:var(--border-gradient-primary);-webkit-mask-composite:xor;pointer-events:none;opacity:.6;padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-form h2{letter-spacing:-.02em;color:var(--foreground)!important;-webkit-text-fill-color:currentColor!important}.error-message,.success-message,.validation-msg{-webkit-backdrop-filter:blur(8px);animation:shake-in .4s var(--ease-out);position:relative;overflow:hidden;border-radius:var(--radius-md)!important;padding:12px 16px!important}.error-message{background:var(--destructive-bg-subtle)!important;border:1px solid var(--destructive-border-subtle)!important;border-left:3px solid var(--destructive)!important;color:var(--destructive-text)!important}.success-message{background:var(--success-bg-subtle)!important;border:1px solid var(--success-border)!important;border-left:3px solid var(--success)!important;color:var(--success-text)!important}@keyframes shake-in{0%{opacity:0;transform:translate(-8px)}30%{transform:translate(4px)}60%{transform:translate(-2px)}to{opacity:1;transform:translate(0)}}.episode-grid{gap:24px;margin-top:32px}.hero{position:relative;overflow:hidden;border-radius:var(--radius-2xl)!important}.hero:before{background:radial-gradient(circle at 30% 40%, var(--mesh-color-1) 0%, transparent 60%), radial-gradient(circle at 70% 60%, var(--mesh-color-2) 0%, transparent 60%);animation:float 8s var(--ease-smooth) infinite}.hero h2{animation:gradient-shift 6s var(--ease-smooth) infinite;letter-spacing:-.03em;background:var(--text-gradient)!important;background-size:200%!important;font-weight:800!important}.hero p{color:var(--text-secondary)!important}.bannerCarousel,.banner-carousel{box-shadow:var(--card-shadow);overflow:hidden;border-radius:var(--radius-2xl)!important}.episode-detail{border-radius:var(--radius-xl)!important;padding:36px!important}.episode-info img{box-shadow:var(--shadow-xl), 0 0 0 1px var(--glass-border);border-radius:var(--radius-lg)!important}.episode-details .meta-info{border-radius:var(--radius-md)!important;background:var(--hover-bg-subtle)!important;border:1px solid var(--glass-border)!important}.dashboard-card,.stat-card{box-shadow:var(--card-shadow);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.dashboard-card:hover,.stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.dashboard-card:before,.stat-card:before{content:"";background:var(--border-gradient-primary);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.admin-sidebar .sidebar-item.active,.admin-sidebar .nav-link.active{border-left:3px solid var(--primary);background:var(--primary-bg)!important;color:var(--primary)!important}.episode-card svg[fill=currentColor]{filter:drop-shadow(0 0 4px #fbbf2480)}.tag-cloud-item,.tag-cloud a{transition:transform .25s var(--ease-out), background .25s var(--ease-out), color .25s var(--ease-out)}.tag-cloud-item:hover,.tag-cloud a:hover{transform:translateY(-2px)}tr:hover,.dashboard-card table tbody tr:hover{background:var(--hover-bg-subtle);transition:background .2s var(--ease-out)}.avatar-container img,.profile-header img,.user-profile img[alt*=头像]{box-shadow:0 0 0 2px var(--glass-border), 0 0 0 4px var(--primary-bg), var(--shadow-md);border-radius:var(--radius-full)!important}.loader,.loading-spinner,.spinner{border-radius:var(--radius-full);animation:spin .9s var(--ease-smooth) infinite}.episode-card>div:first-child:after{content:none!important}.episode-card.ec{border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.ec-media{aspect-ratio:3/4;background:var(--hover-bg);position:relative;overflow:hidden}.ec-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s var(--ease-out), opacity .5s var(--ease-out);display:block}.episode-card:hover .ec-img,.episode-card:focus-within .ec-img{transform:scale(1.08)}.ec-media-shade{pointer-events:none;transition:opacity .4s var(--ease-out);z-index:1;background:linear-gradient(#0000 45%,#0000008c 100%);position:absolute;top:0;bottom:0;left:0;right:0}.episode-card:hover .ec-media-shade{background:linear-gradient(#00000026 0%,#0000 30%,#000000b3 100%)}.ec-status{z-index:2;border-radius:var(--radius-full);letter-spacing:.02em;-webkit-backdrop-filter:blur(10px)saturate(160%);box-shadow:0 2px 8px #0000004d, var(--inner-highlight);padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}.ec-status.ongoing{color:#fff;background:#22c55ed9}.ec-status.completed{color:#fff;background:#6366f1d9}.ec-status.upcoming{color:#fff;background:#f59e0bd9}.ec-eps{z-index:2;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;background:#0000008c;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 6px #00000040}.ec-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.ec-title{font-size:var(--text-md);color:var(--foreground);-webkit-line-clamp:2;letter-spacing:-.01em;transition:color .25s var(--ease-out);-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.episode-card:hover .ec-title{color:var(--primary)}.ec-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ec-meta{justify-content:space-between;align-items:center;margin-top:2px;font-size:12px;display:flex}.ec-meta-item{align-items:center;gap:4px;display:inline-flex}.ec-views{color:var(--text-secondary)}.ec-views svg{color:var(--destructive-text)}.ec-rating{color:var(--warning-text,#f59e0b)}.ec-rating svg{color:var(--warning);filter:drop-shadow(0 0 3px #fbbf2480)}.ec-cats{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.ec-cat{border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary);letter-spacing:.01em;padding:2px 9px;font-size:11px;font-weight:600}.ec-tags{flex-wrap:wrap;gap:4px;display:flex}.ec-tag{border-radius:var(--radius-full);background:var(--hover-bg-stronger,var(--hover-bg));color:var(--text-secondary);cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out);padding:2px 9px;font-size:11px}.ec-tag:hover{color:var(--primary);background:var(--primary-bg-subtle)}.ec-author{color:var(--text-tertiary);margin-top:auto;padding-top:4px;font-size:11px}@container episode-card (width<=220px){.ec-body{padding:10px 12px 12px}.ec-title{font-size:var(--text-sm)}}.bc-wrap{border-radius:var(--radius-2xl);aspect-ratio:3;max-width:100%;max-height:340px;box-shadow:var(--card-shadow);margin:0 auto 28px;position:relative;overflow:hidden}.bc-wrap--hero{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex}.bc-hero-glow{filter:blur(40px);width:60%;height:120%;animation:float-slow 6s var(--ease-smooth) infinite;pointer-events:none;background:radial-gradient(#ffffff40,#0000 60%);position:absolute}.bc-welcome{z-index:10;background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;text-align:center;transition:opacity .8s var(--ease-smooth);flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bc-welcome-glow{filter:blur(50px);width:70%;height:140%;animation:float-slow 7s var(--ease-smooth) infinite;pointer-events:none;background:radial-gradient(#ffffff4d,#0000 60%);position:absolute}.bc-welcome-title{text-shadow:0 2px 16px #00000059;letter-spacing:-.02em;animation:fade-in-up .8s var(--ease-out) both;margin:0;font-size:max(1.5rem,min(3vw,2.2rem));font-weight:800;position:relative}.bc-welcome-sub{opacity:.92;animation:fade-in-up .8s var(--ease-out) .15s both;margin-top:10px;font-size:max(.9rem,min(1.5vw,1.05rem));position:relative}.bc-slide{transition:opacity .8s var(--ease-smooth);cursor:default;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bc-slide[role=link]{cursor:pointer}.bc-img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.02)}.bc-slide--active .bc-img{animation:ken-burns 8s var(--ease-smooth) forwards}@keyframes ken-burns{0%{transform:scale(1.02)}to{transform:scale(1.12)}}.bc-info{color:#fff;z-index:5;background:linear-gradient(#0000,#000000bf);padding:24px 28px;position:absolute;bottom:0;left:0;right:0}.bc-info-title{letter-spacing:-.01em;text-shadow:0 1px 8px #00000080;margin:0;font-size:max(1.1rem,min(2vw,1.4rem));font-weight:700}.bc-info-sub{opacity:.92;text-shadow:0 1px 6px #00000080;margin:6px 0 0;font-size:13px}.bc-nav{z-index:20;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px)saturate(140%);color:#fff;cursor:pointer;width:40px;height:40px;transition:background .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);background:#0006;border:1px solid #fff3;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.bc-nav:hover{background:#0009;transform:translateY(-50%)scale(1.08);box-shadow:0 6px 20px #0006}.bc-nav:active{transform:translateY(-50%)scale(.96)}.bc-nav-prev{left:14px}.bc-nav-next{right:14px}.bc-dots{z-index:20;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);background:#0000004d;gap:6px;padding:6px 10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bc-dot{border-radius:var(--radius-full);cursor:pointer;width:8px;height:8px;transition:width .4s var(--ease-spring), background .3s var(--ease-out);background:#ffffff80;border:none;padding:0}.bc-dot--active{background:#fff;width:28px;box-shadow:0 0 8px #fff9}.ef{border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--card-shadow), var(--inner-highlight);margin-bottom:28px;padding:20px 22px;position:relative}.ef-search{margin-bottom:16px}.ef-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ef-row:last-child{margin-bottom:0}.ef-label{color:var(--text-secondary);letter-spacing:.01em;flex-shrink:0;min-width:48px;font-size:13px;font-weight:600}.ef-pill{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--input);color:var(--foreground);cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease-out), background .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out), box-shadow .25s var(--ease-out);outline:none;padding:6px 16px;font-size:13px;font-weight:500;position:relative;overflow:hidden}.ef-pill:hover{border-color:var(--primary-border);background:var(--hover-bg);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.ef-pill:active{transform:translateY(0)scale(.97)}.ef-pill--active{background:var(--primary);color:#fff;box-shadow:0 4px 14px -4px #6366f180, var(--glow-primary);border-color:#0000;font-weight:600}.ef-pill--active:hover{background:var(--btn-gradient-hover);box-shadow:0 6px 20px -4px #6366f199, var(--glow-primary-strong);border-color:#0000}.ef-pill--sort{align-items:center;gap:6px;display:inline-flex}.ef-sort-arrow{flex-direction:column;align-items:center;gap:0;margin-left:2px;line-height:1;display:inline-flex}.ef-sort-arrow span{transition:opacity .2s var(--ease-out);font-size:9px}@media (max-width:640px){.ef{padding:16px}.ef-label{min-width:40px;font-size:12px}.ef-pill{padding:5px 12px;font-size:12px}}.episode-detail h2{padding-left:14px;position:relative}.episode-detail h2:before{content:"";border-radius:var(--radius-full);background:var(--primary);width:4px;height:70%;box-shadow:0 0 8px var(--primary-bg-strong);position:absolute;top:50%;left:0;transform:translateY(-50%)}.more-dropdown{opacity:0;pointer-events:none;max-height:0;transition:max-height .25s var(--ease-out), opacity .2s var(--ease-out), transform .25s var(--ease-out);overflow:hidden;transform:translateY(-8px)}.more-dropdown--open{opacity:1;pointer-events:auto;max-height:500px;transform:translateY(0)}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;margin-top:28px;display:grid}@media (max-width:640px){.episode-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}}.container{max-width:1280px;z-index:var(--z-base);margin:0 auto;padding:28px 20px 40px;position:relative}@media (max-width:768px){.container{padding:20px 14px 32px}}.form-group label{color:var(--text-light);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}input[type=checkbox],input[type=radio]{accent-color:var(--primary);cursor:pointer;transition:transform .15s var(--ease-out)}input[type=checkbox]:hover,input[type=radio]:hover{transform:scale(1.15)}table{border-collapse:separate;border-spacing:0;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--hover-bg-subtle);font-size:12px;font-weight:600}tbody tr{transition:background .2s var(--ease-out)}tbody tr:hover{background:var(--hover-bg-subtle)}.empty-state,.no-data{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state:before,.no-data:before{content:"📭";opacity:.5;animation:float-slow 4s var(--ease-smooth) infinite;margin-bottom:16px;font-size:48px;display:block}.pagination button,.page-btn{transition:all .2s var(--ease-out);border-radius:var(--radius-md)!important}.pagination button:hover,.page-btn:hover{background:var(--primary-bg);color:var(--primary);transform:translateY(-1px)}.pagination button.active,.page-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px -4px #6366f180}.breadcrumb,.breadcrumbs{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumb a,.breadcrumbs a{color:var(--text-secondary);transition:color .2s var(--ease-out)}.breadcrumb a:hover,.breadcrumbs a:hover{color:var(--primary)}.scroll-to-top,.fab{transition:transform .3s var(--ease-spring), box-shadow .3s var(--ease-out);border-radius:var(--radius-full)!important;box-shadow:var(--shadow-lg), var(--glow-primary)!important}.scroll-to-top:hover,.fab:hover{transform:translateY(-4px)scale(1.05);box-shadow:var(--shadow-xl), var(--glow-primary-strong)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes notifPanelIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.notif-panel-floating{width:auto!important;max-height:calc(100vh - 72px)!important;top:56px!important;left:8px!important;right:8px!important}}