:root{font-family:system-ui,sans-serif;color:#432548;background:#f6f1fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:570px;margin:4vh auto;padding:clamp(24px,6vw,48px);background:#fff;border:1px solid #e7ddee;border-radius:22px;box-shadow:0 12px 40px #56315f0a}.brand{font-weight:650;letter-spacing:.04em}h1{font-size:clamp(27px,6vw,36px);line-height:1.15}h2{font-size:20px}p,li{line-height:1.65}button{font:inherit;font-weight:650;background:#56315f;color:#fff;padding:15px 22px;border:0;border-radius:12px;cursor:pointer;min-height:48px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b089cf;outline-offset:4px}code{display:block;overflow-wrap:anywhere;padding:16px;background:#f5f0fa;border-radius:10px;font-size:16px}ol{padding-left:22px}.hint{font-size:14px;color:#6e5c75;margin-top:28px}#error{padding:12px;background:#fff0f0;color:#7a2731;border-radius:10px}[hidden]{display:none!important}