body{font:1rem system-ui,sans-serif;margin:0;background:#f4f6fa;color:#172234}main{max-width:38rem;margin:2rem auto;padding:1.5rem;background:white;border-radius:1rem}label{display:block;margin:1rem 0}input:not([type=checkbox]){display:block;width:95%;padding:.7rem;font:inherit}button{padding:.8rem 1.2rem;font:inherit;cursor:pointer}pre{white-space:pre-wrap;font:inherit;max-height:24rem;overflow:auto;border:1px solid #aaa;padding:1rem}[role=alert]{color:#a40000}a{color:#124a9b}