:root{--brand-purple:#29074b;--cream:#f6ecda;--gold:#ffc21a;--orange:#fd7a02;--red:#f93e08;--bg:#050505;--surface-0:#0b0b0c;--surface-1:#111113;--surface-2:#18181b;--surface-3:#222226;--border:#232327;--border-strong:#34343a;--text:#f3eee6;--text-dim:#a8a4ad;--muted:#6f6c75;--accent:var(--orange);--brand-gradient:linear-gradient(135deg, var(--gold) 0%, var(--orange) 52%, var(--red) 100%);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-lg:0 18px 48px #00000073;--font-sans:var(--font-ui), system-ui, sans-serif;--font-code:var(--font-mono), ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb, var(--orange) 45%, transparent)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.btn{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms,opacity .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:#fff;text-shadow:0 1px 2px #00000040;border:none;box-shadow:0 6px 20px #fd7a0240}.btn-primary:hover:not(:disabled){background:var(--brand-gradient);filter:brightness(1.08)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-sm{border-radius:var(--radius-sm);height:30px;padding:0 10px;font-size:12px}.btn-icon{width:32px;padding:0}.input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-1);outline:none;width:100%;height:36px;padding:0 12px;transition:border-color .12s}.input:focus{border-color:var(--orange)}textarea.input{resize:vertical;height:auto;min-height:64px;padding:10px 12px}.mono{font-family:var(--font-code);letter-spacing:.02em;font-size:11px}.eyebrow{font-family:var(--font-code);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.muted{color:var(--muted)}.lang-switch{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);gap:2px;padding:2px;display:inline-flex}.lang-switch button{border-radius:var(--radius-pill);min-width:34px;height:26px;color:var(--muted);font-family:var(--font-code);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:11px;font-weight:700}.lang-switch button:hover{color:var(--text)}.lang-switch button[data-on=true]{background:var(--surface-3);color:var(--gold)}