.spb-dark{background:var(--sim-bg);color:var(--sim-ink);border-radius:var(--radius);margin:20px 0;padding:12px}.spb-dark>svg{width:100%;height:auto;margin-top:8px;display:block}.spb-dark text{font-family:var(--font)}.spb-dark .sim-btn{color:var(--sim-ink);background:#16212f;border-color:#33445a}.spb-dark .sim-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.spb-dark .sim-btn:disabled{opacity:.45;cursor:default}.spb-label{fill:var(--sim-dim);text-anchor:middle;font-size:20px}.spb-label.big{fill:var(--sim-ink);font-size:22px}.spb-label.ink{fill:var(--sim-ink)}.spb-glass{fill:none;stroke:#a9bfd9;stroke-width:3px}.spb-surface{stroke:#a9d4ff;stroke-width:2px;opacity:.6}.spb-bubble{fill:none;stroke:#e6f2ff;stroke-width:1.6px}.spb-metal{fill:#d4d9df;stroke:#8d96a2;stroke-width:1.5px}.spb-readout{margin-top:8px;font-size:15.5px;line-height:1.6}.spb-readout p{margin:4px 0 0}.spb-facts{flex-wrap:wrap;gap:6px;display:flex}.spb-facts span{background:#1a2738;border:1px solid #2c3d53;border-radius:8px;padding:3px 10px;font-size:14.5px}.spb-steps{border-top:1px solid #263448;gap:6px;margin:12px 0 0;padding:10px 0 0;font-size:14.5px;list-style:none;display:grid}.spb-steps li{color:var(--sim-dim);grid-template-columns:24px minmax(0,1fr);gap:8px;display:grid}.spb-steps li span{border:1.5px solid #46586f;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.spb-steps li[data-done]{color:var(--sim-ink)}.spb-steps li[data-done] span{background:var(--good);border-color:var(--good);color:#fff}.spb-reveal{background:#13301f;border:1px solid #2a6a40;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:15px;line-height:1.6}.spb-note{color:var(--sim-dim);margin:8px 0 0;font-size:13.5px}.spb-chips{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.spb-chips .sim-btn{font-size:17px;font-weight:700}.spb-chips .sim-btn[data-seen]:not([aria-pressed=true]){border-color:#3f7a55}.spb-atom-c{stroke:#0b1320;stroke-width:2px}.spb-atom-t{text-anchor:middle;dominant-baseline:central;fill:#0b1320;font-size:22px;font-weight:700}.spb-lp{fill:#ffd36b}.spb-water{transition:transform .9s cubic-bezier(.3,.7,.4,1)}.spb-hr[data-reduced] .spb-water,.spb-hr[data-reduced] .spb-anim{transition:none!important;animation:none!important}.spb-attack{stroke:#ffd36b;stroke-width:3px;fill:none;stroke-dasharray:8 6;marker-end:url(#spb-arrow)}.spb-fume{fill:#e9eef5;opacity:0}.spb-hr[data-phase=done] .spb-fume{animation:2.4s ease-out infinite spb-fume}@keyframes spb-fume{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:.6}to{opacity:0;transform:translateY(-60px)scale(1.6)}}.spb-bounce{animation:1.2s ease-in-out spb-bounce}@keyframes spb-bounce{0%{transform:translate(0)}55%{transform:translate(var(--bx), 0)}72%{transform:translate(calc(var(--bx) - 40px), -8px)}to{transform:translate(0)}}.spb-card{background:#142033;border:1px solid #2c3d53;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:15px;line-height:1.65}.spb-card p{margin:4px 0}.spb-card .yes{color:#7fdc9a;font-weight:700}.spb-card .no{color:#ff9a8a;font-weight:700}.spb-eq{font-size:15px;overflow-x:auto}.spb-bottles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.spb-bottles .sim-btn{flex-direction:column;gap:2px;padding:6px 4px;font-size:14px;line-height:1.25}.spb-bottles .sim-btn i{border:1px solid #fff6;border-radius:3px;width:26px;height:10px}.spb-grid{grid-template-columns:64px repeat(3,minmax(0,1fr));align-items:center;gap:4px;margin-top:10px;display:grid}.spb-grid .head{text-align:center;color:var(--sim-ink);font-size:14px;font-weight:700;line-height:1.25}.spb-grid .rowhead{font-size:13.5px;font-weight:700;line-height:1.25}.spb-cell{cursor:pointer;min-height:132px;color:var(--sim-ink);font:inherit;background:#121c2a;border:1px solid #2c3d53;border-radius:10px;align-content:start;justify-items:center;gap:2px;padding:4px 2px;display:grid}.spb-cell:hover:not(:disabled){border-color:var(--accent)}.spb-cell:disabled{cursor:default}.spb-cell svg{width:44px;height:104px}.spb-cell .mark{min-height:18px;font-size:13px;font-weight:700}.spb-cell .mark.yes{color:#7fdc9a}.spb-cell .mark.no{color:var(--sim-dim)}.spb-cell[data-last]{outline-offset:1px;outline:2px solid #ffd36b}.spb-liq{transition:fill 1.2s}.spb-hex{transition:opacity .8s}.spb-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.spb-fig .bar1{fill:#5b9bff}.spb-fig .bar2{fill:#e0a03a}.spb-fig .barlbl{text-anchor:middle;font-size:17px}.spb-fig .barval{text-anchor:middle;fill:var(--text-muted);font-size:15px}.spb-fig .axis{stroke:var(--text-muted);stroke-width:1.5px}.spb-fig .grid{stroke:var(--border);stroke-width:1px}.spb-fig .atomAl{fill:#9aa6b4;stroke:var(--text);stroke-width:1.2px}.spb-fig .atomCl{fill:#6cc070;stroke:var(--text);stroke-width:1.2px}.spb-fig .atomF{fill:#b9e27a;stroke:var(--text);stroke-width:1.2px}.spb-fig .atomXe{fill:#6fb7e0;stroke:var(--text);stroke-width:1.2px}.spb-fig .bond{stroke:var(--text);stroke-width:3px}.spb-fig .bond.dash{stroke-dasharray:6 5}.spb-fig .lp{fill:#f2c552;opacity:.85;stroke:#9a6700;stroke-width:1px}.spb-fig .atomlbl{text-anchor:middle;dominant-baseline:central;fill:#10161f;font-size:17px;font-weight:700}.spb-fig .ox{text-anchor:middle;dominant-baseline:central;font-size:18px;font-weight:700}.spb-fig .ox-cell{fill:var(--surface-2);stroke:var(--border)}.spb-fig .ox-cell.stable{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.spb-fig .arrow{stroke:var(--text-muted);stroke-width:2px;fill:none}.spb-fig .panel{fill:none;stroke:var(--border);stroke-width:1.5px}.spb-fig svg{color:var(--text-muted)}.spb-fig .cap{font-size:23px}.spb-fig .cap.small{font-size:19px}.spb-fig .cap.mid{font-size:20px}.spb-fig .cap.end{font-size:17px}