:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#081624;color:#edf5fc;font:17px/1.5 system-ui}main{max-width:880px;padding:24px;margin:auto}a{color:#8cdef0}canvas{display:block;width:100%;height:auto;background:#102b40;border:1px solid #57849e;border-radius:14px}.controls{display:flex;flex-wrap:wrap;gap:8px}button,select{font:inherit;padding:10px 14px;min-height:44px;border-radius:8px;border:1px solid #7ea1b7;background:#19384b;color:inherit}button[data-hold]{touch-action:none}button:focus-visible,select:focus-visible{outline:3px solid #ffb86b}button:disabled{opacity:.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}h1{font-size:clamp(26px,5vw,40px)}@media(max-width:500px){main{padding:16px}}