:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--border:#dde1e6;--text:#1a1f2b;--muted:#5b6470;--accent:#2f6fed;--accent-text:#fff;--danger:#c0392b;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}h1,h2,h3{line-height:1.25}h2{margin-top:0;font-size:1.25rem}form{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.9rem;max-width:360px;margin:2rem auto;padding:1.25rem;display:flex}form h1{text-align:center;margin:0 0 .25rem;font-size:1.15rem}form label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:.5rem .6rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:6px;margin:.15rem .4rem .15rem 0;padding:.5rem .9rem}button:hover{filter:brightness(1.06)}nav{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}nav button{color:var(--muted);background:0 0;border:1px solid #0000}nav button.active{background:var(--surface);color:var(--text);border-color:var(--border)}ul{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}li{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem .9rem}li form,li select{margin-top:.5rem}li form{background:0 0;border:none;flex-flow:wrap;align-items:center;max-width:none;margin:.5rem 0 0;padding:0}li button{margin:.25rem .4rem 0 0}code{background:#eef1f5;border-radius:4px;padding:.1rem .35rem}p{color:var(--muted)}