*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#171b20;font:16px/1.5 system-ui,sans-serif}header{padding:20px 6%;display:flex;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid #e2e5e8}header>a{font-size:24px;font-weight:800;text-decoration:none;color:inherit}main{max-width:520px;margin:36px auto;padding:28px;background:white;border:1px solid #e2e5e8;border-radius:12px}h1{font-size:28px}form>label{display:block;margin:18px 0 6px;font-weight:600}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #9da5ae;border-radius:5px;font:inherit}button,select{font:inherit;padding:10px;border-radius:5px}#submit{width:100%;margin-top:20px;background:#152c36;color:white;border:0;cursor:pointer}button:disabled{opacity:.55;cursor:default}.hint{font-size:13px;color:#576471;margin:0}#feedback{white-space:pre-wrap}a{color:#075775}#refresh{background:white;border:1px solid #9da5ae}input:focus,button:focus-visible,a:focus-visible,select:focus{outline:3px solid #22a9b6;outline-offset:2px}@media(max-width:560px){main{margin:16px;padding:20px}header{padding:16px}h1{font-size:24px}}

main,header{min-width:0}main p,main a{overflow-wrap:anywhere}header{flex-wrap:wrap}#feedback{overflow-wrap:anywhere}
