*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#332f36;font:16px/1.7 system-ui,sans-serif}main{max-width:560px;margin:8vh auto;padding:32px}.brand{color:inherit;text-decoration:none;font-size:24px;font-weight:750}.tag{float:right;font-size:11px;font-weight:700;letter-spacing:.1em;padding:4px 10px;border-radius:16px;background:#eee7f5;color:#725385}h1{font-size:30px;line-height:1.35;margin-top:36px}p{color:#66616a}aside{border-left:3px solid #ab8bc3;padding:10px 16px;background:#f1edf5;font-size:14px;margin:24px 0}label{display:block;margin-bottom:8px;font-weight:600}input,button{font:inherit;width:100%;padding:12px 16px;border-radius:10px}input{border:1px solid #cfc8d2;background:white;margin-bottom:16px}input:focus{outline:2px solid #ab8bc3}button{background:#735382;color:white;border:0;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}footer{margin-top:32px;border-top:1px solid #e4dfe6;padding-top:20px;font-size:13px;color:#777}a{color:#735382}#status{white-space:pre-wrap} [hidden]{display:none!important}@media(max-width:600px){main{margin:3vh auto;padding:24px}}