*{box-sizing:border-box}
html{font:16px/1.4 system-ui,sans-serif;color:#222;background:#f4f4f4}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}
main{width:100%;max-width:320px;padding:24px;background:#fff;border:1px solid #ddd;border-radius:6px}
h1{font-size:20px;font-weight:600;margin:0 0 16px}
label{display:block;font-size:14px;margin:12px 0 4px}
input{width:100%;padding:8px;font:inherit;border:1px solid #bbb;border-radius:4px}
button{width:100%;margin-top:16px;padding:9px;font:inherit;border:0;border-radius:4px;background:#333;color:#fff;cursor:pointer}
button[type=button]{margin-top:8px;background:#fff;color:#333;border:1px solid #bbb}
#e{margin:16px 0 0;color:#a00;font-size:14px}
[hidden]{display:none!important}