:root{color-scheme:light;font:17px/1.6 system-ui,sans-serif;color:#182337;background:#f1f3f8}body{margin:0}main{max-width:760px;margin:6vh auto;padding:32px;background:#fff;border:1px solid #ccd3df;border-radius:16px}h1{line-height:1.2;color:#322777}p{color:#35445c}label{display:block;margin:20px 0 5px;font-weight:650}input,button,textarea{font:inherit;padding:12px;border:1px solid #7a879a;border-radius:7px;box-sizing:border-box;max-width:100%}input,textarea{width:100%}button{background:#5141bf;color:white;cursor:pointer;margin:16px 8px 8px 0}button:disabled{opacity:.55}a{color:#4030a8}nav{display:flex;gap:20px;flex-wrap:wrap}#message{white-space:pre-wrap;color:#8e1538;font-weight:600}.card{border-top:1px solid #d2d8e3;padding:15px 0}small{display:block}.success{color:#135830}code{overflow-wrap:anywhere}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #735ff0;outline-offset:3px}@media(max-width:800px){main{margin:12px;padding:22px}}