:root{--bg: #0f0f13;--surface: #18181b;--surface-alt: #1f1f27;--border: #2a2a38;--text: #efeff1;--text-muted: #adadb8;--twitch: #9147ff;--kick: #53fc18;--radius: 8px;--radius-lg: 12px;--nav-h: 56px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block}button{font-family:inherit;cursor:pointer}.page{max-width:1200px;margin:0 auto;padding:24px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge.twitch{background:#9147ff2e;color:var(--twitch)}.badge.kick{background:#53fc1826;color:var(--kick)}.badge.live{background:#ef44442e;color:#ef4444}.filter-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;width:fit-content}.filter-tabs button{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;transition:all .15s}.filter-tabs button.active{background:var(--surface-alt);color:var(--text)}.filter-tabs button:hover:not(.active){color:var(--text)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-header h2{font-size:16px;font-weight:600;flex:1}.section-header a{font-size:12px;color:var(--text-muted);transition:color .15s}.section-header a:hover{color:var(--text)}.loading,.empty{text-align:center;color:var(--text-muted);padding:48px 16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}