*{box-sizing:border-box;margin:0;padding:0}:root{--pink:#ff0a54;--pink2:#ff2e6d;--pink-glow:#ff0a5459;--bg:#09090b;--bg-sub:#121216;--card:#18181d;--card2:#222228;--muted:#a1a1aa;--line:#ffffff14;--line-bright:#ffffff26}body{background:var(--bg);color:#f4f4f5;font-family:Inter,system-ui,sans-serif;overflow:hidden}a{color:inherit}button{cursor:pointer;font:inherit;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}.layout{height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#0d0d10;flex-direction:column;width:260px;padding:16px 12px;display:flex;overflow:auto}.logo{color:#fff;align-items:center;gap:8px;padding:8px 10px;font-size:20px;font-weight:900;display:flex}.logo b{color:var(--pink)}.nav{flex-direction:column;gap:5px;margin-top:14px;display:flex}.nav button{text-align:left;color:#a1a1aa;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.nav button:hover{color:#fff;background:#ffffff0d}.nav button.active{color:var(--pink);background:linear-gradient(135deg,#ff0a5433 0%,#ff2e6d1a 100%);border:1px solid #ff0a544d;font-weight:800}.filter-box{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-top:12px;padding:12px}.filter-box h4{color:var(--pink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:800}.filter-item{color:#a1a1aa;cursor:pointer;border-radius:8px;padding:7px 10px;font-size:13px;transition:all .15s}.filter-item:hover{color:#fff;background:#ffffff0d}.filter-item.active{background:var(--pink);color:#fff;font-weight:700}.main{background:var(--bg);color:#f4f4f5;flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#0f0f13;flex-shrink:0;align-items:center;gap:18px;height:68px;padding:0 24px;display:flex}.topbar h1{letter-spacing:-.5px;color:#fff;font-size:24px;font-weight:900}.search{border:1px solid var(--line);color:#fff;background:#18181d;border-radius:999px;align-items:center;gap:10px;min-width:300px;margin-left:auto;padding:10px 18px;display:flex}.search input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:13px}.search input::placeholder{color:#71717a}.chips{white-space:nowrap;border-bottom:1px solid var(--line);background:#0f0f13;gap:8px;padding:12px 24px;display:flex;overflow:auto}.chip{color:#a1a1aa;border:1px solid var(--line);cursor:pointer;background:#18181d;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s}.chip:hover{color:#fff;background:#222228}.chip.active{background:var(--pink);color:#fff;border-color:var(--pink)}.content{flex:1;padding:20px 24px;overflow:auto}.section-title{color:#fff;justify-content:space-between;align-items:center;margin:24px 0 12px;font-size:16px;font-weight:800;display:flex}.recent{gap:12px;padding-bottom:8px;display:flex;overflow:auto}.recent-card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-width:110px;height:70px;transition:transform .15s;display:flex;box-shadow:0 4px 12px #0003}.recent-card:hover{border-color:var(--pink);transform:translateY(-2px)}.channels{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=1200px){.channels{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.channels{grid-template-columns:1fr}.sidebar{z-index:30;transition:all .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}}.ch-row{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.ch-row:hover{background:var(--card2);border-color:var(--line-bright);transform:translateY(-2px)}.ch-row img{object-fit:contain;border:1px solid var(--line);background:#000;border-radius:8px;width:44px;height:44px}.ch-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;flex:1;font-size:13px;font-weight:700;overflow:hidden}.icon-btn{color:#a1a1aa;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.icon-btn:hover{color:#fff;background:#ffffff1a}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}@media (width>=1400px){.poster-grid{grid-template-columns:repeat(6,1fr)}}.card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.card:hover{border-color:var(--pink);box-shadow:0 12px 28px var(--pink-glow);transform:translateY(-4px)}.card img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.card-body{background:var(--card);padding:10px 12px}.card-title{-webkit-line-clamp:2;color:#fff;-webkit-box-orient:vertical;min-height:34px;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.rating{color:#fbbf24;align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.tabs{border:1px solid var(--line);background:#18181d;border-radius:999px;gap:8px;width:fit-content;padding:5px;display:flex}.tab{color:#a1a1aa;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .15s}.tab.active{background:var(--pink);color:#fff;box-shadow:0 2px 10px var(--pink-glow)}.player-overlay{z-index:50;background:#060608;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.player-top{z-index:20;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#060608f2 0%,#060608b3 60%,#0000 100%);align-items:center;gap:14px;height:68px;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0}.video-wrap{box-sizing:border-box;background:#060608;flex:1;justify-content:center;align-items:center;padding:76px 28px 96px;display:flex;position:relative;overflow:hidden}.video-inner{background:#000;border-radius:18px;justify-content:center;align-items:center;width:100%;max-width:1440px;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff14}video{object-fit:contain;border-radius:inherit;background:#000;width:100%;height:100%}:-webkit-any(:fullscreen .video-wrap,:-webkit-full-screen .video-wrap){padding:0!important}:is(:fullscreen .video-wrap,:fullscreen .video-wrap){padding:0!important}:-webkit-any(:fullscreen .video-inner,:-webkit-full-screen .video-inner){max-width:none!important;box-shadow:none!important;border-radius:0!important}:is(:fullscreen .video-inner,:fullscreen .video-inner){max-width:none!important;box-shadow:none!important;border-radius:0!important}.controls{color:#fff;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0000 0%,#060608b3 40%,#060608f2 100%);flex-direction:column;gap:12px;padding:24px 28px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.ctrl-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.progress{cursor:pointer;background:#fff3;border-radius:99px;flex:1;height:5px;overflow:hidden}.progress i{background:var(--pink);width:0%;height:100%;display:block}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--pink-glow);background:linear-gradient(135deg,#ff0a54 0%,#ff477e 100%);border-radius:999px;padding:10px 20px;font-weight:800;transition:transform .15s}.btn-primary:hover{transform:scale(1.02)}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;padding:8px 16px;font-weight:700}.btn-ghost:hover{background:#fff3}.rec-dot{background:red;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;background:#000c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{color:#fff;border:1px solid var(--line);background:#18181d;border-radius:20px;width:100%;max-width:540px;max-height:90vh;padding:26px;overflow:auto;box-shadow:0 20px 40px #00000080}.field{border:1px solid var(--line);color:#fff;background:#121216;border-radius:12px;outline:none;width:100%;margin-top:6px;padding:12px 16px;font-size:13px}.badge{color:var(--pink);background:#ff0a5426;border:1px solid #ff0a544d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}@keyframes bulkEmojiWave{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}15%{opacity:1;transform:translateY(-80px) scale(1.3) rotate(var(--rot,5deg))}50%{opacity:.9;transform:translateY(-260px) scale(1.1) rotate(calc(var(--rot,5deg) * -1.2))}85%{opacity:.6;transform:translateY(-460px) scale(.9) rotate(var(--rot,5deg))}to{transform:translateY(-620px) scale(.6) rotate(calc(var(--rot,5deg) * -1));opacity:0}}.emoji-wave-item{pointer-events:none;z-index:45;animation:bulkEmojiWave var(--dur,2.8s) ease-out forwards;filter:drop-shadow(0 4px 12px #0009);-webkit-user-select:none;user-select:none;position:absolute;bottom:80px}