.container{max-width:860px;margin:0 auto;padding:0 1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.2rem;transition:border-color .18s,box-shadow .18s;animation:.25s both card-in}.card:hover{border-color:#ff56b459;box-shadow:0 0 20px #ff56b426}.btn{background:var(--surface2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface);border-color:#ff56b466}.btn-twitch{background:var(--twitch);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;transition:background .18s,box-shadow .18s;display:inline-flex}.btn-twitch:hover{background:#7c3aed;box-shadow:0 0 20px #9147ff59}.input{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;outline:none;padding:.5rem .85rem;font-family:Syne,sans-serif;font-size:.85rem;transition:border-color .18s}.input:focus{border-color:#00ccff80}.input::placeholder{color:var(--dim)}.select{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:.5rem .85rem;font-family:Syne,sans-serif;font-size:.85rem;transition:border-color .18s}.select:focus{border-color:#00ccff80}.badge{letter-spacing:.05em;text-transform:uppercase;color:var(--blue);background:#00ccff26;border:1px solid #00ccff4d;border-radius:100px;align-items:center;padding:.2rem .6rem;font-size:.6rem;font-weight:700;display:inline-flex}.badge-pink{color:var(--pink);background:#ff56b426;border-color:#ff56b44d}.live-dot{background:var(--live);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.2s infinite pulse;display:inline-block}.avatar-pulse{animation:3s ease-in-out infinite avatar-pulse}.channel-link{color:var(--blue);font-weight:700;transition:color .15s}.channel-link:hover{color:var(--pink)}.btn-canal{color:var(--twitch);white-space:nowrap;background:#9147ff26;border:1px solid #9147ff4d;border-radius:100px;flex-shrink:0;align-items:center;padding:.4rem .9rem;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-canal:hover{background:#9147ff40;border-color:#9147ff8c;box-shadow:0 0 12px #9147ff40}