body{margin:0;background:#f3f5fa;color:#17233d;font:16px/1.6 system-ui}main{max-width:900px;margin:40px auto;padding:24px}section,details{background:white;border:1px solid #dbe2ef;border-radius:14px;padding:24px;margin:20px 0}input{display:block;width:95%;padding:10px;margin:6px 0 14px;border:1px solid #bcc8db;border-radius:6px}button{background:#4468ef;color:white;border:0;border-radius:7px;padding:10px 16px;margin:8px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}article{border-top:1px solid #ddd;padding:15px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}#notice{color:#a23333}label{display:block}