:root{--bg: #0e0c16;--surface: #17141f;--surface-2: #231f2e;--border: #2f2a3d;--text: #efedf5;--text-muted: #a8a3b8;--accent: #7c4dff;--accent-soft: #b39dff;--twitch: #9146ff;--danger: #e5484d;--success: #3dd68c;--radius: .75rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.container{max-width:64rem;margin:0 auto;padding:0 1rem 2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.muted{color:var(--text-muted)}input,textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-2);color:var(--text);font:inherit}input:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox]{width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;border:1px solid transparent;border-radius:.5rem;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-twitch{background:var(--twitch);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.chip{padding:.35rem .9rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;cursor:pointer}.chip.active{background:var(--surface-2);border-color:var(--accent);color:var(--text)}.badge{font-size:.75rem;font-weight:500;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.alert{padding:.75rem 1rem;border-radius:.5rem;background:#e5484d1f;border:1px solid var(--danger)}.success{color:var(--success)}.field-error{margin:0;color:var(--danger);font-size:.9rem}