@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--primary: #ff4b91;--primary-glow: rgba(255, 75, 145, .3);--bg-dark: #050505;--card-bg: #0d0d0d;--card-border: rgba(255, 255, 255, .05);--text-light: #fafafa;--text-muted: #888888;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-dark);color:var(--text-light);font-family:Poppins,sans-serif;width:100%;overflow-x:hidden;touch-action:manipulation;overscroll-behavior-y:none}.app-container{width:100%;max-width:500px;margin:0 auto;min-height:100vh;background:var(--bg-dark);position:relative;border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);box-shadow:0 0 40px #000c}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition)}.card:active{transform:scale(.96)}.card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.card-title{font-size:.8rem;font-weight:700;color:var(--text-light);line-height:1.3;padding:8px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em;text-transform:uppercase;letter-spacing:-.02em}.player-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;border:1px solid var(--primary);box-shadow:0 0 20px var(--primary-glow);overflow:hidden}.player-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:40px 10px}.page-btn{min-width:40px;height:40px;background:#111;border:1px solid #222;color:#fff;border-radius:10px;font-weight:800;font-size:.8rem;cursor:pointer;transition:var(--transition)}.page-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.reels-container{height:calc(100vh - 120px);scroll-snap-type:y mandatory;overflow-y:scroll}.reel-item{height:100%;scroll-snap-align:start}