:root{--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-card:#141414;--accent-blue:#00d4ff;--accent-gold:#ffb800;--text-primary:#fff;--text-secondary:#a0a0a0}*{font-family:Inter,sans-serif}html,body{background-color:var(--bg-primary);max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}section[id]{scroll-margin-top:5rem}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.card-glow{transition:all .3s;box-shadow:0 0 0 2px #0000}.card-glow:hover{box-shadow:0 0 20px #00d4ff4d, 0 0 0 2px var(--accent-blue);transform:scale(1.05)translateY(-8px)}.gradient-overlay{background:linear-gradient(#0000 0%,#0d0d0dcc 70%,#0d0d0d 100%)}.hero-gradient{background:linear-gradient(135deg,#0d0d0df2 0%,#0d0d0db3 50%,#0000 100%)}.text-gradient{background:linear-gradient(90deg, var(--accent-blue), var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-slideIn{animation:.4s forwards slideIn}.reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.card-glow:hover{transform:none}.skeleton{animation:none}.animate-fadeInUp,.animate-slideIn{opacity:1;animation:none;transform:none}}.search-input:focus{width:280px}@media (width<=640px){.search-input:focus{width:200px}}.play-btn{opacity:0;transition:all .3s;transform:scale(.8)}.movie-card:hover .play-btn{opacity:1;transform:scale(1)}.rating-badge{opacity:0;transition:opacity .3s}.movie-card:hover .rating-badge{opacity:1}.tab-active{background:linear-gradient(135deg, var(--accent-blue), #09c);color:#fff}.video-container{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.player-server-switcher:not(.hidden){display:flex}.player-server-btn{color:var(--text-primary);background:var(--bg-secondary);cursor:pointer;border:1px solid #ffffff1a;border-radius:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;line-height:1.25;transition:background .2s,color .2s,border-color .2s,transform .15s}.player-server-btn:hover:not(:disabled){background:#252525}.player-server-btn.is-active{background:var(--accent-blue);color:#000;border-color:var(--accent-blue)}.player-server-btn:disabled{opacity:.35;cursor:not-allowed}.player-server-select{min-width:7.5rem;color:var(--text-primary);background:var(--bg-secondary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;font-weight:600}.player-server-select:focus{border-color:var(--accent-blue);outline:none}.loader{border:3px solid var(--bg-secondary);border-top:3px solid var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-blur{-webkit-backdrop-filter:blur(12px)}.search-result-item{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;transition:background-color .15s;display:flex}.search-result-item:hover{background-color:#2a2a2a}.search-result-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.search-result-item:last-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.search-result-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:24px;height:36px}.search-result-info{flex:1;min-width:0}.search-result-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}#videoFrame{pointer-events:auto}@media (width<=768px){#mobileMenu{z-index:50;background:#1a1a1a;border-bottom:1px solid #ffffff1a;width:280px;max-width:90vw;max-height:80vh;display:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 40px #000c}#mobileMenu.mobile-visible{animation:.2s ease-out slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#videoFrame{min-height:220px}.video-container{border-radius:8px}}.recent-watch-progress-track{z-index:30;pointer-events:none;background:#000000e6;border-top:1px solid #fff3;height:8px;position:absolute;bottom:0;left:0;right:0}.recent-watch-progress-bar{background:#5865f2;height:100%;transition:width .45s ease-out;display:block;box-shadow:0 0 12px #5865f2,inset 0 1px #ffffff59}.recent-watch-progress-label{z-index:31;color:#fff;pointer-events:none;background:#5865f2;border:1px solid #ffffff40;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:6px;right:6px;box-shadow:0 2px 10px #000000a6,0 0 14px #5865f2bf}.recent-watch-card-meta{z-index:20;pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 45%,#000000f2 100%);padding:28px 8px 6px;position:absolute;bottom:8px;left:0;right:0}