body{min-height:100vh;background:#12201c;color:#fcf9f5}header{background:#101a16;color:white}header img{width:155px}main{width:min(510px,91%);margin:6vh auto;padding:24px clamp(18px,4vw,38px) 34px;background:#f6f3ec;color:#19251e;border-radius:20px}.intro{display:flex;gap:16px;align-items:center;margin-bottom:20px}.intro img{width:75px}.intro p{margin:0;font-weight:bold;color:#a52834}.intro h1{font-size:clamp(25px,4vw,38px);line-height:1.1;margin:6px 0}nav{display:flex;gap:10px;margin-bottom:20px}button,input{font:inherit}main nav button,.link,#send{background:transparent;border:0;color:inherit;padding:10px 0;text-align:left;font-weight:650}nav button[aria-pressed=true]{border-bottom:3px solid #c3263e}label,input{display:block}label{font-weight:650;margin:13px 0}input{width:100%;padding:12px;background:white;border:1px solid #878e85;border-radius:6px;color:#19251e}.button{width:100%;background:#bb2439;color:white;text-align:center;justify-content:center}#hint,#message{font-size:14px}#key{display:block;padding:16px 8px;margin:16px 0;font-family:monospace;background:#e5e8dd;overflow-wrap:anywhere}.link{display:block;text-decoration:underline}main p a{text-decoration:underline}button:disabled{opacity:.6}[hidden]{display:none!important}