#root{margin:0 auto}.card{padding:2em;border:1px solid var(--subtle);border-radius:var(--radius-m);place-items:center;box-shadow:var(--shadow-m)}.card button{display:block}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--fg: light-dark(#242424, #f9f9f9);--bg: light-dark(#f9f9f9, #242424);--primary: #ff6600;--primary-contrast: #f9f9f9;--primary-darker: oklch(from #ff6600 calc(l*.9) c h);--subtle: light-dark(#ccc, #333);--radius-m: 8px;--shadow-m: 0 2px 10px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .9))}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-darker)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:var(--fg);background-color:var(--bg)}h1{font-size:2.4em;line-height:1.1;margin:0 0 .5em}button{border-radius:var(--radius-m);border:none;outline:none;padding:.8em 1.2em;font-size:1em;color:var(--primary-contrast);background-color:var(--primary);cursor:pointer}button:hover{background-color:var(--primary-darker)}