:root{--color-bg:#fff;--color-surface:#f5f5f5;--color-border:#ddd;--color-text:#222;--color-text-secondary:#666;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-success:#16a34a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-family:system-ui, -apple-system, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--max-width:480px;--radius:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);color:var(--color-text)}button:hover{background:var(--color-surface)}input{font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);width:100%}input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}