:root{--bg-primary: #080c14;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--accent-color: #8b5cf6;--accent-hover: #a78bfa;--accent-glow: rgba(139, 92, 246, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--card-glass: rgba(15, 23, 42, .65);--nav-glass: rgba(8, 12, 20, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 8px 30px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(139, 92, 246, .15);--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.app-container:before{content:"";position:absolute;top:-10%;left:10%;width:40vw;height:40vw;background:radial-gradient(circle,#8b5cf61f,#0000 70%);z-index:-1;pointer-events:none}.app-container:after{content:"";position:absolute;bottom:10%;right:5%;width:35vw;height:35vw;background:radial-gradient(circle,#6366f114,#0000 75%);z-index:-1;pointer-events:none}.navbar{position:sticky;top:0;z-index:100;background:var(--nav-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.nav-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer}.nav-logo{font-size:1.75rem;background:linear-gradient(to right,#8b5cf6,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center}.nav-title{font-weight:800;font-size:1.5rem;letter-spacing:-.5px;background:linear-gradient(to right,var(--text-primary),#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-title span{color:var(--accent-color);-webkit-text-fill-color:initial}.total-dubs-badge{font-size:.72rem;font-weight:700;padding:.2rem .55rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.28);color:#a78bfa;border-radius:9999px;letter-spacing:.5px;text-transform:uppercase;margin-top:.1rem;animation:pulse-glow 3s infinite alternate;display:inline-block;-webkit-text-fill-color:initial}@keyframes pulse-glow{0%{box-shadow:0 0 5px #8b5cf61a}to{box-shadow:0 0 12px #8b5cf647}}.nav-controls{display:flex;align-items:center;gap:1.5rem}.search-bar{display:flex;align-items:center;background:#0f172acc;border:1px solid var(--border-color);border-radius:9999px;padding:.5rem 1rem;width:320px;transition:all var(--transition-speed)}.search-bar:focus-within{border-color:var(--accent-color);box-shadow:0 0 12px #8b5cf640;width:360px}.search-input{background:transparent;border:none;color:var(--text-primary);font-size:.9rem;width:100%;padding-left:.5rem;font-family:inherit}.search-input:focus{outline:none}.search-icon{color:var(--text-muted)}.watchlist-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;font-family:inherit;transition:all var(--transition-speed)}.watchlist-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);transform:translateY(-1px)}.watchlist-btn.active{background:var(--accent-color);border-color:var(--accent-color)}.main-content{flex:1;padding:2.5rem 2rem;max-width:1400px;width:100%;margin:0 auto;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.section-title{font-size:1.75rem;font-weight:700;position:relative;padding-left:.75rem}.section-title:before{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;background:var(--accent-color);border-radius:99px}.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;width:100%}.anime-card{background:var(--card-glass);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.anime-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--border-hover);box-shadow:0 12px 30px #0006,var(--shadow-glow)}.anime-card-img-wrap{position:relative;padding-bottom:140%;background:var(--bg-secondary);overflow:hidden}.anime-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.anime-card:hover .anime-card-img{transform:scale(1.08)}.anime-card-badge{position:absolute;top:.75rem;right:.75rem;background:var(--accent-color);color:var(--text-primary);font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;box-shadow:0 2px 6px #0000004d;letter-spacing:.5px}.anime-card-info{padding:1rem;display:flex;flex-direction:column;flex:1}.anime-card-title{font-weight:600;font-size:1rem;margin-bottom:.5rem;line-height:1.3;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6rem}.anime-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary);margin-top:auto}.anime-card-tag{background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:4px;font-weight:500}.skeleton-card{border-radius:16px;background:var(--card-glass);border:1px solid var(--border-color);overflow:hidden}.skeleton-img{padding-bottom:140%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loadingShimmer 1.5s infinite}.skeleton-text{height:1.2rem;margin:1rem;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loadingShimmer 1.5s infinite;border-radius:4px}.skeleton-text.short{width:60%;margin-top:0}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:4px solid rgba(255,255,255,.05);width:50px;height:50px;border-radius:50%;border-left-color:var(--accent-color);animation:spin 1s linear infinite;margin:4rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);background:transparent;border:none;font-family:inherit;font-size:1rem;cursor:pointer;margin-bottom:1.5rem;transition:color var(--transition-speed)}.back-btn:hover{color:var(--accent-hover)}.details-hero{background:var(--card-glass);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;display:flex;gap:2.5rem;margin-bottom:3rem;position:relative;box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.details-poster-wrap{width:250px;min-width:250px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #00000080;border:1px solid rgba(255,255,255,.1);height:max-content}.details-poster{width:100%;height:auto;display:block}.details-info{display:flex;flex-direction:column;flex:1}.details-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}.details-title{font-size:2.25rem;font-weight:800;line-height:1.2}.bookmark-action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed)}.bookmark-action-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 0 15px var(--accent-glow)}.bookmark-action-btn.active{background:#ef4444;border-color:#ef4444;box-shadow:0 0 15px #ef444466}.details-stats-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.details-stat{background:#ffffff0a;border:1px solid var(--border-color);padding:.35rem .8rem;border-radius:8px;font-size:.85rem;color:var(--text-secondary)}.details-stat span{font-weight:500;color:var(--text-primary);margin-left:.25rem}.details-synopsis{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem;white-space:pre-line}.episodes-section{background:var(--card-glass);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-md)}.episodes-range-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.range-tab{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--transition-speed)}.range-tab:hover{color:var(--text-primary);border-color:var(--text-muted)}.range-tab.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-primary);box-shadow:0 0 10px var(--accent-glow)}.episodes-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem}.episode-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;padding:1rem .5rem;text-align:center;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem;align-items:center}.episode-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.episode-btn-num{font-weight:700;font-size:1.1rem}.episode-btn-title{font-size:.7rem;color:var(--text-secondary);max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto}.video-frame-wrap{position:relative;padding-bottom:56.25%;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000080,0 0 25px #8b5cf626;border:1px solid var(--border-color);transition:all .5s cubic-bezier(.4,0,.2,1);animation:ambient-glow 8s infinite alternate ease-in-out}@keyframes ambient-glow{0%{box-shadow:0 10px 40px #00000080,0 0 20px #8b5cf61a}50%{box-shadow:0 10px 40px #00000080,0 0 35px #6366f138}to{box-shadow:0 10px 40px #00000080,0 0 20px #8b5cf61a}}.video-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.player-header{display:flex;justify-content:space-between;align-items:center}.player-info-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.player-info-subtitle{font-size:.95rem;color:var(--text-secondary)}.player-nav-btns{display:flex;gap:.75rem}.player-nav-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem 1.25rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--transition-speed)}.player-nav-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 12px var(--accent-glow)}.player-nav-btn:disabled{opacity:.35;cursor:not-allowed}.servers-card{background:var(--card-glass);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-sm)}.servers-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.servers-grid{display:flex;flex-wrap:wrap;gap:.75rem}.server-select-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;font-family:inherit;cursor:pointer;transition:all var(--transition-speed)}.server-select-btn:hover{border-color:var(--accent-hover);background:var(--bg-tertiary)}.server-select-btn.active{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.watchlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.watchlist-card{background:var(--card-glass);border:1px solid var(--border-color);border-radius:16px;display:flex;overflow:hidden;height:150px;position:relative;transition:all var(--transition-speed);box-shadow:var(--shadow-sm)}.watchlist-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 8px 24px #0000004d}.watchlist-card-img{width:100px;min-width:100px;height:100%;object-fit:cover;background:var(--bg-secondary)}.watchlist-card-details{padding:1rem;display:flex;flex-direction:column;flex:1;justify-content:space-between}.watchlist-card-title{font-weight:600;font-size:.95rem;line-height:1.3;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.watchlist-card-title:hover{color:var(--accent-hover)}.watchlist-card-meta{font-size:.75rem;color:var(--text-secondary);display:flex;gap:.5rem}.watchlist-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.watchlist-play-btn{background:var(--accent-color);color:var(--text-primary);border:none;font-size:.75rem;font-weight:600;padding:.4rem .8rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all var(--transition-speed)}.watchlist-play-btn:hover{background:var(--accent-hover);box-shadow:0 0 10px var(--accent-glow)}.watchlist-remove-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all var(--transition-speed)}.watchlist-remove-btn:hover{color:#ef4444;background:#ef44441a}.empty-watchlist{text-align:center;padding:5rem 2rem;background:var(--card-glass);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary)}.empty-watchlist-icon{font-size:3.5rem;color:var(--text-muted);margin-bottom:1.5rem}.empty-watchlist-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-watchlist-btn{margin-top:1.5rem;background:var(--accent-color);color:var(--text-primary);border:none;font-family:inherit;font-weight:600;font-size:.95rem;padding:.6rem 1.5rem;border-radius:10px;cursor:pointer;transition:all var(--transition-speed)}.empty-watchlist-btn:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.info-state{text-align:center;padding:6rem 2rem;color:var(--text-secondary)}.info-state-icon{font-size:3.5rem;color:var(--accent-color);margin-bottom:1rem}.info-state-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}@media (max-width: 900px){.details-hero{flex-direction:column;align-items:center;padding:2rem}.details-poster-wrap{width:200px;min-width:200px}.details-info{align-items:center;text-align:center}.details-title-row{flex-direction:column;align-items:center;gap:1rem}.details-stats-row{justify-content:center}}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-controls{width:100%;justify-content:space-between}.search-bar{width:65%}.search-bar:focus-within{width:70%}}@media (max-width: 480px){.nav-controls{flex-direction:column;gap:.75rem}.search-bar{width:100%}.search-bar:focus-within{width:100%}.watchlist-btn{width:100%;justify-content:center}.details-hero{padding:1.5rem 1rem}.details-title{font-size:1.75rem}.episodes-section{padding:1.5rem 1rem}}.sort-select{background:#0f172ab3;border:1px solid var(--border-color);color:var(--text-primary);padding:.4rem 1.75rem .4rem .75rem;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:500;outline:none;cursor:pointer;transition:all var(--transition-speed);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.8rem}.sort-select:hover{border-color:var(--border-hover);background-color:#0f172ad9}.sort-select:focus{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.sort-select option{background:var(--bg-secondary);color:var(--text-primary)}.cinema-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030712f0;z-index:150;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeInOverlay .4s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.player-container.cinema-active{position:relative;z-index:160;max-width:100%!important;width:100%}.player-container.cinema-active .video-frame-wrap{box-shadow:0 0 60px #8b5cf659,0 20px 80px #000c;border-color:#8b5cf666;transform:scale(1.01)}.player-container.cinema-active .player-header .back-btn{color:var(--text-primary);background:#ffffff0f;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.server-tag-badge{font-size:.62rem;font-weight:800;padding:.05rem .35rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-top:.1rem}.server-tag-badge.fastest{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.server-tag-badge.hd-quality{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.server-tag-badge.stable{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.episode-btn.watched{background:#0f172a66;border-color:#10b98140;opacity:.85}.episode-btn.watched:hover{opacity:1;border-color:#10b98199}.episode-btn.watched .episode-btn-num{color:#a7f3d0}.watched-icon{animation:scaleInCheck .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleInCheck{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}