:root{--color-bg:oklch(96% .008 70);--color-surface:#fff;--color-surface-muted:oklch(98% .005 60);--color-text:oklch(22% .012 60);--color-text-muted:oklch(50% .012 60);--color-text-faint:oklch(58% .012 60);--color-border:oklch(90% .008 60);--color-border-strong:oklch(70% .02 60);--color-accent:oklch(58% .14 45);--color-accent-hover:oklch(52% .14 45);--color-accent-tint:oklch(97.5% .02 55);--color-dark:oklch(22% .012 60);--color-success-bg:oklch(95% .03 155);--color-success-text:oklch(42% .1 155);--color-danger-border:oklch(90% .06 25);--color-danger-text:oklch(50% .13 25);--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--duration-fast:.15s;--duration-normal:.3s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}input::placeholder{color:var(--color-text-faint)}button{font-family:inherit}.page{flex-direction:column;gap:18px;max-width:480px;min-height:100%;margin:0 auto;padding:24px 24px 40px;display:flex}.stack{flex-direction:column;gap:18px;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:11px;padding:16px;display:flex}.field{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);width:100%;transition:border-color var(--duration-fast) var(--ease-out-expo);outline:none;padding:13px 14px;font-family:inherit;font-size:14px}.field:focus{border-color:var(--color-border-strong)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo);border:none;padding:15px;font-family:inherit;font-size:14.5px;font-weight:700}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text);background:#fff}.btn-secondary:hover{border-color:var(--color-border-strong)}.btn-dark{background:var(--color-dark);color:#fff}.mono{font-family:var(--font-mono)}.label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:11.5px;font-weight:700}.error-text{color:var(--color-danger-text);font-size:12.5px}