.h2-intro{background:var(--sim-bg);color:var(--sim-ink);border-radius:var(--radius);margin:20px 0;padding:12px}.h2-intro>svg{width:100%;height:auto;margin-top:6px;display:block}.h2-intro text{font-family:var(--font)}.h2-intro .sim-btn{color:var(--sim-ink);background:#16212f;border-color:#33445a}.h2-intro .sim-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.h2-gases{gap:6px}.h2-intro .label{fill:var(--sim-dim);text-anchor:middle;font-size:21px}.h2-intro .label.small{font-size:19px}.h2-intro .wire{fill:none;stroke:#56677e;stroke-width:2px}.h2-intro .psu-g{cursor:pointer}.h2-intro .psu{fill:#1d2a3b;stroke:#6f88a8;stroke-width:1.5px}.h2-intro .psu-g:hover .psu{stroke:var(--accent)}.h2-intro .psu-led{fill:#4a5566}.h2-intro[data-on] .psu-led{fill:#4cc26a}.h2-intro .psu-t{fill:var(--sim-ink);text-anchor:middle;font-size:20px}.h2-intro:not([data-on]) .psu{animation:1.6s ease-in-out infinite h2-pulse}@keyframes h2-pulse{50%{stroke:#ffd36b;stroke-width:3px}}.h2-intro .glass{fill:#c8dcff0f;stroke:#8aa0bb;stroke-width:1.5px}.h2-intro .gas{opacity:0;transition:opacity .3s}.h2-intro .electrode{fill:#9aa6b4}.h2-intro .filament{fill:none;stroke:#ffcf7a;stroke-width:2px;opacity:.35;transition:opacity .3s}.h2-intro .glow{opacity:0;transition:opacity .3s}.h2-intro .slit{fill:#3a4a60}.h2-intro .prism{fill:#aad2ff1f;stroke:#9fc3ea;stroke-width:1.5px}.h2-intro .screen{fill:#05070b;stroke:#3a4a60}.h2-intro .beam{stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:1px}.h2-intro .ray{stroke-width:2.5px;stroke-dasharray:1;stroke-dashoffset:1px}.h2-intro .line-mark,.h2-intro .fan,.h2-intro .strip-line,.h2-intro .strip-fan{opacity:0}.h2-intro[data-on] .gas{opacity:.85;animation:.6s step-end h2-flicker}.h2-intro[data-on] .glow{opacity:.9;animation:.6s step-end h2-flicker}.h2-intro[data-on] .filament{opacity:1}.h2-intro[data-on] .beam-in{stroke-dashoffset:0;transition:stroke-dashoffset .45s ease-in .5s}.h2-intro[data-on] .beam-mid{stroke-dashoffset:0;transition:stroke-dashoffset .12s linear .95s}.h2-intro[data-on] .ray{stroke-dashoffset:0;transition:stroke-dashoffset .4s ease-out calc(1.1s + var(--i) * .25s)}.h2-intro[data-on] .line-mark,.h2-intro[data-on] .strip-line{opacity:1;transition:opacity .3s calc(1.45s + var(--i) * .25s)}.h2-intro[data-on] .fan,.h2-intro[data-on] .strip-fan{opacity:.95;transition:opacity .6s 1.1s}@keyframes h2-flicker{0%{opacity:.2}20%{opacity:.9}35%{opacity:.1}55%{opacity:.9}70%{opacity:.4}}.h2-eyepiece{margin-top:8px}.h2-eyepiece-label{color:var(--sim-dim);margin-bottom:4px;font-size:13.5px}.h2-strip{cursor:pointer;border-radius:6px;width:100%;height:46px;display:block}.h2-intro .strip-line[data-picked]{stroke:#fff;stroke-width:2px}.h2-axis{height:18px;color:var(--sim-dim);font-size:12px;position:relative}.h2-axis span{position:absolute;transform:translate(-50%)}.h2-pick{align-items:center;gap:8px;min-height:26px;font-size:15px;font-weight:600;display:flex}.h2-pick i{border-radius:3px;width:14px;height:14px}.h2-bar{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:6px;display:flex}.h2-dot{background:#5a6675;border-radius:50%;width:10px;height:10px}.h2-switch[aria-pressed=true] .h2-dot{background:#4cc26a;box-shadow:0 0 8px #4cc26a}.h2-caption{flex:260px;margin:0;font-size:15.5px}.h2-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}.h2-steps li{color:var(--sim-dim);grid-template-columns:24px 1fr;gap:8px;display:grid}.h2-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}.h2-steps li[data-done]{color:var(--sim-ink)}.h2-steps li[data-done] span{background:var(--good);border-color:var(--good);color:#fff}.h2-intro[data-reduced] *{transition:none!important;animation:none!important}.wx{background:var(--sim-bg);color:var(--sim-ink);border-radius:var(--radius);margin:20px 0;padding:12px}.wx .sim-btn{color:var(--sim-ink);background:#16212f;border-color:#33445a}.wx .sim-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.wx-top{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.wx-svg{touch-action:manipulation;cursor:pointer;user-select:none;width:100%;height:auto;margin:8px 0 4px;display:block}.wx text{font-family:var(--font);fill:var(--sim-ink)}.wx-axis{stroke:#33445a;stroke-dasharray:4 5}.wx-wave{stroke-linejoin:round}.wx-ball{fill:#ffd36b;stroke:#7a5a12;stroke-width:1.5px}.wx-observe{stroke:#ffd36b;stroke-width:1.5px;stroke-dasharray:3 4}.wx-small{font-size:15px;fill:var(--sim-dim)!important}.wx .mid{text-anchor:middle}.wx .end{text-anchor:end}.wx-tag{opacity:0;pointer-events:none;transition:opacity .3s}.wx-tag[data-show]{opacity:1}.wx-dot{fill:#fff;stroke:#0e1726;stroke-width:2px}.wx-label{paint-order:stroke;stroke:#0e1726;stroke-width:4px;font-size:19px;font-weight:700}.wx-bracket{stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.wx-bracket.thin{stroke-width:1px;stroke-dasharray:3 3}.wx-slider{gap:4px;margin:4px 0 8px;font-size:15px;display:grid}.wx-slider input{width:100%;min-height:32px}.wx-readout{border-top:1px solid #263448;border-bottom:1px solid #263448;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;padding:10px 0;display:grid}.wx-readout>div{gap:2px;display:grid}.wx-k{color:var(--sim-dim);font-size:13.5px}.wx-readout b{font-variant-numeric:tabular-nums;font-size:18px}.wx-sub{color:var(--sim-dim);font-size:13.5px}.wx-tasks{gap:6px;margin:10px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.wx-tasks li{color:var(--sim-dim);grid-template-columns:24px 1fr;gap:8px;display:grid}.wx-tasks li[data-current]{color:var(--sim-ink);font-weight:600}.wx-tasks 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}.wx-tasks li[data-current] span{color:#ffd36b;border-color:#ffd36b}.wx-tasks li[data-done]{color:var(--sim-ink)}.wx-tasks li[data-done] span{background:var(--good);border-color:var(--good);color:#fff}.wx-feedback{border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:15px}.wx-feedback.ok{background:#12301c}.wx-feedback.no{background:#33290f}.wx-next{color:#ffd36b;margin:8px 0 0;font-size:15px}.wx-hint{color:var(--sim-dim);margin:8px 0 0;font-size:13.5px}
