html{color-scheme:dark}body{margin:0;padding:22px;min-height:95vh;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 20%,#354233,#11170f);color:#f6e6c8;font:17px/1.5 system-ui,sans-serif}main{width:min(390px,100%);padding:25px;background:#1a251c;border:1px solid #677450;border-radius:13px;box-sizing:border-box}p{color:#eec276;margin:0}h1{font-size:28px;margin:4px 0 18px}label,form{display:grid;gap:8px}input,button{font:inherit;padding:8px;border-radius:7px;border:1px solid #7b875d;background:#1d2a1f;color:#f9eed0}button{background:#eac67f;color:#1e2418;cursor:pointer;font-weight:bold;margin:5px 0 10px}output{font-size:14px;color:#c7cdb8}