:root{font-family:system-ui,sans-serif;color-scheme:light dark}body{margin:0;background:#f4f5f7;color:#182131}main{max-width:850px;margin:32px auto;padding:24px;background:white;border-radius:16px}h1{font-size:25px}h2{font-size:19px;margin-top:30px}label{display:block;margin:14px 0}input,select,textarea{display:block;box-sizing:border-box;width:100%;padding:10px;margin-top:6px;border:1px solid #aab1bb;border-radius:7px;font:inherit}button{padding:10px 16px;border:0;border-radius:8px;background:#0066cc;color:white;margin:4px;cursor:pointer}button:disabled{opacity:.5}pre{white-space:pre-wrap}article{border-top:1px solid #ccd1d8;padding:14px 0}p{line-height:1.5}#status{white-space:pre-wrap;color:#9a4211}@media(prefers-color-scheme:dark){body{background:#111;color:#eee}main{background:#202124}}