*{box-sizing:border-box}body{margin:0;padding:24px 16px;background:#0c1726;color:#eef8ff;font:16px/1.75 system-ui,sans-serif}main{max-width:640px;margin:auto}.eyebrow{color:#96efd4;font-size:14px}h1{font-size:clamp(24px,5vw,34px);line-height:1.35}h2{font-size:22px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}button{font:inherit;font-weight:700;min-height:44px;padding:10px 15px;border:1px solid #96efd4;border-radius:10px;background:#96efd4;color:#0c1726;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #ffe18e;outline-offset:4px}canvas{display:block;width:100%;max-width:420px;height:auto;border:1px solid #536880;border-radius:14px;background:#101f34}#status{font-weight:700;color:#ffe18e}footer{color:#c0cedb;font-size:14px;margin-top:24px}
/* Keep the article link readable on this standalone dark sample. */
a{color:#8edfff}button:disabled{cursor:default;opacity:.72}