:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7f5;--fg:#1a1a1a;--muted:#5c5c5c;--border:#c8c8c4;--accent:#1a5fb4;--accent-soft:#dce8f8;--focus:#e5a000;--membrane:#3d3846;--in-fill:#e8f4ea;--out-fill:#eef0f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1e1e1e;--fg:#ececec;--muted:#a8a8a8;--border:#444;--accent:#62a0ea;--accent-soft:#2a3a4d;--in-fill:#243028;--out-fill:#252830}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 2.5rem}header h1{margin:0 0 .25rem;font-size:1.35rem;font-weight:650}header p.lead{color:var(--muted);margin:0 0 1rem;font-size:.95rem}nav.modes{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}nav.modes button{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .65rem;font-size:.875rem}nav.modes button[aria-current=page]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.panel{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, var(--fg) 8%);border-radius:8px;padding:1rem}.grid-2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=860px){.grid-2{grid-template-columns:1fr 1fr}}.controls{flex-wrap:wrap;align-items:end;gap:.75rem 1.25rem;margin-bottom:.75rem;display:flex}label.field{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}label.field input[type=range]{width:10rem}label.field input[type=number],label.field select{font:inherit;border:1px solid var(--border);background:var(--bg);color:inherit;border-radius:4px;padding:.25rem .4rem}.sim-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.sim-bar button{font:inherit;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;padding:.35rem .75rem}.sim-bar .seed{color:var(--muted);margin-left:auto;font-size:.8rem}.note{color:var(--muted);margin-top:.75rem;font-size:.85rem}.chart-wrap{width:100%;overflow:hidden}.chart-wrap svg{width:100%;height:auto;display:block}.legend{flex-wrap:wrap;gap:.75rem;margin-top:.35rem;font-size:.8rem;display:flex}.legend span{align-items:center;gap:.35rem;display:inline-flex}.swatch{border-radius:2px;width:1rem;height:.2rem;display:inline-block}@media (prefers-reduced-motion:reduce){.particle-dot{transition:none!important}}