.cl-root{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.cl-tabs{flex-wrap:wrap;gap:6px;display:flex}.cl-bench{background:var(--sim-bg);color:var(--sim-ink);border-radius:var(--radius);min-width:0;padding:12px}.cl-bench .sim-btn{color:var(--sim-ink);background:#16212f;border-color:#33445a}.cl-bench .sim-btn:hover:not(:disabled){border-color:var(--accent)}.cl-bench .sim-btn:disabled{opacity:.45;cursor:default}.cl-bench .sim-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.cl-bench .sim-btn.small{min-height:40px;font-size:14px}.cl-bench svg:not(.cl-haz svg){width:100%;height:auto;display:block}.cl-bench text{font-family:var(--font);fill:var(--sim-ink)}.cl-h{color:var(--sim-dim);margin:0 0 6px;font-size:15px;font-weight:600}.cl-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cl-row+.cl-row,.cl-h+.cl-row{margin-top:6px}.cl-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (width<=720px){.cl-split{grid-template-columns:minmax(0,1fr)}}.cl-ladder{gap:4px;max-height:520px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.cl-rung{width:100%;min-height:40px;color:var(--sim-ink);font:inherit;text-align:left;cursor:pointer;background:#16212f;border:1px solid #2b3a4f;border-radius:10px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;padding:4px 10px;font-size:14.5px;display:grid}.cl-rung[aria-pressed=true]{border-color:var(--accent);background:#1d3352}.cl-rung b{font-variant-numeric:tabular-nums}.cl-rung small{color:var(--sim-dim);font-size:12.5px;line-height:1.3;display:block}.cl-ref{color:#ff9b93;align-items:center;gap:8px;padding:2px 4px;font-size:13px;display:flex}.cl-ref:before,.cl-ref:after{content:"";border-top:2px dashed #b4473f;flex:1}.cl-cls{vertical-align:middle;border-radius:999px;margin-left:6px;padding:0 6px;font-size:11.5px;display:inline-block}.cl-cls[data-c=carboxylic]{color:#d3e3ff;background:#23385e}.cl-cls[data-c=phenol]{color:#ead6ff;background:#4a2f5c}.cl-cls[data-c=alcohol],.cl-cls[data-c=hydrocarbon]{color:#e0f0cc;background:#33402a}.cl-result{background:#16212f;border:1px solid #263448;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:15px;line-height:1.6}.cl-result[data-kind=good]{border-color:#2f8f5b}.cl-result[data-kind=bad]{border-color:#b4473f}.cl-eq{white-space:nowrap;padding-bottom:2px;font-size:15.5px;font-weight:600;overflow-x:auto}.cl-dim{color:var(--sim-dim);font-size:13.5px}.cl-haz{color:var(--sim-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.cl-virtual{color:#ffd9d4;background:#5c2a26;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.cl-route{scroll-snap-type:x proximity;align-items:stretch;gap:6px;padding:4px 2px 10px;display:flex;overflow-x:auto}.cl-card{scroll-snap-align:end;background:#16212f;border:1px solid #33445a;border-radius:12px;flex:none;min-width:150px;max-width:220px;padding:8px 10px}.cl-card[data-current]{border-color:var(--accent);box-shadow:0 0 0 2px #508ce659}.cl-card .f{white-space:nowrap;font-size:19px;font-weight:700}.cl-card .n{color:var(--sim-dim);font-size:12.5px;line-height:1.35}.cl-arrow{color:#ffd166;text-align:center;flex:none;align-content:center;place-items:center;min-width:70px;max-width:120px;font-size:12px;line-height:1.3;display:grid}.cl-arrow:after{content:"⟶";color:#9fb6d2;font-size:22px}.cl-reagents{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.cl-reagents .sim-btn{text-align:left;justify-content:flex-start;padding:6px 10px;font-size:14px;line-height:1.3}.cl-bar{background:#0f1824;border:1px solid #263448;border-radius:8px;height:26px;margin-top:4px;position:relative;overflow:hidden}.cl-bar>i{background:linear-gradient(90deg,#2f8f5b,#4cc26a);transition:width .4s;position:absolute;inset:0 auto 0 0}.cl-bar>b{color:#fff;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.cl-slider{gap:2px;width:100%;font-size:14px;display:grid}.cl-slider input{width:100%;height:36px;accent-color:var(--accent)}.cl-rank{border-top:1px solid #263448;margin-top:12px;padding-top:10px}.cl-order{flex-wrap:wrap;align-items:center;gap:4px;min-height:34px;margin:6px 0;font-size:14px;display:flex}.cl-order span{background:#23385e;border-radius:8px;padding:3px 8px}@keyframes cl-rise{0%{opacity:.95;transform:translateY(0)}to{opacity:0;transform:translateY(-120px)}}@keyframes cl-fume{0%{opacity:.6;transform:translateY(0)scale(.8)}to{opacity:0;transform:translateY(-60px)scale(1.4)}}.cl-bubble{fill:none;stroke:#e6f0ff;stroke-width:1.6px;transform-box:fill-box;animation:1.6s linear infinite cl-rise}.cl-fume{fill:#dfe7f1;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite cl-fume}.cl-root[data-paused] .cl-bubble,.cl-root[data-paused] .cl-fume{animation-play-state:paused}.cl-root[data-reduced] .cl-bubble,.cl-root[data-reduced] .cl-fume{animation:none}.cl-tube-liquid,.cl-strip{transition:fill .8s}.cl-haz svg{flex:none;width:34px;height:34px}.cl-bench>*{min-width:0}