:root{--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--secondary-500:#8b5cf6;--secondary-600:#7c3aed;--bg-primary:#0a0e27;--bg-secondary:#141837;--bg-tertiary:#1e2449;--bg-card:rgba(30,36,73,.6);--bg-card-hover:rgba(30,36,73,.9);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-color:rgba(99,102,241,.2);--border-color-light:rgba(148,163,184,.1);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-overlay:linear-gradient(180deg,transparent,rgba(10,14,39,.8));--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-xl:0 20px 25px rgba(0,0,0,.6);--shadow-glow:0 0 20px rgba(99,102,241,.3);--container-padding:1.5rem;--section-spacing:3rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg-primary);background-attachment:fixed;background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0,transparent 50%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-500)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit;outline:none}.container{margin:0 auto;max-width:1400px;padding:0 var(--container-padding)}.section{padding:var(--section-spacing) 0}.header{backdrop-filter:blur(10px);background:rgba(10,14,39,.8);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000}.header-inner{justify-content:space-between;padding:1rem var(--container-padding)}.header-inner,.logo{align-items:center;display:flex}.logo{background:var(--gradient-primary);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;gap:.75rem;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.05)}.logo-img{max-height:50px;-o-object-fit:contain;object-fit:contain;width:auto}.logo-icon{align-items:center;background:var(--gradient-primary);border-radius:8px;box-shadow:var(--shadow-glow);color:#fff;font-weight:700;height:36px;width:36px}.logo-icon,.main-nav{display:flex;justify-content:center}.main-nav{flex:1;gap:.5rem}.nav-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.nav-item,.nav-link{position:relative}.nav-link{border-radius:8px;color:var(--text-secondary);display:block;font-weight:500;overflow:hidden;padding:.6rem 1.2rem;transition:all var(--transition-fast)}.nav-link:before{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--transition-fast);width:0}.nav-link.active,.nav-link:hover{background:rgba(99,102,241,.1);color:var(--text-primary)}.nav-link.active:before,.nav-link:hover:before{width:60%}.header-search{display:flex;gap:1rem}.search-form{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;display:flex;padding:.4rem 1rem;transition:all var(--transition-fast)}.search-form:focus-within{border-color:var(--primary-500);box-shadow:var(--shadow-glow)}.search-input{background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none;padding:.25rem .5rem;width:200px}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-btn{color:var(--primary-500);padding:.25rem;transition:transform var(--transition-fast)}.search-btn:hover{transform:scale(1.1)}.search-icon{height:20px;width:20px}.mobile-menu-btn{color:var(--text-primary);display:none;padding:.5rem}.menu-icon{height:24px;width:24px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.footer-content{padding:3rem var(--container-padding) 2rem;text-align:center}.footer-links{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;list-style:none;margin-bottom:2rem;padding:1.5rem}.footer-links li{position:relative}.footer-links li:not(:last-child):after{background:var(--border-color-light);content:"";height:12px;position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);width:1px}.footer-links a{border-radius:6px;color:var(--text-secondary);display:inline-block;font-size:.875rem;padding:.25rem .5rem;text-decoration:none;transition:all var(--transition-fast)}.footer-links a:hover{background:var(--bg-card);color:var(--primary-500);transform:translateY(-1px)}.footer-text{color:var(--text-tertiary);font-size:.875rem;line-height:2;margin-bottom:1rem}.footer-text a{border-radius:6px;color:var(--text-secondary);display:inline-block;padding:.25rem .5rem;text-decoration:none;transition:all var(--transition-fast)}.footer-text a:hover{background:var(--bg-tertiary);color:var(--primary-500)}.footer-text .divider{color:var(--border-color);margin:0 .5rem;opacity:.5}.footer-link{color:var(--text-secondary);font-size:.9rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-500)}.breadcrumb{background:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);padding:1rem var(--container-padding)}.breadcrumb-list{color:var(--text-tertiary);flex-wrap:wrap;font-size:.9rem;list-style:none}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;gap:.5rem}.breadcrumb-item:after{color:var(--text-muted);content:"/"}.breadcrumb-item:last-child:after{display:none}.breadcrumb-link{color:var(--text-secondary);transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary-500)}.breadcrumb-current{color:var(--text-primary)}.card{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:12px;overflow:hidden;transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;outline:none;padding:.6rem 1.5rem;transition:all var(--transition-fast)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--primary-500)}.tag{align-items:center;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:6px;color:var(--primary-500);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.tag-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#22c55e}.tag-warning{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.2);color:#fb923c}.pagination{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.page-numbers,.pagination-wrapper{align-items:center;display:flex;gap:.5rem}.page-numbers{flex-wrap:wrap;justify-content:center}.page-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;height:40px;justify-content:center;min-width:40px;padding:.5rem .75rem;text-decoration:none;transition:all var(--transition-fast)}.page-btn svg{height:16px;stroke:currentColor;width:16px}.page-btn:hover:not(.disabled){background:var(--bg-card);border-color:var(--primary-500);color:var(--text-primary);transform:translateY(-2px)}.page-btn.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.page-num{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-secondary);display:flex;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:.5rem;text-decoration:none;transition:all var(--transition-fast)}.page-num:hover{background:var(--bg-card);border-color:var(--primary-500);color:var(--text-primary);transform:translateY(-2px)}.page-num.active{background:var(--gradient-primary);border-color:transparent;box-shadow:var(--shadow-glow);color:#fff}.page-ellipsis{color:var(--text-tertiary);height:40px;min-width:40px}.page-ellipsis,.pagination-info{align-items:center;display:flex;justify-content:center}.pagination-info{background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-secondary);font-size:.875rem;padding:.5rem 1rem}.breadcrumb-nav{align-items:center;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;padding:1rem 0}.breadcrumb-nav .breadcrumb-link{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;text-decoration:none;transition:color .3s}.breadcrumb-nav .breadcrumb-link:hover{color:var(--primary-500)}.breadcrumb-nav .breadcrumb-link .breadcrumb-icon{height:18px;width:18px}.breadcrumb-nav .separator{align-items:center;display:flex;opacity:.5}.breadcrumb-nav .separator svg{height:16px;width:16px}.breadcrumb-nav .breadcrumb-current{color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading{align-items:center;color:var(--text-tertiary);display:flex;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media(max-width:1024px){:root{--container-padding:1rem;--section-spacing:2rem}.search-input{width:150px}}@media(max-width:768px){html{font-size:14px}.header-inner{flex-wrap:wrap;padding:.75rem var(--container-padding)}.logo{flex:0 0 auto;order:1}.logo-img{max-height:40px}.mobile-menu-btn{display:block;flex:0 0 auto;order:3}.main-nav{display:none;margin-left:calc(var(--container-padding)*-1);margin-right:calc(var(--container-padding)*-1);order:4;padding-top:1rem;width:100%}.main-nav.active{display:block;flex:none;margin:0}.nav-list{flex-direction:column;width:100%}.nav-link{padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.header-search{flex:1 1 auto;justify-content:flex-end;margin:0 .5rem;order:2}.search-form{max-width:200px;padding:.3rem .75rem}.search-input{min-width:80px;width:100%}}@media(max-width:480px){:root{--container-padding:0.75rem}.header-inner{padding:.5rem var(--container-padding)}.logo{font-size:1.25rem}.logo-img{max-height:32px}.logo-icon{height:32px;width:32px}.header-search{margin:0 .25rem}.search-form{max-width:150px;padding:.25rem .5rem}.search-input{font-size:.85rem;min-width:60px;width:100%}.search-icon{height:18px;width:18px}.menu-icon{height:22px;width:22px}}.video-card{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.video-card .video-cover{background:transparent;overflow:hidden;padding-top:133.333333%;position:relative;width:100%}.video-card .video-cover .cover-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%;z-index:1}.video-card .video-cover .card-gradient{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 60%,rgba(0,0,0,.9));height:100%;left:0;opacity:.8;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:2}.video-card .video-cover .video-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:3}.video-card .video-cover .video-overlay .play-btn{align-items:center;background:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;height:48px;justify-content:center;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:48px}.video-card .video-cover .video-overlay .play-btn .play-icon{color:var(--primary-500);height:24px;margin-left:2px;width:24px}.video-card .video-cover .video-badge,.video-card .video-cover .video-type{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:4}.video-card .video-cover .video-status{backdrop-filter:blur(10px);background:rgba(10,14,39,.85);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;position:absolute;right:.75rem;top:.75rem;z-index:4}.video-card .video-cover .video-badge{background:var(--gradient-primary);box-shadow:var(--shadow-glow);left:.75rem;right:auto;top:.75rem}.video-card .video-cover .video-type{backdrop-filter:blur(10px);background:rgba(10,14,39,.85);left:.75rem;top:.75rem}.video-card .video-info{background:var(--bg-card);border-top:1px solid var(--border-color-light);padding:.875rem}.video-card .video-info .video-title{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.4;margin:0 0 .375rem}.video-card .video-info .video-title .title-link{display:block;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.video-card .video-info .video-title .title-link:hover{color:var(--primary-500)}.video-card .video-info .video-meta{color:var(--text-tertiary);font-size:.8125rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card:hover{border-color:rgba(99,102,241,.3);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.video-card:hover .cover-image{transform:scale(1.05)}.video-card:hover .card-gradient{opacity:.6}.video-card:hover .video-overlay{opacity:1}.video-card:hover .video-overlay .play-btn{transform:scale(1)}.video-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media(max-width:1024px){.video-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.video-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:480px){.video-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.rank-module{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;box-shadow:var(--shadow-md);padding:1.5rem;transition:all var(--transition-normal)}.rank-module:hover{border-color:var(--border-color);box-shadow:var(--shadow-lg)}@media(max-width:768px){.rank-module{border-radius:.75rem;padding:1rem}}.rank-header{border-bottom:1px solid var(--border-color-light);justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.rank-header,.rank-title{align-items:center;display:flex}.rank-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.rank-title .title-icon{height:20px;stroke:var(--primary-500);width:20px}.rank-more{align-items:center;color:var(--text-tertiary);display:flex;font-size:.875rem;gap:.25rem;transition:all var(--transition-fast)}.rank-more .more-icon{height:14px;stroke:currentColor;transition:transform var(--transition-fast);width:14px}.rank-more:hover{color:var(--primary-500)}.rank-more:hover .more-icon{transform:translateX(2px)}.rank-list ul{list-style:none;margin:0;padding:0}.rank-item{margin-bottom:.5rem}.rank-item:last-child{margin-bottom:0}.rank-link{align-items:center;background:var(--bg-tertiary);border:1px solid transparent;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;text-decoration:none;transition:all var(--transition-fast)}.rank-link:hover{background:var(--bg-card-hover);border-color:var(--border-color);transform:translateX(4px)}.rank-link:hover .rank-name{color:var(--primary-500)}.rank-number{align-items:center;background:var(--bg-card);border-radius:6px;color:var(--text-tertiary);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px}.rank-number.rank-number-1{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 8px rgba(255,215,0,.3);color:#854d0e}.rank-number.rank-number-2{background:linear-gradient(135deg,silver,#e8e8e8);box-shadow:0 2px 8px hsla(0,0%,75%,.3);color:#57534e}.rank-number.rank-number-3{background:linear-gradient(135deg,#cd7f32,#e8a87c);box-shadow:0 2px 8px rgba(205,127,50,.3);color:#78350f}.rank-name{color:var(--text-secondary);flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}.rank-badge{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.2);border-radius:4px;color:var(--primary-500);flex-shrink:0;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.play-section{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}@media(max-width:768px){.play-section{border-radius:.75rem;padding:1rem}}.section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.section-title .title-icon{align-items:center;display:flex;justify-content:center}.section-title .title-icon svg{height:20px;stroke:var(--primary-500);width:20px}.section-title .title-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-speed-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all var(--transition-fast);white-space:nowrap}.test-speed-btn .btn-icon{height:18px;stroke:currentColor;width:18px}@media(max-width:480px){.test-speed-btn .btn-text{display:none}}.test-speed-btn:hover:not(.testing){background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-1px)}.test-speed-btn:active{transform:translateY(0)}.test-speed-btn.testing{background:var(--gradient-primary);border-color:transparent;color:#fff;cursor:not-allowed;pointer-events:none}.test-speed-btn.testing .btn-icon{animation:spin 1s linear infinite}.source-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.source-tab{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-direction:column;font-size:.875rem;gap:.375rem;min-width:100px;padding:.75rem 1rem;position:relative;transition:all .3s}.source-tab .tab-icon{align-items:center;display:flex;justify-content:center}.source-tab .tab-icon svg{height:16px;stroke:currentColor;width:16px}.source-tab .tab-label{font-weight:500}.source-tab .tab-text{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.source-tab .speed-indicator{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;transition:all .3s;white-space:nowrap}.source-tab .speed-indicator:not(.speed-success):not(.speed-info):not(.speed-error){background:hsla(220,9%,46%,.15);color:var(--text-tertiary)}.source-tab .speed-indicator.speed-success{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#22c55e}.source-tab .speed-indicator.speed-info{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.source-tab .speed-indicator.speed-error{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#ef4444}.source-tab:hover:not(.active){background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-2px)}.source-tab.active{background:var(--gradient-primary);border-color:transparent;box-shadow:var(--shadow-glow);color:#fff}.source-tab.active .speed-indicator:not(.speed-success):not(.speed-info):not(.speed-error){background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.8)}.source-tab.active .speed-indicator{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);color:#fff}.source-tab.active .speed-indicator.speed-success{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.3);color:#d1fae5}.source-tab.active .speed-indicator.speed-info{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.3);color:#bfdbfe}.source-tab.active .speed-indicator.speed-error{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);color:#fee2e2}.episodes-wrapper{position:relative}.episodes-panel.hidden{display:none}.episodes-header{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.episodes-title{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;font-weight:600;gap:.5rem}.episodes-title .title-icon{height:18px;stroke:var(--primary-500);width:18px}.episodes-title .episode-count{font-weight:400}.episodes-title .episode-count,.sort-btn{color:var(--text-tertiary);font-size:.875rem}.sort-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:.5rem;cursor:pointer;display:inline-flex;gap:.375rem;padding:.5rem .875rem;transition:all .3s}.sort-btn .sort-icon{height:14px;stroke:currentColor;transition:transform .3s;width:14px}.sort-btn .sort-text{font-weight:500}.sort-btn:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.sort-btn.desc .sort-icon{transform:rotate(180deg)}.episodes-grid{display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr)}@media(max-width:768px){.episodes-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}}.episode-link{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:.5rem;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:0;padding:.75rem .5rem;text-align:center;text-decoration:none;transition:all .3s}.episode-link,.episode-link .episode-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-link:hover{background:var(--bg-card-hover);border-color:var(--primary-500);box-shadow:var(--shadow-md);color:var(--primary-500);transform:translateY(-2px)}.episode-link.current,.episode-link.playing{background:var(--gradient-primary);border-color:transparent;box-shadow:var(--shadow-glow);color:#fff;font-weight:600}