*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;place-items:center;background:var(--bg);color:var(--tx);font-family:var(--sans)}main{display:grid;gap:16px;justify-items:center;padding:24px}h1{margin:0;font-stretch:75%;font-weight:800;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;color:var(--tx-strong)}button{height:44px;padding:0 20px;border:0;border-radius:var(--r);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6}#message{min-height:1.4em;margin:0;color:var(--err);font-size:.9rem}