:root{--bg-main:#0a0c10;--bg-surface:#12151e;--bg-card:#181c28;--bg-card-hover:#202636;--bg-glass:#0a0c10d1;--bg-glass-card:#181c28b3;--primary:#ff2a5f;--primary-hover:#ff4d73;--primary-glow:#ff2a5f66;--primary-gradient:linear-gradient(135deg, #ff2a5f 0%, #d81143 100%);--primary-gradient-glow:linear-gradient(135deg, #ff2a5f 0%, #ff5277 100%);--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b4d;--accent-blue:#3b82f6;--accent-emerald:#10b981;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-accent:#fff;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-hover:#ff2a5f80;--shadow-sm:0 4px 12px #0000004d;--shadow-md:0 10px 25px #00000080;--shadow-lg:0 20px 40px #000000b3;--shadow-glow:0 0 25px var(--primary-glow);--font-main:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-logo:"Bebas Neue", sans-serif;--container-max:100%;--header-height:68px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{background-color:var(--bg-main);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}p{color:var(--text-secondary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;color:inherit;transition:all var(--transition-normal);background:0 0;border:none;outline:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#252a38}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:#fff}.container{width:100%;max-width:100%;margin:0;padding-left:clamp(18px,3.5vw,48px);padding-right:clamp(18px,3.5vw,48px)}@media (width<=768px){.container{padding-left:16px;padding-right:16px}}.botflix-navbar{z-index:1000;background:linear-gradient(#0a0b0ff2 0%,#0a0b0fb3 70%,#0a0b0f00 100%);height:68px;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.botflix-navbar.scrolled{-webkit-backdrop-filter:blur(16px);background:#0a0b0feb;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #000000b3}.botflix-nav-container{justify-content:space-between;align-items:center;gap:0;width:100%;max-width:100%;height:100%;margin:0;padding:0 clamp(18px,3.5vw,48px);display:flex}.botflix-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;transition:transform .2s;display:flex}.botflix-logo:hover{transform:scale(1.03)}.navbar-x-logo{object-fit:contain;filter:drop-shadow(0 0 10px #ff2a5f73);width:34px;height:34px}.botflix-logo .logo-main{font-family:var(--font-logo), "Bebas Neue", Impact, sans-serif;letter-spacing:1.5px;color:#ff2a5f;text-shadow:0 0 16px #ff2a5f73;-webkit-user-select:none;user-select:none;align-items:flex-end;padding-bottom:2px;font-size:1.95rem;font-weight:900;line-height:1;display:inline-flex}.netflix-curved-brand .arc-char{transform-origin:bottom;transition:transform .25s cubic-bezier(.16,1,.3,1),text-shadow .25s;display:inline-block}.netflix-curved-brand .arc-char:first-child{transform:translateY(0)rotate(-3.5deg)scaleY(1.06)}.netflix-curved-brand .arc-char:nth-child(2){transform:translateY(-1.8px)rotate(-2.2deg)scaleY(1.03)}.netflix-curved-brand .arc-char:nth-child(3){transform:translateY(-3.2px)rotate(-1deg)}.netflix-curved-brand .arc-char:nth-child(4),.netflix-curved-brand .arc-char:nth-child(5){transform:translateY(-4.2px)rotate(0)}.netflix-curved-brand .arc-char:nth-child(6){transform:translateY(-3.2px)rotate(1deg)}.netflix-curved-brand .arc-char:nth-child(7){transform:translateY(-1.8px)rotate(2.2deg)scaleY(1.03)}.netflix-curved-brand .arc-char:nth-child(8){transform:translateY(0)rotate(3.5deg)scaleY(1.06)}.botflix-logo:hover .logo-main{text-shadow:0 0 20px #ff2a5fa6,0 0 35px #ff2a5f59}.botflix-logo:hover .arc-char:first-child{transform:translateY(-1px)rotate(-4deg)scale(1.08)}.botflix-logo:hover .arc-char:nth-child(4),.botflix-logo:hover .arc-char:nth-child(5){transform:translateY(-5.5px)rotate(0)scale(1.05)}.botflix-logo:hover .arc-char:nth-child(8){transform:translateY(-1px)rotate(4deg)scale(1.08)}.botflix-search-form{border-radius:var(--radius-full);background:#ffffff14;border:1px solid #ffffff26;flex:1;align-items:center;min-width:220px;max-width:820px;height:42px;margin:0 clamp(24px,3vw,44px);padding:4px 6px 4px 18px;transition:all .25s;display:flex;position:relative}.botflix-search-form:focus-within{background:#141822f2;border-color:#ff2a5f;box-shadow:0 0 0 3px #ff2a5f40}.botflix-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.botflix-search-input::placeholder{color:#fff6;font-size:.82rem}.botflix-search-btn{color:#0b0c10;border-radius:var(--radius-full);cursor:pointer;background:#fff;border:none;flex-shrink:0;padding:5px 12px;font-size:.75rem;font-weight:800;transition:all .2s}.botflix-search-btn:hover{color:#fff;background:#ff2a5f}.botflix-nav-menu{align-items:center;gap:18px;display:flex}.nav-item-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 4px;font-size:.88rem;font-weight:600;transition:color .2s;display:inline-flex}.nav-item-btn:hover,.nav-item-btn.active{color:#fff}.filter-btn{color:#fff;align-items:center;gap:5px;font-weight:700;display:inline-flex}.filter-btn svg{color:#ff2a5f}.nav-dropdown-item{position:relative}.botflix-dropdown-popover{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#12151e;border:1px solid #ffffff1f;flex-direction:column;gap:4px;min-width:150px;padding:10px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownIn;display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 16px 36px #000000d9}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.grid-popover{grid-template-columns:repeat(2,140px);gap:6px;min-width:290px;display:grid}.year-popover{grid-template-columns:repeat(3,70px);gap:6px;min-width:220px;display:grid}.dropdown-link-item{color:#cbd5e1;border-radius:var(--radius-sm);white-space:nowrap;padding:8px 12px;font-size:.82rem;transition:all .15s}.dropdown-link-item:hover{color:#ff4d6d;background:#ff2a5f26}.watched-badge-pill{border-radius:var(--radius-full);color:#fff;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #fff3;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.watched-count-circle{color:#0b0c10;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;font-weight:800;display:flex}.botflix-right-actions{align-items:center;gap:16px;display:flex}.nav-bell-wrapper{cursor:pointer;color:#fff;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex;position:relative}.nav-bell-wrapper:hover{transform:scale(1.1)}.bell-badge{color:#fff;background:#ff2a5f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #ff2a5f99}.nav-user-avatar-wrapper{position:relative}.nav-user-avatar{cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-user-avatar:hover{border-color:#ff2a5f;transform:scale(1.08);box-shadow:0 0 16px #ff2a5f80}.nav-user-avatar.is-logged-in{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.nav-user-avatar.is-logged-in:hover{border-color:#fbbf24;box-shadow:0 0 20px #f59e0bb3}.nav-user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-online-dot{background:#10b981;border:2px solid #0a0c10;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 6px #10b981}.user-profile-popover{-webkit-backdrop-filter:blur(24px);z-index:120;background:#0e121cf2;border:1px solid #ffffff1f;border-radius:16px;width:260px;padding:16px;animation:.22s cubic-bezier(.16,1,.3,1) userPopoverIn;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 20px 48px #000000d9,0 0 0 1px #ffffff0d}@keyframes userPopoverIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-user-info{align-items:center;gap:12px;display:flex}.popover-avatar{object-fit:cover;border:2px solid #f59e0b;border-radius:50%;width:44px;height:44px}.popover-text{flex-direction:column;display:flex;overflow:hidden}.popover-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;overflow:hidden}.popover-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.popover-vip-tag{color:#f59e0b;letter-spacing:.5px;margin-top:3px;font-size:.68rem;font-weight:800;display:inline-block}.popover-divider{background:#ffffff14;height:1px;margin:12px 0}.popover-links{flex-direction:column;gap:4px;display:flex}.popover-item{color:#cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.popover-item:hover{color:#fff;background:#ffffff0f}.popover-item.stats-item{color:#94a3b8;cursor:default}.popover-item.stats-item strong{color:#ff2a5f}.popover-logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:.86rem;font-weight:700;transition:all .2s;display:flex}.popover-logout-btn:hover{color:#fff;background:#ef444433;border-color:#ef4444}.mobile-user-status{border-bottom:1px solid #ffffff14;margin-bottom:8px;padding:12px 16px}.mobile-login-btn{text-align:center;color:#fff;background:linear-gradient(135deg,#ff2a5f 0%,#e11d48 100%);border-radius:10px;padding:10px;font-size:.9rem;font-weight:700;text-decoration:none;display:block;box-shadow:0 4px 14px #ff2a5f66}.mobile-user-card{align-items:center;gap:12px;display:flex}.mobile-user-avatar{object-fit:cover;border:2px solid #f59e0b;border-radius:50%;width:40px;height:40px}.mobile-user-details{flex-direction:column;flex:1;display:flex}.mobile-user-name{color:#fff;font-size:.92rem;font-weight:800}.mobile-vip-badge{color:#f59e0b;font-size:.72rem;font-weight:700}.mobile-logout-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:6px 10px;font-size:.78rem;font-weight:700}.mobile-hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;display:none}.botflix-mobile-drawer{display:none}@media (width<=1100px){.botflix-nav-menu{gap:12px}.botflix-search-form{min-width:160px;max-width:480px;margin:0 16px}}@media (width<=900px){.botflix-nav-menu,.botflix-search-form{display:none}.mobile-hamburger{display:block}.botflix-mobile-drawer{background:#0d0f17;border-bottom:1px solid #ffffff1a;padding:16px;display:block;position:absolute;top:68px;left:0;right:0;box-shadow:0 10px 30px #000000e6}.mobile-search-box{gap:8px;margin-bottom:14px;display:flex}.mobile-search-box input{border-radius:var(--radius-md);color:#fff;background:#181b24;border:1px solid #ffffff26;flex:1;padding:10px 14px}.mobile-search-box button{color:#fff;border-radius:var(--radius-md);background:#ff2a5f;border:none;padding:0 16px;font-weight:700}.mobile-drawer-links{flex-direction:column;gap:8px;display:flex}.mobile-drawer-links a{border-radius:var(--radius-md);color:#cbd5e1;background:#ffffff08;padding:10px 14px;font-size:.95rem;font-weight:600}.mobile-drawer-links a:hover{color:#fff;background:#ff2a5f26}}.footer-wrapper{background:#000;border-top:1px solid #ffffff14;width:100%;margin-top:auto;padding:44px 0 40px}.footer-content-botphim{flex-direction:column;align-items:flex-start;gap:18px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.footer-patriot-pill{color:#fff;letter-spacing:.3px;-webkit-user-select:none;user-select:none;background:#b91c1c29;border:1px solid #ef4444b3;border-radius:9999px;align-items:center;gap:8px;padding:5px 16px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 0 12px #ef444433}.footer-patriot-pill .star-icon{font-size:.95rem;line-height:1}.footer-patriot-pill .patriot-text{color:#fff}.footer-brand-logo-row{margin-top:4px}.footer-botflix-link{text-decoration:none;transition:transform .2s;display:inline-block}.footer-botflix-link:hover{transform:scale(1.02)}.footer-logo-curved.netflix-curved-brand{font-family:var(--font-logo), "Bebas Neue", Impact, sans-serif;color:#ff2a5f;text-shadow:0 0 18px #ff2a5f73;-webkit-user-select:none;user-select:none;align-items:flex-end;padding-bottom:2px;font-weight:900;line-height:1;display:inline-flex;letter-spacing:2.5px!important;font-size:2.85rem!important}.footer-logo-curved .arc-char{transform-origin:bottom;transition:transform .25s cubic-bezier(.16,1,.3,1),text-shadow .25s;display:inline-block}.footer-logo-curved .arc-char:first-child{transform:translateY(0)rotate(-3.5deg)scaleY(1.06)}.footer-logo-curved .arc-char:nth-child(2){transform:translateY(-2.2px)rotate(-2.2deg)scaleY(1.03)}.footer-logo-curved .arc-char:nth-child(3){transform:translateY(-4px)rotate(-1deg)}.footer-logo-curved .arc-char:nth-child(4),.footer-logo-curved .arc-char:nth-child(5){transform:translateY(-5.2px)rotate(0)}.footer-logo-curved .arc-char:nth-child(6){transform:translateY(-4px)rotate(1deg)}.footer-logo-curved .arc-char:nth-child(7){transform:translateY(-2.2px)rotate(2.2deg)scaleY(1.03)}.footer-logo-curved .arc-char:nth-child(8){transform:translateY(0)rotate(3.5deg)scaleY(1.06)}.footer-links-row{flex-wrap:wrap;align-items:center;gap:28px;margin-top:2px;display:flex}.footer-nav-link{color:#cbd5e1;cursor:pointer;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s,transform .2s}.footer-nav-link:hover{color:#fff;text-shadow:0 0 8px #fff6}.footer-disclaimer-text{color:#8c9ba5;max-width:860px;margin:4px 0 0;font-size:.9rem;line-height:1.65}.footer-copyright-botphim{color:#64748b;letter-spacing:.2px;margin:0;font-size:.86rem}.footer-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.footer-modal-card{background:#141720;border:1px solid #ffffff24;border-radius:14px;width:100%;max-width:560px;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden;box-shadow:0 20px 45px #000000bf}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.footer-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.footer-modal-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.footer-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.25rem;transition:all .2s}.footer-modal-close:hover{color:#fff;background:#ffffff1a}.footer-modal-body{color:#cbd5e1;max-height:60vh;padding:24px;font-size:.92rem;line-height:1.65;overflow-y:auto}.footer-modal-body p{margin:0 0 14px}.footer-modal-body p:last-child{margin-bottom:0}.footer-modal-body code{color:#ff4d73;background:#ff2a5f26;border-radius:4px;padding:2px 6px;font-size:.9rem}.footer-modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding:14px 24px;display:flex}.btn-modal-dismiss{color:#fff;cursor:pointer;background:#ff2a5f;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-modal-dismiss:hover{background:#ff4d79;box-shadow:0 0 15px #ff2a5f80}@media (width<=640px){.footer-links-row{gap:16px}.footer-logo-curved{font-size:2.2rem!important}}.botflix-hero{-webkit-user-select:none;user-select:none;align-items:flex-end;width:100%;min-height:90vh;max-height:940px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-backdrop-layer{z-index:1;background:#0a0b0f;position:absolute;inset:0;overflow:hidden}.hero-backdrop-image{object-fit:cover;object-position:center 20%;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;filter:brightness(1.06)contrast(1.05)saturate(1.06);z-index:1;transition:opacity .6s;animation:.45s ease-out heroPosterSwitch;position:absolute;top:0;left:0;transform:scale(1.01)}@keyframes heroPosterSwitch{0%{opacity:.35;transform:scale(1.03)}to{opacity:1;transform:scale(1.01)}}.hero-trailer-wrapper{opacity:0;pointer-events:none;z-index:2;width:100%;height:100%;transition:opacity .9s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;overflow:hidden}.hero-trailer-wrapper.visible{opacity:1}.hero-trailer-video{object-fit:cover;object-position:center center;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-trailer-iframe{pointer-events:none;border:none;width:100vw;min-width:177.78vh;height:56.25vw;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-dark-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.hero-dark-left{background:linear-gradient(90deg,#0a0b0fbf 0%,#0a0b0f73 28%,#0a0b0f26 55%,#0a0b0f00 75%)}.hero-dark-bottom{background:linear-gradient(#0000 0% 50%,#0a0b0f66 75%,#0a0b0fe0 92%,#0a0b0f 100%)}.hero-dark-top{background:linear-gradient(#0a0b0fa6 0%,#0a0b0f00 100%);height:120px}.hero-main-container{z-index:4;justify-content:space-between;align-items:flex-end;gap:32px;width:100%;max-width:100%;margin:0;padding:0 clamp(18px,3.5vw,48px);display:flex;position:relative}.hero-details-block{flex-direction:column;gap:12px;max-width:620px;animation:.5s ease-out heroFadeIn;display:flex}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-main-title{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px #000000f2,0 4px 25px #000000e6,0 0 40px #000000b3;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(2.2rem,3.8vw,3.6rem);font-weight:800;line-height:1.15}.hero-subtitle{color:#ff7a88;letter-spacing:.5px;text-shadow:0 2px 8px #000000f2;margin-top:-2px;font-size:1.15rem;font-weight:600}.hero-badges-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.badge-pill{letter-spacing:.3px;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700;line-height:1.4}.pill-trailer{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff2a5f40;border:1px solid #ff2a5f;align-items:center;gap:6px;animation:.35s ease-out heroFadeIn;display:inline-flex}.trailer-pulse-dot{background:#ff2a5f;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite trailerPulse;box-shadow:0 0 8px #ff2a5f}@keyframes trailerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.pill-age{color:#ff4d6d;background:#ff4d6d14;border:1px solid #ff4d6d}.pill-episodes{color:#fff;background:#00000059;border:1px solid #ffffff40}.pill-quality{color:gold;letter-spacing:.5px;background:#ffd70024;border:1px solid #ffd700a6;font-weight:700;box-shadow:0 0 12px #ffd70033}.pill-sub{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff}.pill-year{color:#cbd5e1;background:#00000059;border:1px solid #ffffff40}.hero-synopsis-text{color:#e2e8f0;-webkit-line-clamp:3;text-shadow:0 2px 8px #000000f2,0 0 16px #000c;-webkit-box-orient:vertical;margin-top:2px;font-size:.92rem;font-style:normal;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-action-buttons{align-items:center;gap:14px;margin-top:8px;display:flex}.btn-watch-now{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#ff2a5f 0%,#ff5277 100%);justify-content:center;align-items:center;padding:10px 26px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #ff2a5f73}.btn-watch-now:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 26px #ff2a5fa6}.btn-icon-round{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-icon-round:hover{background:#ffffff40;transform:scale(1.08)}.btn-icon-round.favorited{background:#ff2a5f33;border-color:#ff2a5f}.btn-icon-round.active-sound{color:#ff2a5f;background:#ff2a5f40;border-color:#ff2a5f;box-shadow:0 0 12px #ff2a5f73}.hero-thumbnails-carousel{background:0 0;border:none;align-items:flex-end;gap:12px;padding:4px 0;display:flex}.mini-thumb-card{cursor:pointer;opacity:.7;filter:brightness(.9);border:2px solid #0000;border-radius:8px;flex-shrink:0;width:72px;height:108px;transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 14px #0009}.mini-thumb-card:hover{opacity:1;filter:brightness(1.08);z-index:5;border:2px solid #fff;transform:translateY(-6px)scale(1.08);box-shadow:0 8px 24px #000c,0 0 16px #fff9}.mini-thumb-card.active{opacity:1;filter:brightness(1.05);z-index:6;border:2px solid #ff2a5f;transform:translateY(-3px)scale(1.05);box-shadow:0 0 18px #ff2a5fe6,0 6px 20px #000000b3}.mini-thumb-card.active:hover{z-index:7;border:2px solid #ff2a5f;transform:translateY(-8px)scale(1.12);box-shadow:0 8px 26px #000c,0 0 24px #ff2a5f}.mini-thumb-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.thumb-countdown-progress{z-index:7;background:#ff2a5f;height:3px;animation:5s linear forwards thumbCountdown;position:absolute;bottom:0;left:0;box-shadow:0 0 8px #ff2a5f}@keyframes thumbCountdown{0%{width:0%}to{width:100%}}@media (width<=1024px){.hero-main-title{font-size:2.6rem}.mini-thumb-card{width:62px;height:93px}}@media (width<=800px){.botflix-hero{min-height:75vh;padding-bottom:30px}.hero-main-container{flex-direction:column;align-items:flex-start;gap:20px;padding:0 20px}.hero-main-title{font-size:2rem}.hero-thumbnails-carousel{width:100%;padding:6px 8px;overflow-x:auto}.mini-thumb-card{width:56px;height:84px}}.movie-card{cursor:pointer;border-radius:var(--radius-lg);transition:transform var(--transition-normal);-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;display:flex;position:relative}.movie-card:hover{transform:translateY(-6px)}.movie-card:focus-visible{box-shadow:0 0 0 3px var(--primary)}.card-poster-wrapper{aspect-ratio:2/3;border-radius:var(--radius-lg);background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:all var(--transition-smooth);position:relative;overflow:hidden}.movie-card:hover .card-poster-wrapper{border-color:#e5091480;box-shadow:0 16px 32px #000000b3,0 0 24px #e5091440}.card-poster-img{object-fit:cover;filter:brightness(1.04)contrast(1.05);width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s}.movie-card:hover .card-poster-img{filter:brightness(1.08)contrast(1.08);transform:scale(1.08)}.card-top-badges{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.badge-quality{border-radius:var(--radius-sm);color:#60a5fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px;background:#0a0c10d9;border:1px solid #ffffff40;padding:4px 9px;font-size:.8rem;font-weight:800}.badge-rating{border-radius:var(--radius-sm);color:var(--accent-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1219e6;border:1px solid #f59e0b66;align-items:center;gap:4px;padding:4px 10px;font-size:.84rem;font-weight:800;display:flex}.badge-star{width:13px;height:13px;color:var(--accent-gold)}.card-hover-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);z-index:2;background:linear-gradient(#0a0c100d 0%,#0a0c1040 50%,#0a0c10bf 100%);flex-direction:column;justify-content:space-between;padding:16px 14px;display:flex;position:absolute;top:0;left:0}.movie-card:hover .card-hover-overlay{opacity:1}.card-play-action{flex-direction:column;align-self:center;align-items:center;gap:8px;margin-top:auto;margin-bottom:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(.8)}.movie-card:hover .card-play-action{transform:scale(1)}.play-circle-glow{background:var(--primary-gradient);border-radius:var(--radius-full);width:66px;height:66px;box-shadow:0 4px 24px var(--primary-glow);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.play-circle-glow:hover{transform:scale(1.1)}.card-play-icon{color:#fff;width:28px;height:28px;margin-left:3px}.play-label{color:#fff;letter-spacing:.5px;text-shadow:0 2px 6px #000c;font-size:.95rem;font-weight:700}.card-hover-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.card-hover-genres{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500;overflow:hidden}.card-quick-save-btn{border-radius:var(--radius-full);color:#fff;width:38px;height:38px;transition:all var(--transition-fast);background:#ffffff26;border:1px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-quick-save-btn svg{width:20px;height:20px}.card-quick-save-btn:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.card-quick-save-btn.active{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#fff}.card-info{margin-top:14px;padding:0 4px}.card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-size:1.15rem;font-weight:800;line-height:1.35;overflow:hidden}.movie-card:hover .card-title{color:#ff4d5e}.card-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:.9rem;display:flex}.card-year{color:var(--text-secondary);font-weight:600}.card-bullet{opacity:.6;font-size:.75rem}.card-duration{font-size:.88rem}.card-type-tag{color:#94a3b8;font-size:.85rem}.card-country-tag{color:#38bdf8;font-size:.85rem;font-weight:600}.movie-section{margin-top:48px;margin-bottom:24px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-title-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-icon-badge{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.section-title-icon{width:20px;height:20px}.section-title-icon.flame{color:#ff385c}.section-title-icon.spark{color:#3b82f6}.section-title-icon.star{color:var(--accent-gold)}.section-title-icon.search{color:#10b981}.section-title{color:#fff;letter-spacing:-.3px;font-size:1.45rem;font-weight:800}.section-subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.section-count-tag{color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0d;padding:3px 8px;font-size:.75rem;font-weight:700}.movie-carousel-wrapper{width:100%;position:relative}.section-scroll-wrapper{scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:8px 0 16px;overflow:auto hidden}.section-scroll-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.section-movies-row{gap:24px;width:max-content;padding:0 4px;display:flex}.movie-card-row-item{scroll-snap-align:start;flex-shrink:0;width:clamp(350px,25vw,450px)}.carousel-edge-nav-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;z-index:20;background:#121620e6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:42%;transform:translateY(-50%);box-shadow:0 8px 28px #000c,0 0 20px #ff2a5f40}.carousel-edge-nav-btn.next-btn{right:8px}.carousel-edge-nav-btn.prev-btn{left:8px}.carousel-edge-nav-btn:hover{color:#fff;background:#ff2a5f;border-color:#ff2a5f;transform:translateY(-50%)scale(1.12);box-shadow:0 0 25px #ff2a5fbf,0 8px 24px #000c}.carousel-edge-nav-btn:active{transform:translateY(-50%)scale(.96)}.carousel-edge-nav-btn svg{width:22px;height:22px;transition:transform .2s}.carousel-edge-nav-btn.next-btn:hover svg{transform:translate(2px)}.carousel-edge-nav-btn.prev-btn:hover svg{transform:translate(-2px)}.carousel-fade-edge{pointer-events:none;z-index:10;width:80px;transition:opacity .3s;position:absolute;top:0;bottom:12px}.carousel-fade-edge.right{background:linear-gradient(90deg,#0000 0%,#0a0c1099 50%,#0a0c10f2 100%);border-top-right-radius:12px;border-bottom-right-radius:12px;right:0}.carousel-fade-edge.left{background:linear-gradient(270deg,#0000 0%,#0a0c1099 50%,#0a0c10f2 100%);border-top-left-radius:12px;border-bottom-left-radius:12px;left:0}.section-movies-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:36px 24px;display:grid}.movie-card-grid-item{width:100%}.empty-movies-box{text-align:center;color:var(--text-muted);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-movies-box p{font-size:.95rem}@media (width<=1024px){.movie-card-row-item{width:clamp(290px,34vw,380px)}.section-movies-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px 18px}.carousel-edge-nav-btn{width:46px;height:46px}}@media (width<=768px){.movie-section{margin-top:36px}.section-title{font-size:1.35rem}.movie-card-row-item{width:clamp(260px,75vw,320px)}.section-movies-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px 14px}.carousel-edge-nav-btn{width:42px;height:42px}.carousel-fade-edge{width:50px}}@media (width<=480px){.movie-card-row-item{width:250px}.section-movies-grid{grid-template-columns:1fr}.carousel-edge-nav-btn,.carousel-fade-edge{display:none}}.home-page-wrap{min-height:100vh;padding-bottom:60px}.home-quick-filter-bar{margin-top:24px;margin-bottom:12px}.quick-filter-scroll{scrollbar-width:none;align-items:center;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.quick-filter-scroll::-webkit-scrollbar{display:none}.quick-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast);background:#ffffff0d;padding:8px 18px;font-size:.88rem;font-weight:600}.quick-chip:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px)}.quick-chip.highlight{color:#fff;background:#e5091426;border-color:#e5091459}.quick-chip.highlight:hover{background:var(--primary);border-color:var(--primary)}.home-loading-box{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.movie-detail-page{min-height:100vh;padding-bottom:80px;position:relative}.detail-loading-box,.detail-error-box{min-height:60vh;padding-top:calc(var(--header-height) + 40px);color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.detail-spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.detail-hero-backdrop{z-index:1;height:520px;position:absolute;top:0;left:0;right:0;overflow:hidden}.detail-backdrop-img{object-fit:cover;object-position:center 20%;filter:brightness(1.06)contrast(1.05);width:100%;height:100%;transform:scale(1.02)}.detail-backdrop-overlay{background:linear-gradient(180deg, #0a0c1040 0%, #0a0c10a6 60%, var(--bg-main) 100%);position:absolute;inset:0}.detail-container{z-index:2;padding-top:calc(var(--header-height) + 160px);position:relative}.detail-header-layout{grid-template-columns:280px 1fr;align-items:flex-start;gap:40px;display:grid}.detail-poster-col{flex-direction:column;gap:16px;display:flex}.detail-poster-wrap{aspect-ratio:2/3;border-radius:var(--radius-lg);border:1px solid var(--border-medium);width:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #000c}.detail-poster-img{object-fit:cover;width:100%;height:100%}.detail-quality-badge{color:#60a5fa;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c10d9;border:1px solid #fff3;padding:4px 8px;font-size:.75rem;font-weight:800;position:absolute;top:12px;left:12px}.detail-btn-watch{background:var(--primary-gradient-glow);color:#fff;border-radius:var(--radius-md);letter-spacing:.5px;box-shadow:0 6px 20px var(--primary-glow);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:1rem;font-weight:800;display:flex}.detail-btn-watch:hover{transform:translateY(-2px);box-shadow:0 10px 28px #e5091499}.detail-btn-watch.disabled{box-shadow:none;cursor:not-allowed;color:var(--text-muted);background:#252b3b}.detail-info-col{flex-direction:column;gap:18px;display:flex}.detail-title{color:#fff;text-shadow:0 2px 10px #0009;font-size:2.5rem;font-weight:800;line-height:1.15}.detail-origin-title{color:var(--text-muted);margin-top:-8px;font-size:1.15rem;font-weight:500}.detail-meta-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-rating-pill{border-radius:var(--radius-sm);color:var(--accent-gold);background:#f59e0b26;border:1px solid #f59e0b59;align-items:center;gap:6px;padding:4px 10px;font-size:.95rem;font-weight:800;display:inline-flex}.detail-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#cbd5e1;background:#ffffff14;padding:4px 10px;font-size:.85rem;font-weight:600}.detail-badge.highlight{color:#ff4d5e;background:#e5091426;border-color:#e509144d}.detail-badge.lang-badge{color:#34d399;background:#10b98126;border-color:#10b9814d}.detail-genres-row{flex-wrap:wrap;gap:8px;display:flex}.detail-genre-tag{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0f;padding:4px 12px;font-size:.82rem}.detail-genre-tag:hover{background:var(--primary);border-color:var(--primary);color:#fff}.detail-extra-meta{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#12151e;flex-direction:column;gap:8px;padding:16px;display:flex}.extra-meta-item{font-size:.9rem;line-height:1.5}.meta-label{color:var(--text-muted);margin-right:8px;font-weight:600}.meta-text{color:#e2e8f0}.detail-synopsis{flex-direction:column;gap:10px;display:flex}.detail-synopsis h3{color:#fff;font-size:1.25rem;font-weight:700}.detail-synopsis p{color:#cbd5e1;font-size:.98rem;line-height:1.7}.detail-episodes-section{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#12151e;margin-top:56px;padding:28px}.episodes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.episodes-header h3{color:#fff;font-size:1.35rem;font-weight:800}.server-tabs{flex-wrap:wrap;gap:8px;display:flex}.server-tab-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;padding:6px 14px;font-size:.85rem;font-weight:600}.server-tab-btn:hover{color:#fff;background:#ffffff1f}.server-tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.episode-card-link{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#e2e8f0;transition:all var(--transition-fast);background:#ffffff0a;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.88rem;font-weight:600;display:flex}.episode-card-link:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-2px)}@media (width<=900px){.detail-header-layout{grid-template-columns:1fr;gap:28px}.detail-poster-col{max-width:240px;margin:0 auto}.detail-title{font-size:1.85rem}}.video-player-container{aspect-ratio:16/9;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;background-color:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000e6,0 0 30px #e5091426}.video-player-container.fullscreen{border-radius:0;width:100vw;height:100vh}.main-video-element{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.iframe-player-wrapper{width:100%;height:100%;position:relative}.video-iframe{border:none;width:100%;height:100%}.switch-back-btn{color:#fff;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f1219d9;border:1px solid #fff3;padding:8px 16px;font-size:.82rem;font-weight:600;position:absolute;top:14px;right:14px}.switch-back-btn:hover{background:var(--primary);border-color:var(--primary)}.player-loading-spinner{color:#cbd5e1;pointer-events:none;z-index:5;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.9rem;font-weight:500;display:flex;position:absolute;inset:0}.spinner-ring{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spinRing}@keyframes spinRing{to{transform:rotate(360deg)}}.player-error-overlay{z-index:8;background:#0a0c10f2;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.error-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:460px;display:flex}.error-card h3{color:#ff4d5e;font-size:1.25rem}.error-card p{color:var(--text-secondary);font-size:.9rem}.error-action-btn{background:var(--primary-gradient-glow);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px var(--primary-glow);margin-top:8px;padding:12px 24px;font-size:.92rem;font-weight:700}.error-action-btn:hover{transform:translateY(-2px)}.resume-prompt-toast{border:1px solid var(--border-medium);border-left:4px solid var(--accent-gold);border-radius:var(--radius-md);z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141822f2;align-items:center;gap:16px;padding:12px 18px;animation:.3s ease-out resumeFadeIn;display:flex;position:absolute;bottom:80px;left:24px;box-shadow:0 10px 25px #000c}@keyframes resumeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.resume-info{color:#fff;font-size:.88rem}.resume-info strong{color:var(--accent-gold)}.resume-actions{gap:8px;display:flex}.resume-btn{border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem;font-weight:700}.resume-btn.accept{background:var(--primary);color:#fff}.resume-btn.cancel{color:var(--text-secondary);background:#ffffff1a}.player-top-bar{z-index:10;background:linear-gradient(#000000d9 0%,#0000 100%);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.player-video-title h2{color:#fff;text-shadow:0 2px 6px #000c;font-size:1.15rem;font-weight:700}.player-ep-name{color:#ff4d5e;margin-top:2px;font-size:.85rem;font-weight:600;display:block}.btn-switch-server{color:#cbd5e1;border-radius:var(--radius-full);background:#ffffff1f;border:1px solid #fff3;padding:6px 12px;font-size:.78rem}.btn-switch-server:hover{color:#fff;background:#ffffff40}.player-bottom-controls{z-index:10;background:linear-gradient(#0000 0%,#0009 40%,#000000f2 100%);padding:24px 20px 16px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.player-progress-bar-wrap{border-radius:var(--radius-full);cursor:pointer;background:#fff3;width:100%;height:6px;transition:height .15s;position:relative}.player-progress-bar-wrap:hover{height:9px}.player-progress-filled{background:var(--primary-gradient);border-radius:var(--radius-full);height:100%;box-shadow:0 0 10px var(--primary-glow);position:relative}.player-progress-scrubber{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 2px 6px #0009}.player-progress-bar-wrap:hover .player-progress-scrubber{transform:translateY(-50%)scale(1)}.player-controls-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.controls-left,.controls-right{align-items:center;gap:14px;display:flex}.ctrl-btn{color:#fff;opacity:.9;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ctrl-btn:hover{opacity:1;color:#ff4d5e;transform:scale(1.08)}.play-pause-btn svg{width:24px;height:24px}.seek-btn{align-items:center;gap:2px;font-size:.72rem;font-weight:700;display:flex}.seek-btn svg{width:18px;height:18px}.volume-control-wrap{align-items:center;gap:8px;display:flex}.mute-btn svg{width:20px;height:20px}.volume-slider{width:70px;height:4px;accent-color:var(--primary);cursor:pointer;border-radius:var(--radius-full);background:#ffffff4d}.time-display{color:#94a3b8;align-items:center;gap:4px;font-size:.82rem;font-weight:600;display:flex}.time-current{color:#fff}.next-ep-btn{border-radius:var(--radius-md);color:#fff;background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.next-ep-btn:hover{background:var(--primary);border-color:var(--primary)}.fullscreen-btn svg{width:20px;height:20px}.hide-controls .player-top-bar,.hide-controls .player-bottom-controls{opacity:0;pointer-events:none}.hide-controls{cursor:none}.watch-page-wrap{min-height:100vh;padding-top:calc(var(--header-height) + 20px);padding-bottom:80px}.watch-loading-box,.watch-error-box{min-height:60vh;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.watch-spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.watch-layout{flex-direction:column;gap:20px;display:flex}.watch-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;font-size:.88rem;display:flex}.watch-breadcrumb a:hover{color:#fff}.bc-separator{opacity:.5}.bc-current{color:var(--primary);font-weight:600}.player-wrapper-card{width:100%}.watch-episode-nav-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#141722;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.now-playing-tag{color:#cbd5e1;font-size:.92rem}.now-playing-tag strong{color:#ff4d5e}.nav-bar-actions{align-items:center;gap:10px;display:flex}.ep-nav-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;padding:8px 16px;font-size:.85rem;font-weight:600}.ep-nav-btn:hover{background:#ffffff2e}.ep-nav-btn.highlight{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.ep-nav-btn.highlight:hover{transform:translateY(-2px)}.watch-episodes-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#12151e;flex-direction:column;gap:18px;padding:24px;display:flex}.watch-episodes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.watch-episodes-header h3{color:#fff;font-size:1.25rem;font-weight:800}.watch-server-tabs{flex-wrap:wrap;gap:8px;display:flex}.watch-server-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0f;padding:6px 14px;font-size:.82rem;font-weight:600}.watch-server-btn:hover{color:#fff;background:#ffffff1f}.watch-server-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.watch-episodes-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;max-height:380px;padding-right:4px;display:grid;overflow-y:auto}.watch-ep-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#e2e8f0;transition:all var(--transition-fast);background:#ffffff0a;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.85rem;font-weight:600;display:flex}.watch-ep-item:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px)}.watch-ep-item.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.ep-active-dot{color:#fff;font-size:.6rem}.watch-movie-info-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#141722;flex-direction:column;gap:14px;padding:24px;display:flex}.info-box-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.watch-movie-title{color:#fff;font-size:1.6rem;font-weight:800}.watch-movie-sub{color:var(--text-muted);margin-top:2px;font-size:.95rem}.btn-view-details{color:var(--primary);border-radius:var(--radius-full);background:#e509141a;border:1px solid #e509144d;padding:6px 14px;font-size:.85rem;font-weight:600}.btn-view-details:hover{background:var(--primary);color:#fff}.info-box-content p{color:#cbd5e1;font-size:.92rem;line-height:1.7}.cyber-movie-filter{-webkit-backdrop-filter:blur(24px);background:#0f121cd1;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:36px;padding:24px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1f}.cyber-movie-filter:before{content:"";opacity:.85;filter:drop-shadow(0 0 8px #ff2a5fcc);background:linear-gradient(90deg,#0000 0%,#ff2a5f 25%,#a855f7 50%,#3b82f6 75%,#0000 100%);height:2px;position:absolute;top:0;left:5%;right:5%}.filter-header-bar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.filter-title-wrap{flex-direction:column;gap:6px;display:flex}.filter-badge-row{align-items:center;gap:10px;display:flex}.filter-neon-tag{letter-spacing:1.2px;text-transform:uppercase;color:#f36;background:#ff2a5f1f;border:1px solid #ff2a5f59;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:.76rem;font-weight:800;display:inline-flex;box-shadow:0 0 12px #ff2a5f33}.neon-pulse-dot{background:#ff2a5f;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulseNeon;box-shadow:0 0 8px #ff2a5f}@keyframes pulseNeon{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #ff2a5f}}.filter-active-count-badge{color:#a855f7;background:#a855f71f;border:1px solid #a855f74d;border-radius:9999px;padding:3px 9px;font-size:.75rem;font-weight:600}.filter-main-title{color:#fff;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 60%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.65rem;font-weight:800}.filter-header-actions{align-items:center;gap:12px;display:flex}.filter-count-chip{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.filter-count-chip svg{color:#ff2a5f}.filter-collapse-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:700;transition:all .25s;display:inline-flex}.filter-collapse-btn:hover{color:#ff3b6d;background:#ff2a5f26;border-color:#ff2a5f66;transform:translateY(-1px);box-shadow:0 0 16px #ff2a5f40}.collapse-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.collapse-icon.collapsed{transform:rotate(180deg)}.filter-collapsed-summary{cursor:pointer;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 18px;transition:all .2s;display:flex}.filter-collapsed-summary:hover{background:#ffffff0f;border-color:#ff2a5f4d}.summary-left{flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;display:flex}.summary-label{color:var(--text-muted);font-weight:600}.summary-tag{color:#38bdf8;font-weight:700}.summary-dot{color:#fff3}.summary-expand-hint{color:#ff2a5f;font-size:.82rem;font-weight:700}.filter-body-form{margin-top:22px}.filter-controls-grid{grid-template-columns:repeat(5,1fr) auto;align-items:end;gap:14px;display:grid}.filter-control-card{background:#0a0d14b3;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.filter-control-card:hover{background:#101420e6;border-color:#fff3;box-shadow:0 4px 16px #0006}.filter-control-card.active-select{background:#ff2a5f0a;border-color:#ff2a5f80;box-shadow:0 0 16px #ff2a5f26}.control-label-row{align-items:center;gap:6px;display:flex}.control-icon{color:#ff2a5f;flex-shrink:0;width:14px;height:14px}.control-label-row label{color:#94a3b8;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:.76rem;font-weight:700;overflow:hidden}.filter-control-card.active-select .control-label-row label{color:#ff6584}.select-container{width:100%;position:relative}.cyber-select{appearance:none;color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:9px 28px 9px 10px;font-size:.88rem;font-weight:600;transition:all .2s;overflow:hidden}.cyber-select:hover{background:#ffffff0f;border-color:#ffffff4d}.cyber-select:focus{background:#121622f2;border-color:#ff2a5f;box-shadow:0 0 14px #ff2a5f59}.cyber-select option{color:#fff;background:#11141d;padding:10px;font-size:.9rem}.select-arrow-badge{pointer-events:none;color:#94a3b8;font-size:.75rem;transition:transform .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-container:focus-within .select-arrow-badge{color:#ff2a5f;transform:translateY(-50%)rotate(180deg)}.filter-btn-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-filter-apply{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff2a5f 0%,#e11d48 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:.92rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #ff2a5f73}.btn-filter-apply:hover{background:linear-gradient(135deg,#ff4373 0%,#f43f5e 100%);transform:translateY(-2px)scale(1.03);box-shadow:0 6px 26px #ff2a5fb3}.btn-filter-apply:active{transform:translateY(0)scale(.98)}.btn-filter-reset{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:13px 18px;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-filter-reset:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.btn-filter-reset:hover svg{transform:rotate(-180deg)}.btn-filter-reset svg{transition:transform .4s}.filter-presets-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.preset-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:.78rem;font-weight:700}.preset-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;padding:6px 13px;font-size:.8rem;font-weight:700;transition:all .2s}.preset-chip:hover{color:#ff386c;background:#ff2a5f1f;border-color:#ff2a5f66;transform:translateY(-1px);box-shadow:0 2px 10px #ff2a5f33}@media (width<=1280px){.filter-controls-grid{grid-template-columns:repeat(3,1fr)}.filter-btn-group{grid-column:span 3;justify-content:flex-end;margin-top:6px}}@media (width<=860px){.cyber-movie-filter{border-radius:16px;padding:20px}.filter-main-title{font-size:1.35rem}.filter-controls-grid{grid-template-columns:repeat(2,1fr)}.filter-btn-group{grid-column:span 2;width:100%}.btn-filter-apply,.btn-filter-reset{flex:1}}@media (width<=540px){.filter-controls-grid{grid-template-columns:1fr}.filter-btn-group{grid-column:span 1}.filter-header-bar{flex-direction:column;align-items:flex-start}.filter-header-actions{justify-content:space-between;width:100%}}.category-page-wrap{min-height:100vh;padding-top:calc(var(--header-height) + 32px);padding-bottom:80px}.category-current-badge{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.95rem;display:inline-flex}.category-current-badge strong{color:#ff2a5f}.category-loading-box,.category-empty-box{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.category-spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.category-movies-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:36px 24px;display:grid}.category-movie-item{width:100%}.category-pagination-row{justify-content:center;align-items:center;gap:16px;margin-top:48px;display:flex}.page-nav-btn{border:1px solid var(--border-medium);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#141722;padding:10px 22px;font-size:.9rem;font-weight:700}.page-nav-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);box-shadow:0 4px 14px var(--primary-glow)}.page-current-indicator{color:var(--text-secondary);font-size:.95rem;font-weight:700}@media (width<=768px){.category-movies-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px 16px}}@media (width<=480px){.category-movies-grid{grid-template-columns:1fr}}.search-page-wrap{min-height:100vh;padding-top:calc(var(--header-height) + 32px);padding-bottom:80px}.search-header-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#12151e;margin-bottom:32px;padding:24px 28px}.search-title{color:#fff;font-size:1.85rem;font-weight:800}.search-title .highlight{color:#ff4d5e}.search-subtitle{color:var(--text-muted);margin-top:4px;font-size:.9rem}.search-loading-box,.search-empty-box{min-height:45vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.search-spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.search-empty-box svg{color:#475569}.search-empty-box h3{color:#fff;font-size:1.25rem}.search-empty-box p{color:var(--text-secondary);max-width:400px;font-size:.9rem}.search-movies-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:24px 18px;display:grid}.search-movie-item{width:100%}@media (width<=768px){.search-movies-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 12px}}@media (width<=480px){.search-movies-grid{grid-template-columns:repeat(2,1fr)}}.filter-page-wrap{min-height:100vh;padding-top:calc(var(--header-height) + 36px);background:radial-gradient(circle at 50% 0,#ff2a5f0d 0%,#0000 60%);padding-bottom:90px}.filter-results-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.results-badge{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:9999px;padding:6px 14px;font-size:.95rem}.results-badge strong{color:#ff2a5f}.filter-movies-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:36px 24px;display:grid}.filter-movie-card-item{width:100%}.filter-page-loading{min-height:45vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.filter-spinner{border:4px solid #ffffff1a;border-top-color:#ff2a5f;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.filter-empty-results{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;padding:60px 20px;display:flex}.empty-icon-box{color:#ff2a5f;background:#ff2a5f1a;border:1px solid #ff2a5f4d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.filter-empty-results h3{color:#fff;margin-bottom:8px;font-size:1.35rem;font-weight:800}.filter-empty-results p{color:var(--text-muted);max-width:450px;margin-bottom:24px;font-size:.95rem}.btn-clear-filters{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2a5f 0%,#e11d48 100%);border:none;border-radius:12px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .25s;box-shadow:0 4px 16px #ff2a5f66}.btn-clear-filters:hover{transform:translateY(-2px);box-shadow:0 6px 22px #ff2a5f99}.filter-pagination-row{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:16px;margin-top:50px;padding-top:30px;display:flex}.page-nav-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.page-nav-btn:hover:not(:disabled){color:#fff;background:#ff2a5f;border-color:#ff2a5f;transform:translateY(-1px);box-shadow:0 0 16px #ff2a5f66}.page-nav-btn:disabled{opacity:.35;cursor:not-allowed}.current-page-badge{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:8px 18px;font-size:.92rem;font-weight:700}@media (width<=1024px){.filter-movies-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px 18px}}@media (width<=768px){.filter-movies-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px 14px}}@media (width<=480px){.filter-movies-grid{grid-template-columns:1fr}}.xiumovie-logo-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.xiumovie-logo-brand:hover{transform:scale(1.03)}.logo-x-emblem-wrap{filter:drop-shadow(0 4px 12px #ff2a5f73);justify-content:center;align-items:center;transition:filter .3s;display:flex;position:relative}.xiumovie-logo-brand:hover .logo-x-emblem-wrap{filter:drop-shadow(0 6px 18px #ff2a5fb3)}.logo-x-svg{width:100%;height:100%;display:block}.logo-x-backdrop{fill:#141722;stroke:#ff2a5f59;stroke-width:2.5px;transition:all .3s}.xiumovie-logo-brand:hover .logo-x-backdrop{fill:#191c2b;stroke:#ff2a5fbf}.logo-x-play-glyph{filter:drop-shadow(0 0 6px #fffc);transform-origin:50%;transition:transform .25s}.xiumovie-logo-brand:hover .logo-x-play-glyph{transform:scale(1.15)}.logo-x-flare{animation:2.5s ease-in-out infinite alternate flarePulse}@keyframes flarePulse{0%{opacity:.6;r:2.5}to{opacity:1;r:4.5}}.xiumovie-logo-brand.size-sm .logo-x-emblem-wrap{width:30px;height:30px}.xiumovie-logo-brand.size-sm .wordmark-xiu,.xiumovie-logo-brand.size-sm .wordmark-movie{font-size:1.3rem}.xiumovie-logo-brand.size-md .logo-x-emblem-wrap{width:38px;height:38px}.xiumovie-logo-brand.size-md .wordmark-xiu,.xiumovie-logo-brand.size-md .wordmark-movie{font-size:1.75rem}.xiumovie-logo-brand.size-lg .logo-x-emblem-wrap{width:48px;height:48px}.xiumovie-logo-brand.size-lg .wordmark-xiu,.xiumovie-logo-brand.size-lg .wordmark-movie{font-size:2.2rem}.xiumovie-logo-brand.size-xl .logo-x-emblem-wrap{width:64px;height:64px}.xiumovie-logo-brand.size-xl .wordmark-xiu,.xiumovie-logo-brand.size-xl .wordmark-movie{font-size:2.8rem}.logo-wordmark.netflix-curved-brand{font-family:var(--font-logo), "Bebas Neue", Impact, sans-serif;letter-spacing:1.5px;color:#ff2a5f;text-shadow:0 0 16px #ff2a5f73;-webkit-user-select:none;user-select:none;align-items:flex-end;padding-bottom:2px;font-weight:900;line-height:1;display:inline-flex}.logo-wordmark .arc-char{transform-origin:bottom;transition:transform .25s cubic-bezier(.16,1,.3,1),text-shadow .25s;display:inline-block}.logo-wordmark .arc-char:first-child{transform:translateY(0)rotate(-3.5deg)scaleY(1.06)}.logo-wordmark .arc-char:nth-child(2){transform:translateY(-1.8px)rotate(-2.2deg)scaleY(1.03)}.logo-wordmark .arc-char:nth-child(3){transform:translateY(-3.2px)rotate(-1deg)}.logo-wordmark .arc-char:nth-child(4),.logo-wordmark .arc-char:nth-child(5){transform:translateY(-4.2px)rotate(0)}.logo-wordmark .arc-char:nth-child(6){transform:translateY(-3.2px)rotate(1deg)}.logo-wordmark .arc-char:nth-child(7){transform:translateY(-1.8px)rotate(2.2deg)scaleY(1.03)}.logo-wordmark .arc-char:nth-child(8){transform:translateY(0)rotate(3.5deg)scaleY(1.06)}.wordmark-hd-badge{color:#ff2a5f;border-radius:var(--radius-sm);letter-spacing:.5px;background:#ff2a5f29;border:1px solid #ff2a5f66;align-self:flex-start;margin-left:6px;padding:2px 5px;font-size:.62rem;font-weight:800}.auth-page-wrapper{min-height:100vh;padding:calc(var(--header-height) + 40px) 20px 60px 20px;background:radial-gradient(circle at 50% 15%,#ff2a5f2e 0%,#0000 65%),radial-gradient(circle at 10% 80%,#6366f11f 0%,#0000 50%),#07090e;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg-overlay{pointer-events:none;opacity:.6;background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-size:32px 32px;width:100%;height:100%;position:absolute;top:0;left:0}.auth-card-container{-webkit-backdrop-filter:blur(28px);z-index:2;background:#0d1019e0;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:480px;padding:36px 32px;transition:all .3s;position:relative;box-shadow:0 24px 60px #000000d9,0 0 0 1px #ffffff0f,inset 0 1px #ffffff26}.auth-logo-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.auth-logo-link{text-decoration:none}.auth-tagline{letter-spacing:.6px;color:var(--text-muted);margin-top:8px;font-size:.85rem;font-weight:600}.auth-tab-switch{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px;padding:5px;display:grid}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 14px;font-size:.92rem;font-weight:700;transition:all .25s}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#ff2a5f 0%,#e11d48 100%);box-shadow:0 4px 16px #ff2a5f66}.tab-btn:hover:not(.active){color:#fff;background:#ffffff0d}.auth-alert{border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:600;animation:.3s fadeIn;display:flex}.auth-alert.error{color:#f87171;background:#ef44441f;border:1px solid #ef444466}.auth-alert.success{color:#34d399;background:#10b9811f;border:1px solid #10b98166}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#cbd5e1;letter-spacing:.2px;font-size:.84rem;font-weight:700}.password-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-pass-link{color:#ff3b6d;font-size:.78rem;font-weight:600;text-decoration:none}.forgot-pass-link:hover{text-decoration:underline}.input-with-icon{align-items:center;display:flex;position:relative}.field-icon{color:#64748b;pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;left:14px}.input-with-icon input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:13px 44px 13px 42px;font-size:.94rem;font-weight:500;transition:all .2s}.input-with-icon input:hover{background:#ffffff0f;border-color:#ffffff40}.input-with-icon input:focus{background:#121622f2;border-color:#ff2a5f;box-shadow:0 0 16px #ff2a5f59}.input-with-icon:focus-within .field-icon{color:#ff2a5f}.eye-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;position:absolute;right:12px}.btn-submit-auth{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2a5f 0%,#e11d48 100%);border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:8px;padding:14px;font-size:1rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 22px #ff2a5f73}.btn-submit-auth:hover:not(:disabled){background:linear-gradient(135deg,#ff4373 0%,#f43f5e 100%);transform:translateY(-2px);box-shadow:0 8px 28px #ff2a5fb3}.btn-submit-auth:disabled{opacity:.6;cursor:not-allowed}.auth-btn-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.logged-in-card{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-user-badge{margin-bottom:16px;position:relative}.user-big-avatar{object-fit:cover;border:3px solid #ff2a5f;border-radius:50%;width:90px;height:90px;box-shadow:0 0 24px #ff2a5f80}.vip-star-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:900;position:absolute;bottom:0;right:-6px;box-shadow:0 2px 8px #00000080}.auth-sub-desc{color:var(--text-muted);margin-top:6px;margin-bottom:24px;font-size:.92rem}.auth-actions-row{flex-direction:column;gap:12px;width:100%;display:flex}.btn-primary-auth{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2a5f 0%,#e11d48 100%);border:none;border-radius:12px;padding:12px;font-size:.95rem;font-weight:800}.btn-outline-auth{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;padding:12px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}@media (width<=480px){.auth-card-container{padding:24px 18px}.avatar-grid-select{grid-template-columns:repeat(3,1fr)}}.app-wrapper{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.demo-notice-bar{color:#c7d2fe;z-index:1001;background:linear-gradient(90deg,#1e1b4b 0%,#1e293b 50%,#0f172a 100%);border-bottom:1px solid #6366f14d;justify-content:center;align-items:center;gap:12px;padding:6px 16px;font-size:.78rem;display:flex;position:relative}.notice-pill{color:#fff;border-radius:var(--radius-sm);letter-spacing:.5px;background:#4f46e5;padding:2px 7px;font-size:.68rem;font-weight:800}.notice-text{font-weight:500}.notice-close-btn{color:#94a3b8;background:0 0;padding:2px 6px;font-size:.85rem;line-height:1}.notice-close-btn:hover{color:#fff}.main-content{flex-direction:column;flex:1;padding-bottom:60px;display:flex}.filter-bar-section{padding-top:24px;padding-bottom:8px}.filter-bar-container{scrollbar-width:none;align-items:center;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-bar-container::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast);background:#ffffff0d;padding:8px 18px;font-size:.88rem;font-weight:600}.filter-chip:hover{color:#fff;background:#ffffff1a}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.filtered-view-header{padding-top:calc(var(--header-height) + 24px);margin-bottom:24px}.filtered-header-box{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:#141722;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.filtered-title-group h2{color:#fff;font-size:1.5rem;font-weight:800}.filtered-title-group p{color:var(--text-muted);margin-top:4px;font-size:.88rem}.filtered-highlight{color:#ff4d5e}.reset-filter-btn{border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-full);background:#ffffff14;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.reset-filter-btn:hover{background:var(--primary);border-color:var(--primary)}.toast-notification{border:1px solid var(--accent-emerald);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:3000;background:#1e2230;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;position:fixed;bottom:24px;right:24px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{color:var(--accent-emerald)}