:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f2933;--muted:#52606d;--accent:#2f6f5e;--accent-ink:#fff;--line:#d9e2ec;--paper:#fbfaf7}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;padding:2rem 1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.5}main{max-width:34rem;margin:0 auto}h1{margin:0 0 1.25rem;font-size:1.5rem;line-height:1.25}p{margin:0 0 1rem}code{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:.375rem;padding:.25rem .5rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1rem;display:inline-block}form{margin-top:1rem}label{color:var(--muted);margin-bottom:.375rem;display:block}input{border:1px solid var(--line);width:100%;max-width:16rem;font:inherit;letter-spacing:.08em;border-radius:.375rem;margin-bottom:1rem;padding:.5rem .625rem;display:block}button{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:.375rem;padding:.625rem 1.25rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #9fd3c3}#result:focus{outline:none}noscript p{border:1px solid var(--line);background:#fff;border-radius:.375rem;padding:1rem}