*{box-sizing:border-box}body{font:16px system-ui;background:#f6f5f7;color:#282330;margin:0}main{max-width:540px;margin:4vh auto;background:white;padding:28px;border:1px solid #ded9e0;border-radius:12px}h1{color:#7c3c56}nav{display:flex;gap:8px;flex-wrap:wrap}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #beb5c1;border-radius:6px;margin-top:6px}button,a{cursor:pointer;padding:10px;margin:4px 0;border:1px solid #b5a1ad;border-radius:6px;background:#fff;color:#582940}button:disabled{opacity:.5;cursor:wait}#message{white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:540px){main{margin:0;border-radius:0;padding:20px}}