:root{--cream:#FCF5EA;--ink:#2A2522;--muted:#6E645C;--line:#E6DCCB;--coral:#D6492F}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}.card{background:#fff;border:1px solid var(--line);border-radius:12px;max-width:560px;margin:40px auto;padding:24px}.narrow{max-width:400px}h1{font-size:22px;margin:0 0 16px}header{display:flex;justify-content:space-between;align-items:center}header h1{margin:0}form{display:grid;gap:16px}label{display:grid;gap:6px;font-weight:600;font-size:14px}input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--cream)}input:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}small{font-weight:400;color:var(--muted)}button{font:inherit;font-weight:600;padding:11px 16px;border:0;border-radius:10px;background:var(--coral);color:#fff;cursor:pointer}button.ghost{background:none;color:var(--ink);border:1px solid var(--ink);padding:7px 12px}button:disabled{opacity:.6}.err{color:#b3261e;margin:0}.ok{color:#1f6b3a;margin:0}@media (max-width:600px){.card{margin:0;border-radius:0;border-left:0;border-right:0;min-height:100vh}}