.app{display:grid;gap:2rem;padding:3rem;max-width:840px;margin:0 auto}.app__header{display:grid;gap:.5rem}.card{background:#1f2937;border-radius:16px;padding:2rem}.card button{font-size:1rem;border:1px solid #334155;background:#0f172a;color:#f8fafc;padding:.75rem 1.25rem;border-radius:999px;cursor:pointer}.card button:hover{border-color:#38bdf8}:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background-color:#0b1120}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}h1,p{margin:0}