:root{color-scheme:light;font-family:system-ui,sans-serif;color:#152e40;background:#eef3f6}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:780px;margin:28px auto}h1{font-size:clamp(27px,5vw,38px);line-height:1.2}h2{font-size:19px}.badge{color:#0d6468;font-weight:750;letter-spacing:.08em;font-size:13px}p{line-height:1.7}section{background:#fff;border:1px solid #d5e1e6;border-radius:16px;padding:24px;margin:20px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;background:#0d6468;color:white;padding:12px 16px;border-radius:9px;cursor:pointer;font:inherit;margin:4px 0}button.secondary{background:#e5eef2;color:#203f50}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid #d89c27;outline-offset:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#142c3b;color:#e0eff4;padding:18px;border-radius:12px;min-height:50px}.note{font-size:14px;color:#526675}#message{font-weight:600}@media(max-width:480px){body{padding:14px}section{padding:18px}.actions button{width:100%}}