body{font-family:system-ui,sans-serif;line-height:1.8;color:#182131;background:#fff;max-width:640px;margin:48px auto;padding:0 24px}
h1{font-size:28px}p{max-width:65ch}label{display:block;font-weight:600;margin-top:24px}
input{box-sizing:border-box;display:block;width:100%;font:inherit;padding:10px 12px;border:1px solid #8493a8;border-radius:6px;margin:8px 0 16px;caret-color:#2155d9}
button{font:inherit;cursor:pointer;padding:10px 20px;border:0;border-radius:6px;background:#2155d9;color:#fff;min-height:44px}
:focus-visible{outline:3px solid #6d95e7;outline-offset:4px}#error{color:#a32430}#result{font-weight:600}
::selection{background:#dce7ff;color:#182131}