*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #12121a;--bg3: #1a1a26;--bg4: #22222e;--text: #f0f0f5;--text2: #a0a0b8;--text3: #6a6a82;--accent: #ff3e55;--gradient: linear-gradient(135deg, #ff3e55, #ff6b3d);--card-border: rgba(255,255,255,.06);--font: "Outfit", sans-serif;--max: 1100px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.nav{position:sticky;top:0;z-index:100;padding:0 24px;backdrop-filter:blur(20px);background:#0a0a0fe6;border-bottom:1px solid var(--card-border)}.nav-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;gap:16px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;white-space:nowrap}.logo-icon{width:30px;height:30px;background:var(--gradient);border-radius:8px;display:flex;align-items:center;justify-content:center}.logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-countries{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1}.nav-countries::-webkit-scrollbar{display:none}.nav-country-link{font-size:12px;padding:4px 10px;border-radius:6px;color:var(--text3);white-space:nowrap;transition:all .2s}.nav-country-link:hover{color:var(--text);background:var(--bg3)}.nav-country-link.active{color:#fff;background:var(--gradient)}.page{max-width:var(--max);margin:0 auto;padding:24px 24px 60px}.page-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.page-header h1{font-size:clamp(20px,4vw,28px);font-weight:800;margin-bottom:6px}.page-header h1 .hl{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-header .recap{font-size:13px;color:var(--text2);max-width:700px}.cat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.cat-tab{font-size:12px;padding:6px 14px;border-radius:100px;color:var(--text3);background:var(--bg3);border:1px solid var(--card-border);white-space:nowrap;transition:all .2s}.cat-tab:hover{color:var(--text);border-color:var(--accent)}.cat-tab.active{color:#fff;background:var(--gradient);border-color:transparent}.video-list{display:flex;flex-direction:column;gap:2px}.video-item{display:grid;grid-template-columns:32px 100px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;transition:background .15s}.video-item:hover{background:var(--bg3)}.video-item .rank{font-size:13px;font-weight:700;color:var(--text3);text-align:center;font-variant-numeric:tabular-nums}.video-item .rank.top3{color:var(--accent)}.video-item .thumb{width:100px;height:56px;border-radius:6px;object-fit:cover;background:var(--bg3);flex-shrink:0}.video-item .info{min-width:0}.video-item .vtitle{font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px;color:var(--text);transition:color .15s}.video-item:hover .vtitle{color:var(--accent)}.video-item .vmeta{font-size:12px;color:var(--text3);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.video-item .vchannel{color:var(--text2);font-weight:500}.video-item .vstats{display:flex;gap:10px}.video-item .cat-badge{font-size:10px;padding:2px 7px;border-radius:100px;background:#ff3e551f;color:var(--accent)}.video-item .duration{font-size:11px;color:var(--text3);white-space:nowrap;align-self:flex-start;margin-top:2px}.main-grid{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:var(--bg2);border:1px solid var(--card-border);border-radius:12px;padding:16px}.sidebar-card h3{font-size:13px;font-weight:700;color:var(--text2);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.keywords{display:flex;flex-wrap:wrap;gap:6px}.keyword{font-size:12px;padding:4px 10px;border-radius:100px;background:var(--bg3);color:var(--text2);border:1px solid var(--card-border)}.channel-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--card-border)}.channel-item:last-child{border-bottom:none;padding-bottom:0}.channel-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg4);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}.channel-info{min-width:0}.channel-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-count{font-size:11px;color:var(--text3)}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.country-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--bg2);border:1px solid var(--card-border);transition:all .2s;font-size:14px}.country-card:hover{border-color:var(--accent);background:var(--bg3)}.country-card .cflag{font-size:22px}.footer{border-top:1px solid var(--card-border);padding:32px 24px;text-align:center}.footer-inner{max-width:var(--max);margin:0 auto}.footer p{color:var(--text3);font-size:12px;margin-bottom:8px}.footer a{color:var(--accent)}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}.footer-links a{font-size:12px;color:var(--text3);transition:color .2s}.footer-links a:hover{color:var(--accent)}@media (max-width: 768px){.main-grid{grid-template-columns:1fr}.sidebar{display:none}.video-item{grid-template-columns:24px 80px 1fr}.video-item .duration,.nav-countries{display:none}}