:root{--ink:#201907;--muted:#6F6552;--cream:#FFFBF1;--yellow:#FFB900}
*{box-sizing:border-box;margin:0}
body{min-height:100vh;display:grid;place-items:center;background:var(--cream);
  color:var(--ink);font:400 16px/1.65 ui-sans-serif,system-ui,sans-serif;padding:24px}
main{max-width:44ch;text-align:center;display:grid;gap:14px;justify-items:center}
h1{font-size:34px;letter-spacing:-.03em}
p{color:var(--muted)}
code{font-family:ui-monospace,Menlo,monospace;font-size:14px;color:var(--ink)}
.row{display:flex;gap:12px;align-items:center}
button{font:inherit;font-weight:600;border:0;border-radius:99px;padding:9px 18px;
  background:var(--yellow);color:var(--ink);cursor:pointer}
button:hover{background:#F29C00}
output{font-variant-numeric:tabular-nums;font-weight:700;min-width:2ch}
.small{font-size:14px}
a{color:#F29C00}