:root{--color-primary: #7c5cfc;--color-bg: #131218;--color-surface: #1e1c26;--color-surface-light: #2a2835;--color-text: #ede9f6;--color-text-muted: #877fa0;--color-success: #36c98e;--color-error: #f05b7a;--color-border: #312e40;--color-person-j: #3eb3e3;--color-person-b: #f2936a;--font-family: system-ui, -apple-system, sans-serif;--max-width: 480px;--radius: 8px;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.5}body{min-height:100dvh}#app{max-width:var(--max-width);margin:0 auto;padding:0}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0;border-radius:0;transition:filter .15s}button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary);color:#fff;font-weight:600;padding:.75rem 1.25rem;border-radius:var(--radius)}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{filter:brightness(.9);transform:scale(.98)}input{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem;background:var(--color-surface);color:var(--color-text);width:100%}input::placeholder{color:var(--color-text-muted)}input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}input:disabled{opacity:.4;cursor:not-allowed}