body{font:16px/1.5 system-ui,sans-serif;margin:0;background:#f6f6f4;color:#1d1d1b}
main{max-width:28rem;margin:10vh auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0002}
h1{font-size:1.4rem;margin-top:0}
button{font:inherit;padding:.6rem 1rem;border-radius:8px;border:1px solid #1d1d1b;background:#1d1d1b;color:#fff;cursor:pointer}
button.del{background:#fff;color:#a00;border-color:#a00;padding:.2rem .6rem;margin-left:.5rem}
input{font:inherit;padding:.5rem;width:10ch;letter-spacing:.2em;margin:0 .5rem .5rem 0}
label{display:block;margin-bottom:.3rem}
.hint{color:#666;font-size:.9rem}
.keys,.spaces{padding-left:1.2rem}
#msg{min-height:1.5em;color:#a00}
.warn{color:#8a5a00}