:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;padding:24px;font:16px/1.7 system-ui,sans-serif;background:light-dark(#f6f7fb,#171c28);color:light-dark(#172135,#f1f4fa)}main{max-width:760px;margin:auto}h1{font-size:1.5rem;text-wrap:balance}h2{font-size:1.15rem}button,input{font:inherit}button{min-height:44px;padding:10px 16px;border:2px solid currentColor;border-radius:8px;background:light-dark(white,#252d3e);color:inherit;cursor:pointer;touch-action:manipulation}button:hover{background:light-dark(#e0f2fe,#34415b)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #dc7500;outline-offset:4px}.actions{display:flex;gap:12px;flex-wrap:wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border:1px solid #8993a5;border-radius:10px;font:15px/1.8 ui-monospace,monospace}input{display:block;max-width:100%;width:240px;margin:8px 0 16px;padding:10px;border:2px solid #8993a5;color:inherit;background:light-dark(white,#252d3e)}small{display:block}a{color:light-dark(#075985,#a5dcff)}.credit{font-size:.85rem}img{max-width:100%;height:auto}.icon-button{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#172135}.icon-button:hover{background:#e0f2fe}mark{background:transparent;color:inherit}body[data-highlight=true] mark{background:#facc15;color:#172135}output{font-variant-numeric:tabular-nums}