@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--ratio: 1;--primary-bg: #05030f;--secondary-bg: rgba(14, 18, 38, .78);--card-bg: rgba(24, 28, 60, .65);--accent-color: #7c5cff;--accent-hover: #9a7bff;--text-primary: #f7f8ff;--text-secondary: rgba(247, 248, 255, .78);--text-muted: rgba(247, 248, 255, .52);--border-color: rgba(255, 255, 255, .08);--focus-border: rgba(79, 157, 255, .65);--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--font-family: "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-size-xs: calc(16px * var(--ratio));--font-size-sm: calc(19.2px * var(--ratio));--font-size-base: calc(24px * var(--ratio));--font-size-lg: calc(32px * var(--ratio));--font-size-xl: calc(40px * var(--ratio));--font-size-2xl: calc(48px * var(--ratio));--font-size-3xl: calc(64px * var(--ratio));--spacing-xs: calc(8px * var(--ratio));--spacing-sm: calc(16px * var(--ratio));--spacing-md: calc(24px * var(--ratio));--spacing-lg: calc(32px * var(--ratio));--spacing-xl: calc(48px * var(--ratio));--spacing-2xl: calc(64px * var(--ratio));--border-radius-sm: clamp(8px, 12px * var(--ratio), 18px);--border-radius-md: clamp(16px, 20px * var(--ratio), 28px);--border-radius-lg: clamp(24px, 32px * var(--ratio), 42px);--border-width-base: clamp(1px, 2px * var(--ratio), 3px);--border-width-focus: clamp(2px, 4px * var(--ratio), 6px);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}*{box-sizing:border-box}html{font-size:calc(16px * var(--ratio))}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.4;font-weight:400;color:var(--text-primary);background:radial-gradient(circle at 20% 20%,rgba(90,76,255,.18),transparent 55%),radial-gradient(circle at 80% 0%,rgba(0,212,255,.18),transparent 50%),var(--primary-bg);min-height:100vh;width:100vw;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;position:relative;overflow:hidden}::-webkit-scrollbar{width:calc(8px * var(--ratio));height:calc(8px * var(--ratio))}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button:focus,.focusable:focus,.focused{outline:none;box-shadow:0 0 0 calc(6px * var(--ratio)) #4f9dff40;transform:translateY(calc(-2px * var(--ratio)));z-index:10;position:relative}button{border-radius:999px;border:1px solid rgba(255,255,255,.12);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;font-family:inherit;background:#ffffff0d;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:3.5rem;min-width:9rem;letter-spacing:.06em}button:hover{border-color:#ffffff52;background:linear-gradient(135deg,var(--accent-color),#4f9dff);color:var(--primary-bg);box-shadow:0 calc(18px * var(--ratio)) calc(35px * var(--ratio)) #4f9dff47}button:active{transform:scale(.97)}.loading-spinner{width:4rem;height:4rem;border:calc(4px * var(--ratio)) solid rgba(255,255,255,.08);border-top:calc(4px * var(--ratio)) solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movie-content,.series-content{flex:1;position:relative;overflow-y:auto;display:flex;flex-direction:column}.movie-backdrop,.series-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden}.screen-header-detail{padding:1em;background:unset!important}.details-back-button{position:relative;min-width:unset;width:calc(56px * var(--ratio));height:calc(56px * var(--ratio));border:none;border-radius:50%;background:#ffffff1f;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:calc(34px * var(--ratio));cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);padding:0;box-shadow:0 calc(10px * var(--ratio)) calc(18px * var(--ratio)) #05061473}.details-back-button:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,#7c5cffcc,#4f9dff59);opacity:0;transform:scale(.85);transition:opacity var(--transition-normal),transform var(--transition-normal);filter:drop-shadow(0 0 calc(16px * var(--ratio)) rgba(79,157,255,.55))}.details-back-button span{position:relative;z-index:1;line-height:1}.details-back-button:hover,.details-back-button.focused{color:var(--primary-bg);background:transparent;box-shadow:0 calc(20px * var(--ratio)) calc(40px * var(--ratio)) #4f9dff61}.details-back-button:hover:after,.details-back-button.focused:after{opacity:1;transform:scale(1)}.details-play-button{border-radius:999px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#7c5cff2e,#4f9dff24);color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;letter-spacing:.08em;cursor:pointer;transition:background var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast)}.details-play-button__icon{font-size:calc(36px * var(--ratio));line-height:1;display:inline-flex;align-items:center;justify-content:center}.details-play-button__label{font-size:var(--font-size-base);text-transform:uppercase}.details-play-button:hover,.details-play-button.focused{background:linear-gradient(135deg,var(--accent-color),#4f9dff);color:var(--primary-bg);box-shadow:0 calc(26px * var(--ratio)) calc(55px * var(--ratio)) #4f9dff59;transform:translateY(calc(-3px * var(--ratio)))}.backdrop-image{width:100%;height:100%;object-fit:cover;filter:saturate(130%) blur(0px);transform:scale(1.05)}.backdrop-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#050614e6 10%,#05061aa6 40%,#050623eb 95%)}.movie-info-container,.series-info-container{position:relative;z-index:2;display:grid;grid-template-columns:minmax(calc(280px * var(--ratio)),calc(320px * var(--ratio))) 1fr;align-items:start;gap:var(--spacing-2xl);padding:var(--spacing-2xl);max-width:calc(1600px * var(--ratio));width:100%;margin:0 auto}.movie-poster-section,.series-poster-section{display:flex;flex-direction:column;gap:var(--spacing-xl);background:#12142ce6;border-radius:calc(var(--border-radius-lg) * 1.05);padding:var(--spacing-xl);border:var(--border-width-base) solid rgba(255,255,255,.12);background-clip:padding-box;box-shadow:0 calc(22px * var(--ratio)) calc(45px * var(--ratio)) #05061466}.movie-poster-large,.series-poster-large{width:100%;border-radius:calc(var(--border-radius-lg) * .9);box-shadow:0 calc(28px * var(--ratio)) calc(45px * var(--ratio)) #050619a6;background:#0a0a1473;border:var(--border-width-base) solid rgba(255,255,255,.08)}.movie-details-section,.series-details-section{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);background:#12142ce6;border-radius:calc(var(--border-radius-lg) * 1.05);border:var(--border-width-base) solid rgba(255,255,255,.12);background-clip:padding-box;box-shadow:0 calc(22px * var(--ratio)) calc(45px * var(--ratio)) #0506146b}.movie-title,.series-title{font-size:clamp(var(--font-size-2xl),4vw,calc(var(--font-size-3xl) * 1.05));margin:0;letter-spacing:.05em}.details-eyebrow{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.35em;margin:0}.movie-meta,.series-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.movie-meta span,.series-meta span{background:#ffffff14;border-radius:999px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase}.movie-genres,.series-genres{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.genre-tag{background:linear-gradient(135deg,#7c5cff38,#4f9dff2e);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.08em;border:1px solid rgba(255,255,255,.18)}.movie-overview,.series-overview,.movie-cast,.series-cast,.episodes-container,.movie-release-info,.series-release-info,.series-info-grid,.series-seasons{background:#0f1126eb;padding:var(--spacing-xl);border-radius:calc(var(--border-radius-lg) * .9);border:var(--border-width-base) solid rgba(255,255,255,.12);background-clip:padding-box;box-shadow:0 calc(18px * var(--ratio)) calc(38px * var(--ratio)) #05061466}.movie-overview h2,.series-overview h2,.movie-cast h2,.series-cast h2,.episodes-container h3,.episodes-container h2,.series-seasons h2{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:.04em}.movie-overview p,.series-overview p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8}.movie-release-info,.series-release-info,.series-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(240px * var(--ratio)),1fr));gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-secondary)}.info-item strong{color:var(--text-primary);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase}.info-item span{font-size:var(--font-size-base);color:var(--text-primary);letter-spacing:.04em}.cast-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(220px * var(--ratio)),1fr));gap:var(--spacing-lg)}.cast-member{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:calc(var(--border-radius-lg) * .7);background:#12142ce6;border:var(--border-width-base) solid rgba(255,255,255,.12);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 calc(14px * var(--ratio)) calc(28px * var(--ratio)) #05061459}.cast-member:hover,.cast-member.focused{border-color:#4f9dffcc;border-width:var(--border-width-focus);transform:translateY(calc(-4px * var(--ratio)));box-shadow:0 calc(22px * var(--ratio)) calc(45px * var(--ratio)) #05061473}.cast-avatar{width:calc(64px * var(--ratio));height:calc(64px * var(--ratio));border-radius:50%;background:linear-gradient(135deg,#7c5cffcc,#4f9dffd9);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;color:var(--primary-bg);text-transform:uppercase}.cast-name{font-size:var(--font-size-base);font-weight:600;margin:0}.cast-character{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.episodes-container h3{margin-bottom:var(--spacing-lg)}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(320px * var(--ratio)),1fr));gap:var(--spacing-lg)}.episode-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:calc(var(--border-radius-lg) * .8);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:var(--border-width-base) solid transparent;transition:all var(--transition-fast)}.episode-item:hover,.episode-item.focused{border-color:#4f9dffcc;border-width:var(--border-width-focus);transform:translateY(calc(-4px * var(--ratio)));box-shadow:0 calc(22px * var(--ratio)) calc(45px * var(--ratio)) #05061473}.episode-thumbnail{width:calc(96px * var(--ratio));height:calc(72px * var(--ratio));border-radius:calc(var(--border-radius-md) * .8);background:linear-gradient(135deg,#7c5cffb3,#4f9dff99);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-bg)}.episode-title{font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.episode-overview{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.season-selector{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.season-tab{border-radius:999px;padding:var(--spacing-xs) var(--spacing-md);border:var(--border-width-base) solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.08em;transition:all var(--transition-fast)}.season-tab:hover,.season-tab.active{background:linear-gradient(135deg,var(--accent-color),#4f9dff);border-color:transparent;color:var(--primary-bg);border-width:var(--border-width-focus);box-shadow:0 calc(18px * var(--ratio)) calc(35px * var(--ratio)) #4f9dff52}@media(max-width:1279px){.movie-info-container,.series-info-container{padding:var(--spacing-xl)}.movie-poster-section,.series-poster-section{max-width:calc(420px * var(--ratio));margin:0 auto}.movie-details-section,.series-details-section{padding:var(--spacing-lg)}.cast-container{grid-template-columns:repeat(auto-fill,minmax(calc(180px * var(--ratio)),1fr))}}.video-container{flex:1;position:relative;background:radial-gradient(circle at 20% 20%,rgba(90,76,255,.2),transparent 55%),radial-gradient(circle at 80% 0%,rgba(0,212,255,.2),transparent 50%),#050614f5;display:flex;align-items:center;justify-content:center}.video-element{width:100%;height:100%;object-fit:contain;background:#04040ee6}.video-controls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;opacity:1;transition:opacity var(--transition-normal);pointer-events:none}.video-controls.hidden{opacity:0}.controls-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);pointer-events:all;background:linear-gradient(180deg,rgba(5,6,18,.85),transparent);padding:var(--spacing-lg) var(--spacing-xl)}.video-banner{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:right;margin-left:auto}.video-eyebrow{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4em;margin:0}.video-title{font-size:var(--font-size-xl);font-weight:600;margin:0;color:var(--text-primary);text-shadow:0 calc(12px * var(--ratio)) calc(30px * var(--ratio)) rgba(5,6,20,.6)}.controls-bottom{pointer-events:all;display:flex;justify-content:center}.controls-surface{width:100%;background:linear-gradient(0deg,rgba(5,6,18,.7),transparent);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);padding-top:var(--spacing-2xl)}.controls-primary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.controls-secondary-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}.play-pause-button{background:#ffffff1a;border:var(--border-width-base) solid rgba(255,255,255,.12);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);min-width:calc(70px * var(--ratio));justify-content:center;box-shadow:none;position:relative;overflow:hidden}.play-pause-button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#ffffff40,#fff0);opacity:0;transition:opacity .3s ease}.play-pause-button:hover:before,.play-pause-button.focused:before{opacity:1}.play-pause-button:hover,.play-pause-button.focused{background:linear-gradient(135deg,var(--accent-color),#4f9dff);border-color:transparent;border-width:var(--border-width-focus);color:var(--primary-bg);box-shadow:0 calc(18px * var(--ratio)) calc(30px * var(--ratio)) #4f9dff4d}.play-pause-button.loading{background:linear-gradient(135deg,var(--warning-color),#ffb74d);cursor:wait}.play-pause-button__icon{font-size:var(--font-size-base);display:inline-flex;align-items:center;justify-content:center;line-height:1}.play-pause-button__label{font-size:var(--font-size-base);font-weight:600;text-transform:uppercase}.seek-bar-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:999px;background:#14182ee0;border:var(--border-width-base) solid rgba(255,255,255,.12)}.seek-button{background:#ffffff1a;border:var(--border-width-base) solid rgba(255,255,255,.12);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;font-size:var(--font-size-base);font-weight:600;min-width:calc(70px * var(--ratio));transition:all var(--transition-fast)}.seek-button:hover,.seek-button.focused{background:linear-gradient(135deg,var(--accent-color),#4f9dff);border-color:transparent;border-width:var(--border-width-focus);color:var(--primary-bg);box-shadow:0 calc(18px * var(--ratio)) calc(30px * var(--ratio)) #4f9dff4d}.seek-bar{flex:1;height:calc(12px * var(--ratio));background:#ffffff1f;border-radius:999px;position:relative;cursor:pointer;overflow:hidden;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.seek-bar:focus,.seek-bar.focused{background:#ff980047;box-shadow:0 0 0 calc(6px * var(--ratio)) #ff980040}.seek-progress{height:100%;background:linear-gradient(135deg,var(--accent-color),#4f9dff);border-radius:999px;position:relative;transition:width var(--transition-fast)}.seek-bar:focus .seek-progress,.seek-bar.focused .seek-progress{background:linear-gradient(135deg,var(--warning-color),#ffb74d)}.seek-progress:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:calc(18px * var(--ratio));height:calc(18px * var(--ratio));border-radius:50%;background:linear-gradient(135deg,#fff,#fff9);box-shadow:0 calc(12px * var(--ratio)) calc(30px * var(--ratio)) #4f9dff73}.time-display{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:600;min-width:calc(120px * var(--ratio));text-align:center;font-family:var(--font-family);letter-spacing:.08em}.volume-control-wrapper{position:relative;display:inline-block}.volume-control{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:999px;background:#0e1226b8;border:var(--border-width-base) solid rgba(255,255,255,.08);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);pointer-events:all}.volume-control.focused,.volume-control--active{background:#0e1226eb;border-color:#ff9800a6;box-shadow:0 calc(18px * var(--ratio)) calc(36px * var(--ratio)) #ff980047}.volume-button{background:#ffffff1a;border:var(--border-width-base) solid rgba(255,255,255,.12);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);min-width:calc(70px * var(--ratio));justify-content:center;box-shadow:none;position:relative;overflow:hidden}.volume-button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#ffffff40,#fff0);opacity:0;transition:opacity .3s ease}.volume-button:hover:before,.volume-button.focused:before{opacity:1}.volume-button--active,.volume-control.focused .volume-button,.volume-button:hover{background:linear-gradient(135deg,var(--accent-color),#4f9dff);border-color:transparent;border-width:var(--border-width-focus);color:var(--primary-bg);box-shadow:0 calc(18px * var(--ratio)) calc(30px * var(--ratio)) #4f9dff4d}.volume-button__icon{font-size:var(--font-size-base);display:inline-flex;align-items:center;justify-content:center;line-height:1}.volume-button__label{font-size:var(--font-size-base);font-weight:600;text-transform:uppercase}.volume-slider{position:absolute;bottom:calc(100% + var(--spacing-md));left:50%;transform:translate(-50%);width:calc(60px * var(--ratio));height:calc(200px * var(--ratio));background:linear-gradient(180deg,#0e1226fa,#14182ef5);border-radius:999px;border:var(--border-width-base) solid rgba(255,255,255,.18);box-shadow:0 calc(32px * var(--ratio)) calc(64px * var(--ratio)) #05061499,inset 0 calc(4px * var(--ratio)) calc(8px * var(--ratio)) #ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:all;z-index:20;overflow:hidden}.volume-slider:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(30px * var(--ratio));background:linear-gradient(180deg,rgba(255,152,0,.15),transparent);border-radius:999px 999px 0 0}.volume-slider:after{content:"";position:absolute;bottom:calc(-16px * var(--ratio));left:50%;transform:translate(-50%) rotate(45deg);width:calc(20px * var(--ratio));height:calc(20px * var(--ratio));background:linear-gradient(135deg,#0e1226f5,#14182ef5);border:var(--border-width-base) solid rgba(255,255,255,.18);border-left:none;border-top:none;box-shadow:calc(8px * var(--ratio)) calc(8px * var(--ratio)) calc(24px * var(--ratio)) #05061466;z-index:-1}.volume-slider input[type=range]{-webkit-appearance:none;appearance:none;width:calc(160px * var(--ratio));height:calc(6px * var(--ratio));background:transparent;cursor:pointer;position:relative;z-index:2;transform:rotate(-90deg);transform-origin:50% 50%;margin:calc(-77px * var(--ratio)) 0 calc(-77px * var(--ratio)) 0}.volume-slider input[type=range]::-webkit-slider-runnable-track{width:calc(160px * var(--ratio));height:calc(6px * var(--ratio));background:linear-gradient(180deg,#ffffff14,#ffffff0a);border-radius:calc(6px * var(--ratio));border:calc(2px * var(--ratio)) solid rgba(255,255,255,.12);box-shadow:inset 0 calc(4px * var(--ratio)) calc(8px * var(--ratio)) #0000004d}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(24px * var(--ratio));height:calc(24px * var(--ratio));border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#fffc);border:calc(3px * var(--ratio)) solid rgba(255,152,0,.6);box-shadow:0 calc(8px * var(--ratio)) calc(16px * var(--ratio)) #ff980066,0 calc(4px * var(--ratio)) calc(8px * var(--ratio)) #0000004d,inset 0 calc(2px * var(--ratio)) calc(4px * var(--ratio)) #fff9;cursor:grab;margin:calc(-10px * var(--ratio)) 0;transition:all var(--transition-fast)}.volume-slider input[type=range]::-webkit-slider-thumb:hover{background:radial-gradient(circle at 30% 30%,#fff,#ff98004d);border-color:#ff9800cc;transform:scale(1.1);box-shadow:0 calc(12px * var(--ratio)) calc(20px * var(--ratio)) #ff980080,0 calc(6px * var(--ratio)) calc(12px * var(--ratio)) #0006,inset 0 calc(2px * var(--ratio)) calc(4px * var(--ratio)) #fffc}.volume-slider input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.volume-slider input[type=range]::-moz-range-track{width:calc(160px * var(--ratio));height:calc(6px * var(--ratio));background:linear-gradient(180deg,#ffffff14,#ffffff0a);border-radius:calc(6px * var(--ratio));border:calc(2px * var(--ratio)) solid rgba(255,255,255,.12);box-shadow:inset 0 calc(4px * var(--ratio)) calc(8px * var(--ratio)) #0000004d}.volume-slider input[type=range]::-moz-range-thumb{width:calc(24px * var(--ratio));height:calc(24px * var(--ratio));border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#fffc);border:calc(3px * var(--ratio)) solid rgba(255,152,0,.6);box-shadow:0 calc(8px * var(--ratio)) calc(16px * var(--ratio)) #ff980066,0 calc(4px * var(--ratio)) calc(8px * var(--ratio)) #0000004d,inset 0 calc(2px * var(--ratio)) calc(4px * var(--ratio)) #fff9;cursor:grab;border:0;transition:all var(--transition-fast)}.volume-slider input[type=range]::-moz-range-thumb:hover{background:radial-gradient(circle at 30% 30%,#fff,#ff98004d);border-color:#ff9800cc;transform:scale(1.1);box-shadow:0 calc(12px * var(--ratio)) calc(20px * var(--ratio)) #ff980080,0 calc(6px * var(--ratio)) calc(12px * var(--ratio)) #0006,inset 0 calc(2px * var(--ratio)) calc(4px * var(--ratio)) #fffc}.volume-indicator{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;letter-spacing:.08em}.volume-control--active .volume-indicator{color:var(--warning-color)}.video-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-2xl)}.video-error h3{color:var(--error-color);font-size:var(--font-size-2xl);margin:0}.video-error p{color:var(--text-secondary);margin:0}.video-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);background:#050614b8}.video-loading p{font-size:var(--font-size-lg);color:var(--text-secondary)}@media(max-width:1279px){.controls-top{align-items:flex-start}.video-banner{text-align:left;margin-left:0}.controls-primary-row{align-items:stretch}}.app{width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(90,76,255,.18),transparent 55%),radial-gradient(circle at 80% 0%,rgba(0,212,255,.18),transparent 50%),var(--primary-bg);position:relative}.home-screen,.movie-details-screen,.series-details-screen,.video-player-screen{width:100%;height:100%;display:flex;flex-direction:column;color:var(--text-primary)}.home-screen{overflow:hidden;gap:var(--spacing-lg);transition:gap var(--transition-normal)}.home-screen--header-hidden{gap:var(--spacing-sm)}.movie-details-screen,.series-details-screen,.video-player-screen{overflow:hidden}.screen-header{padding:var(--spacing-lg) var(--spacing-2xl) 0 var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:calc(200px * var(--ratio));overflow:hidden;transition:opacity var(--transition-normal) ease,transform var(--transition-normal) ease,max-height var(--transition-normal) ease,padding var(--transition-normal) ease}.screen-header--hidden{opacity:0;transform:translateY(calc(-12px * var(--ratio)));max-height:0;padding:0 var(--spacing-2xl);pointer-events:none}.screen-title{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:.04em;margin:0}.screen-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4em}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.loading-container p{font-size:var(--font-size-lg);color:var(--text-secondary)}.back-button,.player-back-button{background:#ffffff0a;border:var(--border-width-base) solid rgba(255,255,255,.08);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:999px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.back-button:hover,.back-button.focused,.player-back-button:hover,.player-back-button.focused{background:linear-gradient(135deg,var(--accent-color),#4f9dff);border-color:transparent;border-width:var(--border-width-focus);color:var(--primary-bg);box-shadow:0 calc(18px * var(--ratio)) calc(40px * var(--ratio)) #4f9dff47}.play-button{background:linear-gradient(135deg,var(--accent-color),#4f9dff);border:none;color:var(--primary-bg);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-xl);font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);width:100%;min-height:4.5rem;position:relative;overflow:hidden;box-shadow:0 calc(22px * var(--ratio)) calc(45px * var(--ratio)) #4f9dff40}.play-button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#ffffff52,#fff0);transform:translate(-100%);transition:transform .6s ease}.play-button:hover:before,.play-button.focused:before{transform:translate(100%)}.play-button:hover,.play-button.focused{transform:translateY(calc(-2px * var(--ratio)));box-shadow:0 calc(28px * var(--ratio)) calc(55px * var(--ratio)) #4f9dff4d}.play-button:active{transform:scale(.96)}.content-container{flex:1;overflow-y:auto;padding:0 0 var(--spacing-2xl);scroll-behavior:smooth;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.content-container::-webkit-scrollbar{display:none}.content-container{scrollbar-width:none;-ms-overflow-style:none}.home-collections{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.category-row{display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-lg);margin-left:var(--spacing-lg)}.category-title{font-size:var(--font-size-lg);font-weight:600;margin:0;letter-spacing:.06em}.category-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;max-width:55ch}.items-container{display:flex;flex-direction:row;gap:var(--spacing-md);overflow-x:auto;overflow-y:hidden;padding:calc(20px * var(--ratio)) var(--spacing-lg);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.items-container::-webkit-scrollbar{display:none}.media-card{position:relative;display:flex;flex-direction:column;background:#12142ceb;background-clip:padding-box;border-radius:calc(var(--border-radius-lg) * .9);overflow:hidden;cursor:pointer;border:var(--border-width-base) solid rgba(255,255,255,.12);box-shadow:0 calc(18px * var(--ratio)) calc(32px * var(--ratio)) #06081861;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast),background var(--transition-fast);width:calc(220px * var(--ratio));flex-shrink:0}.media-card__poster{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:#ffffff0a}.media-card__poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.media-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#05050f00 40%,#050514d9);display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--spacing-md)}.media-card__overlay--video{justify-content:center;align-items:center;background:radial-gradient(circle at center,#4f9dff59,#050514e6)}.media-card__badge{background:#ffffff1f;border-radius:999px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.media-card__content{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.media-card__title{font-size:var(--font-size-sm);font-weight:600;margin:0;letter-spacing:.04em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.media-card__subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;letter-spacing:.08em;text-transform:uppercase}.media-card__poster--video{aspect-ratio:16 / 9;background:linear-gradient(135deg,#30366ccc,#101226f2);display:flex;align-items:center;justify-content:center}.media-card__icon{font-size:clamp(2.5rem,5vw,3.5rem);color:#ffffffeb;text-shadow:0 calc(12px * var(--ratio)) calc(30px * var(--ratio)) rgba(79,157,255,.45)}.media-card:hover,.media-card.focused{transform:translateY(calc(-12px * var(--ratio)));border-color:#4f9dffcc;border-width:var(--border-width-focus);background:#161a3cfa;box-shadow:0 calc(28px * var(--ratio)) calc(55px * var(--ratio)) #06081880}.media-card:hover .media-card__poster img,.media-card.focused .media-card__poster img{transform:scale(1.06)}@media(max-width:1279px){.screen-header{padding:var(--spacing-lg) var(--spacing-lg) 0}.content-container{padding:0 0 var(--spacing-xl)}}