@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#050505;--bg-card:#141414bf;--bg-sidebar:#141414;--primary-glow:#ffffff40;--accent-color:#fff;--accent-blue:#e5e5e5;--text-main:#fff;--text-muted:#a3a3a3;--border-color:#ffffff14;--border-hover:#ffffff4d;--font-sans:"Outfit", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{background-color:var(--bg-dark);width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:260px;padding:24px;display:flex}.logo-container{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-color), var(--accent-blue));width:38px;height:38px;box-shadow:0 0 15px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.logo-text{letter-spacing:.5px;background:linear-gradient(90deg,#fff,#a3a3a3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:800}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background-color:#ffffff0d}.nav-item.active{border-left:3px solid var(--accent-color);background:linear-gradient(90deg,#ffffff0d 0%,#0000 100%)}.main-content{background:radial-gradient(circle at 50% -20%,#ffffff08 0%,#0000 60%);flex-direction:column;flex:1;height:100%;padding:32px;display:flex;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.search-bar{border:1px solid var(--border-color);background-color:#ffffff0a;border-radius:12px;align-items:center;gap:10px;width:320px;padding:10px 16px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.user-profile{align-items:center;gap:12px;display:flex}.avatar{border:2px solid var(--border-color);background:linear-gradient(135deg,#f472b6,#38bdf8);border-radius:50%;width:38px;height:38px}.hero-banner{border:1px solid var(--border-color);background-position:50%;background-size:cover;border-radius:20px;height:380px;margin-bottom:40px;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(to top, var(--bg-dark) 0%, #0006 60%, #0000001a 100%);flex-direction:column;justify-content:flex-end;padding:40px;display:flex;position:absolute;inset:0}.hero-tag{border:1px solid var(--accent-color);color:#fff;text-transform:uppercase;background:#ffffff1a;border-radius:100px;width:fit-content;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600}.hero-title{text-shadow:0 2px 10px #00000080;margin-bottom:12px;font-size:48px;font-weight:800}.hero-desc{color:var(--text-muted);max-width:600px;margin-bottom:24px;font-size:15px;line-height:1.6}.btn-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-blue));color:#000;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:12px 24px;font-weight:600;display:flex;box-shadow:0 4px 15px #ffffff26}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff40}.section-title{align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.media-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.media-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:var(--transition-smooth);border-radius:16px;position:relative;overflow:hidden}.media-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 25px #ffffff0d}.card-thumbnail{background:linear-gradient(45deg,#141414,#050505);justify-content:center;align-items:center;height:160px;display:flex;position:relative}.card-thumbnail:after{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:0}.card-play-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;width:48px;height:48px;transition:var(--transition-smooth);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.media-card:hover .card-play-icon{background:var(--accent-color);box-shadow:0 0 15px var(--accent-color);transform:scale(1.1)}.card-info{padding:16px}.card-name{margin-bottom:6px;font-size:16px;font-weight:600}.card-meta{color:var(--text-muted);font-size:13px}.back-button{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:8px;width:fit-content;margin-bottom:24px;display:flex}.back-button:hover{color:#fff}.series-details{gap:40px;margin-bottom:40px;display:flex}.series-banner-small{border:1px solid var(--border-color);text-align:center;background:linear-gradient(135deg,#2e1065,#030712);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:280px;height:380px;padding:24px;display:flex}.series-info-pane{flex:1}.episodes-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.episode-item{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.episode-item:hover{border-color:var(--border-hover);background:#ffffff0d}.episode-title-group{align-items:center;gap:16px;display:flex}.episode-number{color:var(--accent-color);font-size:16px;font-weight:700}.episode-name{font-weight:500}.player-wrapper{z-index:100;background-color:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.player-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.player-video{object-fit:contain;width:100%;height:100%}.player-controls{opacity:0;z-index:5;background:linear-gradient(#0000 0%,#00000080 40%,#000000e6 100%);flex-direction:column;gap:16px;padding:30px 40px 20px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.player-controls.visible{opacity:1}.player-overlay-trigger{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.6s ease-out forwards splashFade;display:flex}@keyframes splashFade{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.spinner-container{z-index:4;position:absolute}.loading-spinner{border:4px solid #ffffff1a;border-top-color:var(--accent-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;box-shadow:0 0 15px #fff3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.seekbar-container{cursor:pointer;background:#fff3;border-radius:3px;align-items:center;width:100%;height:6px;transition:height .1s;display:flex;position:relative}.seekbar-container:hover{height:8px}.seekbar-progress{background:linear-gradient(to right, var(--accent-color), var(--accent-blue));border-radius:3px;height:100%;position:relative;box-shadow:0 0 10px #ffffff80}.seekbar-handle{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .1s;position:absolute;top:50%;right:-7px;transform:translateY(-50%)scale(0);box-shadow:0 0 8px #00000080}.seekbar-container:hover .seekbar-handle{transform:translateY(-50%)scale(1)}.controls-row{justify-content:space-between;align-items:center;display:flex}.controls-group{align-items:center;gap:20px;display:flex}.control-btn{color:var(--text-main);cursor:pointer;opacity:.8;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.control-btn:hover{opacity:1;color:var(--accent-color);transform:scale(1.08)}.time-display{color:var(--text-muted);font-size:14px;font-weight:500}.volume-control{align-items:center;gap:8px;display:flex}.volume-slider-container{align-items:center;width:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.volume-control:hover .volume-slider-container{width:80px}.volume-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 5px #00000080}.settings-control{position:relative}.speed-menu{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d14f2;border-radius:8px;flex-direction:column;width:80px;padding:8px 0;list-style:none;display:flex;position:absolute;bottom:40px;right:-20px;box-shadow:0 8px 32px #00000080}.speed-item{cursor:pointer;transition:var(--transition-smooth);text-align:center;padding:6px 12px;font-size:12px}.speed-item:hover,.speed-item.active{color:var(--accent-color);background-color:#ffffff26}.player-close-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;z-index:10;opacity:0;pointer-events:none;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .3s,background .3s,box-shadow .3s;display:flex;position:absolute;top:30px;left:30px}.player-close-btn.visible{opacity:1;pointer-events:auto}.player-close-btn.visible:hover{background:var(--accent-color);box-shadow:0 0 15px var(--accent-color)}.empty-state{text-align:center;height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:16px 20px}.logo-container{margin-bottom:0}.nav-links{flex-direction:row;gap:12px}.nav-item{padding:8px 12px;font-size:14px}.nav-item.active{border-left:none;border-bottom:2px solid var(--accent-color);background:linear-gradient(#ffffff0d 0%,#0000 100%)}.main-content{padding:20px 16px}.header{flex-direction:column-reverse;align-items:stretch;gap:16px;margin-bottom:24px}.search-bar{width:100%}.user-profile{align-self:flex-end}.hero-banner{height:260px;margin-bottom:24px}.hero-overlay{padding:20px}.hero-title{font-size:28px}.hero-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13px;display:-webkit-box;overflow:hidden}.series-details{flex-direction:column;gap:24px}.series-banner-small{width:100%;height:220px;padding:16px}.series-info-pane h1{font-size:28px!important}.player-controls{gap:12px;padding:16px 20px}.controls-row{flex-wrap:wrap;gap:12px}.volume-control:hover .volume-slider-container,.volume-slider{width:60px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content-alert{text-align:center;background:#141414;border:2px solid #ef4444;border-radius:16px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;box-shadow:0 0 30px #ef444440}.modal-alert-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.modal-alert-header h3{color:#ef4444;letter-spacing:1px;font-size:18px;font-weight:800}.modal-alert-body{flex-direction:column;align-items:center;gap:20px;margin-bottom:24px;display:flex}.alert-avatar{object-fit:cover;border:3px solid #ef4444;border-radius:12px;width:220px;height:220px;box-shadow:0 0 20px #ef444466}.alert-warning-text{color:#ef4444;letter-spacing:1px;text-shadow:0 0 10px #ef444480;margin:0;font-size:28px;font-weight:900;animation:1.5s infinite alertPulse}.btn-alert-close{color:#000;cursor:pointer;letter-spacing:1px;background:#ef4444;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn-alert-close:hover{transform:scale(1.02);box-shadow:0 0 15px #ef444480}@keyframes alertPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}