:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:light-dark(#f4f1eb,#17191e);color:light-dark(#242830,#e8ebef)}
*{box-sizing:border-box}body{margin:0;padding:8vh 20px}main{max-width:620px;margin:auto;padding:clamp(24px,5vw,44px);border:1px solid light-dark(#d9dce1,#42464e);border-radius:18px;background:light-dark(#fff,#22252c)}
.brand{font-size:12px;letter-spacing:.12em;color:light-dark(#626976,#abb3c1)}h1{font-size:clamp(24px,5vw,32px);line-height:1.3;margin:24px 0}p{line-height:1.8;overflow-wrap:anywhere}.note{font-size:14px;color:light-dark(#626976,#abb3c1)}
button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:12px 18px;background:#4658ca;color:#fff;min-height:44px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a795ff;outline-offset:4px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}a{color:light-dark(#3549bc,#b9c2ff)}.origin{padding:12px;background:light-dark(#f1f3fa,#303540);border-radius:8px;font-family:monospace}[hidden]{display:none!important}