*{box-sizing:border-box}body{margin:0;background:#101726;color:#f0f2f6;font:17px/1.65 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:30px 22px 64px}nav{display:flex;justify-content:space-between}a{color:#efce86}h1{font-size:clamp(30px,6vw,46px);line-height:1.2}h2{font-size:24px}section{margin:30px 0;padding:24px;background:#192235;border:1px solid #344057;border-radius:18px}label{display:block;margin-top:16px}input:not([type=checkbox]),textarea,select{width:100%;padding:12px;border:1px solid #7b879d;border-radius:7px;background:#0e1522;color:#fff;font:inherit}textarea{overflow-wrap:anywhere}.confirm{display:flex;align-items:baseline;gap:10px}button{margin-top:16px;margin-right:8px;padding:12px 18px;border:0;border-radius:8px;background:#efce86;color:#111;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.55;cursor:wait}input:focus,textarea:focus,select:focus,button:focus{outline:3px solid #95c8ff;outline-offset:2px}.muted{font-size:14px;color:#bbc5d5}#result{white-space:pre-line;border-left:3px solid #efce86;padding-left:16px}button[hidden]{display:none}