@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--accent: #ff0a16;--accent-glow: rgba(255, 10, 22, .5);--text-primary: #ffffff;--text-secondary: #a3a3a3;--glass: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .08);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--nav-height: 80px;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;width:100vw;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.text-gradient{background:linear-gradient(to right,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.glow-hover{transition:box-shadow .3s ease}.glow-hover:hover{box-shadow:0 0 20px var(--accent-glow)}::-webkit-scrollbar{width:0px;height:0px}button{cursor:pointer;border:none;background:none;font-family:inherit;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.icon{width:24px;height:24px;stroke-width:2px}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.app-container{width:100%;max-width:480px;margin:0 auto;background-color:var(--bg-primary);min-height:100vh;position:relative;padding-bottom:80px;box-shadow:0 0 50px #00000080}.sticky-search-bar{position:relative;width:92%;margin:10px auto;height:44px;background:#222;border-radius:22px;display:flex;align-items:center;padding:0 16px;z-index:1000;border:1px solid #333}.category-tabs-container{display:flex;gap:24px;overflow-x:auto;padding:10px 24px 0;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:9999}.hero{position:relative;width:100%;margin:0 0 24px;height:220px;overflow:hidden}.search-input{background:transparent;border:none;color:#ccc;margin-left:10px;font-size:.9rem;width:100%;outline:none;font-family:var(--font-body)}.category-tab{font-size:.95rem;font-weight:500;color:#aaa;white-space:nowrap;padding-bottom:10px;position:relative;cursor:pointer}.category-tab.active{color:#fff;font-weight:700}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000 10%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.hero-content{position:relative;z-index:10;width:100%}.hero-meta{display:flex;align-items:center;gap:16px;font-size:.95rem;color:#e5e5e5;margin-top:16px;font-weight:500}.rating-badge{display:flex;align-items:center;gap:6px;background:#ffd70033;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:700;color:gold;border:1px solid rgba(255,215,0,.3)}.play-button-hero{position:absolute;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;z-index:20;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #0000004d}.play-button-hero:active{transform:scale(.9)}.section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;margin-bottom:20px}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-link{font-size:.9rem;color:var(--accent);text-decoration:none;font-weight:600}.horizontal-list{display:flex;gap:12px;overflow-x:auto;padding:0 24px 20px}.movie-card{flex:0 0 110px;display:flex;flex-direction:column;gap:8px;transition:transform .3s ease}.movie-card:active{transform:scale(.98)}.poster-container{width:110px;height:165px;border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:0 10px 20px #0000004d;background:var(--bg-tertiary)}.poster-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover .poster-img{transform:scale(1.1)}.movie-title{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.song-card{flex:0 0 140px;display:flex;flex-direction:column;gap:8px;transition:transform .3s ease}.song-card:active{transform:scale(.98)}.song-poster-container{width:140px;height:140px;border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:0 10px 20px #0000004d;background:var(--bg-tertiary)}.song-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:-4px}.song-artist{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-list{display:flex;gap:12px;overflow-x:auto;padding:0 24px;margin-bottom:24px}.filter-chip{padding:10px 24px;border-radius:100px;background:#ffffff0d;color:var(--text-secondary);font-size:.95rem;font-weight:500;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.25,.8,.25,1)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 20px -4px var(--accent-glow);transform:translateY(-2px)}.category-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 32px}.hottest-card{display:flex;flex-direction:column;gap:8px;cursor:pointer}.hottest-poster{width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;background:#333}.hottest-poster img{width:100%;height:100%;object-fit:cover}.rank-number{position:absolute;bottom:-4px;left:0;font-size:2.5rem;font-weight:900;color:#f90;font-family:var(--font-display);line-height:1;text-shadow:2px 2px 0px #000;z-index:10;-webkit-text-stroke:1px black;filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.hottest-info{display:flex;flex-direction:column;gap:4px}.hottest-title{font-size:.85rem;font-weight:700;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flame-text{display:flex;align-items:center;gap:4px;color:#ff4d4d;font-size:.7rem;font-weight:700;margin-bottom:2px}.tag-pill{background:#2a2a2a;color:#aaa;font-size:.7rem;padding:3px 8px;border-radius:100px;align-self:flex-start;white-space:nowrap}.originals-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 100px}.original-card{display:flex;flex-direction:column;gap:8px}.original-poster{position:relative;width:100%;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#333}.original-poster img{width:100%;height:100%;object-fit:cover}.play-count-overlay{position:absolute;bottom:8px;right:8px;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.badge-new{position:absolute;top:0;left:0;background:#e50914;color:#fff;font-size:9px;font-weight:700;padding:4px 8px;border-bottom-right-radius:8px;text-transform:uppercase;z-index:10}.original-title{color:#fff;font-size:14px;font-weight:600;line-height:1.2;margin-bottom:4px}.genre-tags{display:flex;flex-wrap:wrap;gap:6px}.genre-pill{background:#2a2a2a;color:#aaa;font-size:10px;padding:4px 8px;border-radius:100px}.new-release-card{min-width:140px;width:140px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;position:relative;margin-right:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0000004d}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:80px;background:#000;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:10px;border-radius:0;box-shadow:0 -4px 20px #00000080}.nav-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:var(--text-secondary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.nav-item.active{background:var(--accent);color:#fff;width:auto;padding:0 24px;border-radius:100px;gap:10px;box-shadow:0 4px 15px var(--accent-glow)}.nav-item.active span{display:block;font-size:.95rem;font-weight:600}.nav-item span{display:none}.reels-container{height:100vh;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory;background:#000;position:absolute;top:0;left:0;z-index:50;scrollbar-width:none}.reels-container::-webkit-scrollbar{display:none}.reel-item{height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;background:#000;overflow:hidden}.reel-video-wrapper{width:100%;height:100%;position:relative;cursor:pointer}.reel-video{width:100%;height:100%;object-fit:cover;display:block}.play-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0006;padding:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:popIn .2s ease-out}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.reel-mute-btn{position:absolute;top:20px;right:20px;background:#0000004d;border:1px solid rgba(255,255,255,.2);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:20;cursor:pointer}.reel-actions{position:absolute;bottom:100px;right:12px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:20}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px}.action-btn span{font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.reel-info{position:absolute;bottom:0;left:0;width:100%;padding:20px 16px 90px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 50%,transparent 100%);z-index:10;display:flex;flex-direction:column;gap:8px}.reel-user{display:flex;align-items:center;gap:10px;margin-bottom:4px}.reel-user img{width:36px;height:36px;border-radius:50%;border:1px solid white}.reel-user h4{font-size:15px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.reel-description{font-size:13px;line-height:1.4;color:#eee;text-shadow:0 1px 2px rgba(0,0,0,.8);max-width:85%}.reel-audio-tag{display:flex;align-items:center;gap:8px;margin-top:6px;background:#ffffff26;padding:4px 10px;border-radius:20px;width:max-content;max-width:60%;overflow:hidden}.scrolling-text{font-size:12px;font-weight:600;white-space:nowrap}.admin-layout{min-height:100vh;background-color:#f8f9fa;display:flex}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;background-color:#1a1a1a;color:#fff;z-index:1000;display:flex;flex-direction:column;transition:width .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid #333;display:flex;align-items:center}.sidebar-nav{flex:1;padding:20px 0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:4px}.sidebar-nav a{display:flex;align-items:center;padding:16px 24px;color:#ccc;text-decoration:none;transition:all .3s ease;font-size:.95rem;font-weight:400}.sidebar-nav a:hover{background-color:#ffffff0d}.sidebar-nav a.active{color:#46d369;background-color:#46d3691a;border-right:3px solid #46d369;font-weight:600}.sidebar-nav a.active:hover{background-color:#46d36926}.sidebar-nav a svg{margin-right:12px}.sidebar-footer{padding:20px;border-top:1px solid #333;text-align:center;font-size:.8rem;color:#666;line-height:1.4}.admin-main{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease}.admin-topbar{background-color:#fff;border-bottom:1px solid #e1e5e9;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.search-container{position:relative;display:flex;align-items:center}.search-container input{padding:8px 12px 8px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;width:250px;background-color:#f8f9fa;outline:none;transition:border-color .3s ease}.search-container input:focus{border-color:#46d369}.user-profile{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.user-profile:hover{background-color:#f8f9fa}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#46d369;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.9rem;font-weight:600;color:#1a1a1a}.user-role{font-size:.75rem;color:#666;width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content{flex:1;padding:24px;overflow-y:auto}div[style*="z-index: 1000"]>div[style*="display: flex"]{width:90%!important;max-width:600px!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:auto}div[style*="z-index: 1000"]>div[style*="display: flex"]>form{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div{flex:1 1 auto!important;overflow-y:auto!important;padding:24px!important;box-sizing:border-box!important}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div>button[type=submit]{position:sticky!important;bottom:0!important;background-color:#46d369!important;z-index:10!important;box-shadow:0 -4px 12px #0000001a;width:calc(100% + 48px)!important;margin:16px -24px -24px!important;border-radius:0 0 14px 14px!important;padding:16px!important}div[style*="z-index: 1000"]{overscroll-behavior:contain}div[style*="z-index: 1000"]>div[style*="display: flex"]{width:90%!important;max-width:600px!important;max-height:85vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:auto;position:relative!important;padding-bottom:0!important;border-radius:16px!important}div[style*="z-index: 1000"]>div[style*="display: flex"]>form{display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;padding-bottom:70px!important}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div{flex:1 1 auto!important;overflow-y:auto!important;padding:24px 24px 20px!important;box-sizing:border-box!important}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div::-webkit-scrollbar{width:6px}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div::-webkit-scrollbar-track{background:#f1f1f1}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div::-webkit-scrollbar-thumb:hover{background:#bbb}div[style*="z-index: 1000"] input,div[style*="z-index: 1000"] select,div[style*="z-index: 1000"] textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important}div[style*="z-index: 1000"] textarea{min-height:100px}@media(max-width:640px){div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div>div{grid-template-columns:1fr!important}}div[style*="z-index: 1000"]>div[style*="display: flex"]>form>div>button[type=submit]{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;margin:0!important;border-radius:0 0 16px 16px!important;padding:16px!important;background-color:#46d369!important;z-index:50!important;box-shadow:0 -4px 10px #0000001a}