/* Satie's look, same tokens as styles.css. One button, centered. Never gray. */
*{box-sizing:border-box}
html{background:#faf7f0}
body{margin:0;background:#faf7f0;color:#1c1a17;font:500 16px/1.4 "Hanken Grotesk",-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
main{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;
  padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}
h1{margin:0;font:500 40px/1.1 "Newsreader",Georgia,serif;letter-spacing:-.01em}
button{font:600 17px/1 "Hanken Grotesk",-apple-system,system-ui,sans-serif;min-height:54px;width:100%;max-width:320px;padding:0 20px;border:0;border-radius:14px;background:#1b4d3e;color:#f3f1ea;cursor:pointer;white-space:nowrap}
button:disabled{opacity:.55;cursor:default}
button:focus-visible{outline:2px solid #1b4d3e;outline-offset:2px}
p{margin:0;min-height:22px;color:#a84633;text-align:center}
