:root{--paper:#F1EFE8;--ink:#0E100E;--green:#1C4031;--orange:#DD5A1C}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--paper);color:var(--ink);font:16px/1.4 system-ui,sans-serif}main{width:min(92vw,360px)}p{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:var(--green)}h1{font-size:2.5rem;line-height:1;letter-spacing:-.06em}form{display:grid;gap:10px;margin-top:34px}input{padding:14px;border:1px solid #777;border-radius:4px;font:inherit}button{padding:14px;border:0;border-radius:4px;background:var(--orange);color:#fff;font:700 1rem system-ui;cursor:pointer}output{color:#9b2500;min-height:1.2em}