.it-panel{background:var(--sim-bg);color:var(--sim-ink);border-radius:var(--radius);margin:20px 0;padding:12px}.it-panel svg:not(.katex svg){touch-action:manipulation;width:100%;height:auto;display:block}.it-panel text{font-family:var(--font)}.it-panel .sim-btn{color:var(--sim-ink);background:#16212f;border-color:#33445a}.it-panel .sim-btn:hover:not(:disabled){border-color:var(--accent)}.it-panel .sim-btn:disabled{opacity:.45;cursor:default}.it-panel .sim-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.it-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.it-row+.it-row{margin-top:8px}.it-caption{margin:8px 0 0;font-size:15.5px;line-height:1.6}.it-dim{color:var(--sim-dim);font-size:14px}.it-select{min-height:40px;color:var(--sim-ink);font:inherit;background:#16212f;border:1px solid #33445a;border-radius:10px;max-width:100%;padding:0 8px;font-size:15px}.it-box{background:#142033;border-radius:10px;margin-top:8px;padding:8px 12px;overflow-x:auto}.it-box p{margin:4px 0}.it-box .katex-display{margin:6px 0;font-size:.9em}.it-good{color:#9be3b0}.it-bad{color:#ffb4b4}.it-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}.it-steps li{color:var(--sim-dim);grid-template-columns:24px 1fr;gap:8px;display:grid}.it-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}.it-steps li[data-done]{color:var(--sim-ink)}.it-steps li[data-done] span{background:var(--good);border-color:var(--good);color:#fff}.tt{cursor:pointer}.tt-sel{fill:#5b9bff1f;stroke:var(--accent);stroke-width:2px}.tt-glass{fill:none;stroke:#a9bfd9;stroke-width:2.5px}.tt-rim{stroke:#a9bfd9;stroke-width:3px;stroke-linecap:round}.tt-liquid{opacity:.3;transition:fill .8s}.tt-liquid.coloured{opacity:.85}.tt-turbid{opacity:.4;animation:1.2s ease-out tt-fade}.tt-flake{opacity:.95;animation:1.4s ease-in both tt-sink}.tt-layer{animation:1.6s ease-out both tt-settle}.tt-layer.gelatinous{opacity:.92}@keyframes tt-sink{0%{opacity:0;transform:translateY(-14px)}to{opacity:.95;transform:translateY(0)}}@keyframes tt-settle{0%{opacity:0}50%{opacity:.3}to{opacity:1}}@keyframes tt-fade{0%{opacity:0}}.tt-bubble{fill:none;stroke:#e6f4ff;stroke-width:1.4px;animation:1.3s linear infinite tt-rise}@keyframes tt-rise{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-120px)}}.tt-fume{fill:none;stroke:#cfd8e3;stroke-width:2px;stroke-dasharray:4 5;opacity:.7;animation:1.5s linear infinite tt-fume}@keyframes tt-fume{to{stroke-dashoffset:-18px}}.tt-paper{stroke:#0006;transition:fill 1s}.tt-paper.red{fill:#d9534f}.tt-paper.blue{fill:#3b6fd8}.tt-delivery{fill:none;stroke:#a9bfd9;stroke-width:2.5px}.tt-lime{stroke:#a9bfd9;stroke-width:2px;transition:fill 1.2s}.tt-lime.clear{fill:#a0c8ff40}.tt-lime.milky{fill:#e9eef2}.tt-flame{fill:#ff9a3c;opacity:.9;animation:.4s ease-in-out infinite alternate tt-flicker}@keyframes tt-flicker{to{transform-origin:bottom;transform:scaleY(.85)}}.tt-drop{animation:.5s ease-in forwards tt-drop}@keyframes tt-drop{0%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(70px)}}.tt-label{fill:var(--sim-ink);text-anchor:middle;font-size:19px}.it-panel[data-reduced] *{transition:none!important;animation:none!important}.dh-jars{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dh-jar{background:#142033;border-radius:10px;align-content:start;gap:6px;padding:8px;display:grid}.dh-jar h4{text-align:center;margin:0;font-size:16px}.dh-jar .sim-btn{white-space:normal;min-height:40px;padding:4px 6px;font-size:13.5px;line-height:1.25}.dh-jar .it-select{width:100%;font-size:14px}.dh-obs{color:#dfe7f1;min-height:2.6em;font-size:13.5px}.dd-grid{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:12px;margin-top:10px;display:grid}@media (width<=520px){.dd-grid{grid-template-columns:120px minmax(0,1fr);gap:8px}}.dd-bulb{fill:#c2412f}.dd-glass{fill:#c8dcff40;stroke:#a9bfd9;stroke-width:1.5px}.dd-count{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;font-size:16px;font-weight:700;display:flex}.dd-tag{border-radius:999px;padding:1px 10px;font-size:13px;font-weight:600}.dd-tag.s1{background:#1d3354}.dd-tag.s2{background:#4a3a12}.dd-tag.s3{color:#ffe2a3;background:#5a3d0c}@media (width<=520px){.it-box .katex-display{font-size:.8em}}.il-panel{margin:0 0 12px}.il-sample{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:8px;display:grid}.il-sample p{margin:2px 0}.il-h{margin:0 0 4px;font-size:17px}.il-dish-glass{fill:#c8dcff1f;stroke:#a9bfd9;stroke-width:2px}.il-heap,.il-xtal{stroke:#0000004d;stroke-width:.8px}.il-flame{animation:.4s ease-in-out infinite alternate tt-flicker}.il-helper{cursor:pointer;align-items:center;gap:6px;min-height:40px;font-size:14.5px;display:inline-flex}.il-helper input{width:20px;height:20px;accent-color:var(--accent)}.it-panel .il-rack{max-width:560px;margin:6px auto 0}.il-stand{fill:#5a4632}.il-actions p{line-height:1.6}.il-reagents{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin:6px 0;display:grid}.il-reagents .sim-btn{white-space:normal;padding:4px 8px;font-size:14px;line-height:1.3}.il-cands{gap:4px;margin-top:10px;display:grid}.il-chips{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.il-chip{background:#1d3354;border-radius:999px;padding:3px 12px;font-size:15px;font-weight:700;transition:opacity .3s}.il-chip[data-out]{opacity:.35;background:#1a2433;font-weight:400;text-decoration:line-through}.il-submit{border-top:1px solid #263448;margin-top:14px;padding-top:10px}.il-submit .it-select{flex:170px}.il-score{font-size:16px}.il-result p{line-height:1.6}.il-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}@media (width<=800px){.il-bottom{grid-template-columns:minmax(0,1fr)}}.il-bottom .nb td{white-space:normal;vertical-align:top;min-width:120px}.il-rack .tt-label{font-size:26px}
