:root{color:#182230;background:#f3f6fa;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:24px}header{padding:12px}h1{font-size:1.8rem}h2{font-size:1.2rem}section{background:#fff;border:1px solid #d6dce5;border-radius:12px;margin-bottom:20px;padding:24px}label{margin:12px 0;display:block}input{width:100%;font:inherit;border:1px solid #78879a;border-radius:6px;padding:12px;display:block}button{font:inherit;cursor:pointer;background:#eff5ff;border:1px solid #365377;border-radius:6px;margin:4px;padding:9px 14px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #1763ba}li{overflow-wrap:anywhere;margin-bottom:12px}details{margin-top:20px}summary{cursor:pointer;font-weight:600}.dialog{border:0;border-radius:12px;width:calc(100% - 40px);max-width:480px;padding:0}.dialog::backdrop{background:#18223099}.dialog form{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:24px}@media (width<=480px){main{padding:12px}section{padding:16px}button{width:100%;margin:5px 0}h1{font-size:1.4rem}}