:root{--bg-main:#06090f;--bg-surface:#0a0e18;--bg-card:#0e1526;--bg-card-hover:#131c33;--bg-glass:#0a0e18d9;--bg-glass-card:#0e1526b8;--bg-glass-strong:#06090ff0;--accent-blue:#06f;--accent-blue-hover:#1a75ff;--accent-blue-light:#38bdf8;--accent-blue-deep:#0044b3;--accent-blue-glow:#0066ff73;--accent-cyan:#00f0ff;--border-subtle:#ffffff14;--border-blue:#006eff40;--border-blue-active:#008cff99;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#38bdf8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 10px 30px -10px #000000a6;--shadow-glow:0 0 25px #0066ff59;--shadow-glow-intense:0 0 35px #0078ffa6;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-normal:.28s cubic-bezier(.16, 1, .3, 1);--transition-slow:.45s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;min-height:100dvh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-main);background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-deep)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.ambient-cosmic-glow{pointer-events:none;z-index:0;filter:blur(80px);background:radial-gradient(circle,#0066ff29 0%,#0028960d 50%,#0000 75%);width:65vw;max-width:900px;height:65vw;max-height:900px;position:absolute;top:-15%;right:-10%}.ambient-secondary-glow{pointer-events:none;z-index:0;filter:blur(100px);background:radial-gradient(circle,#0096ff14 0%,#0000 70%);width:50vw;max-width:700px;height:50vw;max-height:700px;position:absolute;top:40%;left:-15%}.app-container{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;width:100%;padding-top:72px;padding-bottom:90px;position:relative}.main-content-player{z-index:1000;background-color:#000;width:100vw;max-width:100vw;height:100vh;max-height:100vh;position:fixed;inset:0;margin:0!important;padding:0!important;overflow:hidden!important}@media (width>=768px){.main-content{padding-top:72px;padding-bottom:40px}}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 20px var(--accent-blue-glow);transition:all var(--transition-normal);white-space:nowrap;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--accent-blue-hover);box-shadow:var(--shadow-glow-intense);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#ffffff24;border-color:#ffffff59;transform:translateY(-2px)}.btn-secondary.active{border-color:var(--accent-blue);color:var(--accent-blue-light);background:#06f3}.filter-chips-container{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:10px;padding:8px 0;display:flex;overflow-x:auto}.filter-chips-container::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);white-space:nowrap;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);padding:7px 18px;font-size:.88rem;font-weight:500}.filter-chip:hover{color:#fff;background:var(--bg-card-hover);border-color:#fff3}.filter-chip.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 2px 14px var(--accent-blue-glow);font-weight:600}.media-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.media-card:hover{border-color:var(--border-blue-active);box-shadow:var(--shadow-glow), var(--shadow-card);z-index:10;transform:translateY(-5px)scale(1.02)}.media-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.media-card:hover img{transform:scale(1.06)}.btn-play-circle{color:#06090f;width:44px;height:44px;transition:all var(--transition-fast);background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #00000080}.btn-play-circle:hover{background:#fff;transform:scale(1.1);box-shadow:0 0 20px #fff9}.btn-play-circle-blue{background:var(--accent-blue);color:#fff;width:40px;height:40px;transition:all var(--transition-fast);box-shadow:0 4px 14px var(--accent-blue-glow);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-play-circle-blue:hover{background:var(--accent-blue-hover);transform:scale(1.1);box-shadow:0 0 22px #0066ffb3}.glass-nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#06090fcc}.glass-bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);background:#080c14eb}.neptune-toast{color:#fff;border-radius:var(--radius-full);border:1px solid var(--border-blue-active);box-shadow:0 10px 30px #000000b3, var(--shadow-glow);z-index:9999;background:#111a2d;align-items:center;gap:10px;padding:12px 22px;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:fixed;bottom:85px;left:50%;transform:translate(-50%)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.device-preview-wrapper{background:#020408;flex-direction:column;align-items:center;min-height:100vh;padding:24px 12px 50px;transition:all .3s;display:flex}.device-frame-phone{background:var(--bg-main);border-radius:46px;flex-direction:column;width:100%;max-width:395px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 12px #181d28,0 0 0 14px #2b3345,0 35px 80px #000000e6,0 0 50px #0066ff26}.phone-island-notch{z-index:1000;background:#000;border-radius:20px;justify-content:space-between;align-items:center;width:120px;height:28px;padding:0 12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-screen-content{flex:1;padding-top:44px;position:relative;overflow:hidden auto}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 12px #06f9)}50%{filter:drop-shadow(0 0 24px #0096fff2)}}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse-glow{animation:3.5s ease-in-out infinite pulseGlow}.animate-orbit{animation:24s linear infinite orbitRotate}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin!important}:-webkit-any(.player-fullscreen-container,:fullscreen,:-webkit-full-screen,:fullscreen,:fullscreen){touch-action:manipulation;z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}:-moz-any(.player-fullscreen-container,:fullscreen,:fullscreen,:-moz-full-screen,:fullscreen){touch-action:manipulation;z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}:is(.player-fullscreen-container,:fullscreen,:fullscreen,:fullscreen,:-ms-fullscreen){touch-action:manipulation;z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}:is(.player-fullscreen-container,:fullscreen,:fullscreen,:fullscreen,:fullscreen){touch-action:manipulation;z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}:-webkit-any(.player-fullscreen-container iframe,:fullscreen iframe,:-webkit-full-screen iframe,:fullscreen iframe,:fullscreen iframe){z-index:10;pointer-events:auto!important;border:none!important;border-radius:0!important;width:100dvw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}:-moz-any(.player-fullscreen-container iframe,:fullscreen iframe,:fullscreen iframe,:-moz-full-screen iframe,:fullscreen iframe){z-index:10;pointer-events:auto!important;border:none!important;border-radius:0!important;width:100dvw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}:is(.player-fullscreen-container iframe,:fullscreen iframe,:fullscreen iframe,:fullscreen iframe,:-ms-fullscreen iframe){z-index:10;pointer-events:auto!important;border:none!important;border-radius:0!important;width:100dvw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}:is(.player-fullscreen-container iframe,:fullscreen iframe,:fullscreen iframe,:fullscreen iframe,:fullscreen iframe){z-index:10;pointer-events:auto!important;border:none!important;border-radius:0!important;width:100dvw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}.search-modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:99999;-webkit-overflow-scrolling:touch;background-color:#03060ceb;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 16px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.search-modal-container{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;max-width:800px;box-shadow:0 25px 70px #000000d9, var(--shadow-glow);border-radius:20px;flex-direction:column;max-height:88vh;transition:all .25s;display:flex;overflow:hidden}.search-modal-input-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 22px;display:flex}.search-modal-input{color:#fff;font-size:1.05rem;font-family:var(--font-main);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-modal-filter-btn{cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.search-modal-esc-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.85rem;font-weight:600}.search-modal-filter-panel{-webkit-overflow-scrolling:touch;background:#090e19f5;border-bottom:1px solid #0066ff40;flex-direction:column;gap:14px;max-height:48vh;padding:16px 22px;display:flex;overflow-y:auto}.search-modal-results-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.search-modal-result-item{cursor:pointer;background:#0a101c99;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.search-modal-result-poster{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:64px}.search-modal-result-info{flex:1;min-width:0}.search-modal-result-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:600;overflow:hidden}.search-modal-result-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:4px;font-size:.78rem;display:flex;overflow:hidden}@media (width<=767px){.search-modal-overlay{padding:12px 8px}.search-modal-container{border-radius:16px;max-height:94dvh}.search-modal-input-bar{gap:8px;padding:12px 14px}.search-modal-input{font-size:.92rem}.search-modal-filter-panel{gap:10px;max-height:42vh;padding:12px 14px}.search-modal-results-list{gap:8px;padding:12px}.search-modal-result-item{gap:8px;padding:8px 10px}.search-modal-result-poster{width:42px;height:56px}.filter-panel{right:0;width:90%!important}}@media (width<=359px){.header,.glass-nav{height:60px;padding:0 10px}.logo img{height:24px}.search-modal-overlay{padding:4px}.search-modal-container{border-radius:10px;max-height:96dvh}.search-modal-input-bar{gap:6px;padding:8px}.search-modal-input{font-size:.85rem}.search-modal-filter-btn{padding:6px 8px}.search-modal-filter-btn span.filter-label-text{display:none}.search-modal-esc-btn{padding:4px 8px;font-size:.75rem}.search-modal-result-poster{width:36px;height:50px}.search-modal-result-meta span:nth-child(n+5){display:none}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px 8px 100px!important}.movie-card{width:100%!important}.bottom-nav,.glass-bottom-nav{height:50px}.bottom-nav-label{max-width:50px;font-size:6.5px!important}}@media (width>=360px) and (width<=479px){.header,.glass-nav{height:62px;padding:0 12px}.logo img{height:30px}.search-modal-overlay{padding:8px 6px}.search-modal-input-bar{gap:8px;padding:10px}.search-modal-result-poster{width:40px;height:54px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px 10px 100px!important}.bottom-nav,.glass-bottom-nav{height:55px}.bottom-nav-label{max-width:60px;font-size:7.5px!important}}@media (width>=480px) and (width<=599px){.header,.glass-nav{height:62px;padding:0 14px}.logo img{height:36px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:12px 12px 100px!important}.bottom-nav,.glass-bottom-nav{height:60px}.bottom-nav-label{max-width:70px;font-size:8px!important}}@media (width>=600px) and (width<=767px){.header,.glass-nav{height:62px;padding:0 14px}.logo img{height:40px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;padding:15px 15px 100px!important}.bottom-nav,.glass-bottom-nav{height:65px}.bottom-nav-label{max-width:80px;font-size:8.5px!important}}@media (width>=768px) and (width<=1023px){.header,.glass-nav{height:62px;padding:0 14px}.logo img{height:44px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;padding:25px 25px 120px!important}.bottom-nav-label{max-width:90px}}@media (width>=1024px) and (width<=1279px){.header,.glass-nav{height:66px;padding:0 16px}.logo img{height:48px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:24px!important;padding:30px 30px 120px!important}.bottom-nav-label{max-width:100px}}@media (width>=1280px) and (width<=1439px){.header,.glass-nav{height:68px;padding:0 16px}.logo img{height:50px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:26px!important;padding:35px 35px 120px!important}.bottom-nav-label{max-width:110px}}@media (width>=1440px) and (width<=1919px){.header,.glass-nav{height:72px;padding:0 20px}.logo img{height:55px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:30px!important;padding:40px 40px 120px!important}.bottom-nav-label{max-width:120px}}@media (width>=1920px) and (width<=2559px){.header,.glass-nav{height:72px;padding:0 24px}.logo img{height:55px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:30px!important;padding:40px 40px 120px!important}}@media (width>=2560px){.header,.glass-nav{height:74px;padding:0 32px}.logo img{height:55px}#main,.movies-responsive-grid,.series-responsive-grid,.profile-responsive-grid,.mylist-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:35px!important;padding:45px 45px 120px!important}}html,body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;width:100%!important;max-width:100%!important;overflow-x:hidden!important}button:focus,a:focus,input:focus,select:focus,textarea:focus,[role=button]:focus{box-shadow:none!important;outline:none!important}.bottom-nav-label{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:55px;display:block;overflow:hidden;font-size:clamp(6.5px,1.8vw,9px)!important}@media (width>=640px){.bottom-nav-label{max-width:100px}}
