body{font:15px system-ui;background:#f4f6fa;color:#17243a;margin:0}main{max-width:640px;margin:auto;padding:24px}h1{margin-bottom:6px}p{color:#526078;line-height:1.5}label{display:block;margin:12px 0}input:not([type=checkbox]),select,textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cbd4e1;border-radius:6px;margin-top:6px}button{background:#2369d8;color:white;border:0;border-radius:6px;padding:11px 15px;margin:6px 6px 6px 0;cursor:pointer}button:disabled{opacity:.5}article,details{background:white;border:1px solid #dce3ec;border-radius:10px;padding:16px;margin:14px 0}summary{cursor:pointer;font-weight:600}#message{white-space:pre-wrap;color:#9a431b}small{display:block;color:#637089;margin-top:8px}