:root{font-family:system-ui,sans-serif;color:#15273c;background:#f3f6f9;font-synthesis:none;line-height:1.55}
*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:32px 24px 64px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:48px}
header a{font-weight:750;color:#15273c;text-decoration:none}.badge{font-size:11px;letter-spacing:.06em;background:#fff1ce;color:#634c09;padding:7px 10px;border-radius:6px}
h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.035em;line-height:1.15;margin-bottom:18px}
.intro{font-size:18px;color:#435770;max-width:620px}form,section{background:white;padding:24px;border:1px solid #d8e1e9;border-radius:12px;margin:24px 0}
label{display:block;font-weight:650;margin-bottom:10px}textarea{width:100%;padding:14px;font:15px/1.6 ui-monospace,monospace;border:1px solid #90a3b8;border-radius:6px;resize:vertical}
button,.button{display:inline-block;font:600 15px system-ui,sans-serif;border:0;border-radius:6px;background:#0b547f;color:#fff;padding:12px 17px;text-decoration:none;cursor:pointer}
button:disabled{opacity:.5;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:12px}.hint,footer{font-size:13px;color:#52667d}.reference,#verification{font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}
pre{padding:16px;overflow:auto;background:#edf3f8;border-radius:6px}#status{min-height:28px}footer{margin-top:40px}h2{font-size:22px;margin-top:0}[hidden]{display:none!important}
:focus-visible{outline:3px solid #d47a0b;outline-offset:3px}
@media(max-width:560px){header{align-items:flex-start;flex-direction:column;margin-bottom:30px}main{padding:24px 16px}form,section{padding:18px}.actions>*{width:100%;text-align:center}}