.bf-panel{background:var(--sim-bg);color:var(--sim-ink);border-radius:var(--radius);margin:20px 0;padding:12px}.bf-panel svg:not(.katex svg){touch-action:manipulation;width:100%;height:auto;display:block}.bf-panel text{font-family:var(--font);fill:var(--sim-ink)}.bf-panel .sim-btn{color:var(--sim-ink);background:#16212f;border-color:#33445a}.bf-panel .sim-btn:hover:not(:disabled){border-color:var(--accent)}.bf-panel .sim-btn:disabled{opacity:.45;cursor:default}.bf-panel .sim-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.bf-panel .sim-btn.primary{color:#fff;background:#1f6feb;border-color:#1f6feb;font-weight:600}.bf-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bf-row+.bf-row,.bf-row+svg,svg+.bf-row{margin-top:10px}.bf-label{color:var(--sim-dim);font-size:14px}.bf-caption{min-height:3.2em;margin:10px 0 0;font-size:15.5px;line-height:1.6}.bf-dim{color:var(--sim-dim);margin:6px 0 0;font-size:13.5px}.bf-readout{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px 10px;margin-top:10px;display:grid}.bf-readout>div{background:#142033;border-radius:8px;min-width:0;padding:6px 10px}.bf-readout span{color:var(--sim-dim);font-size:13px;display:block}.bf-readout b{font-variant-numeric:tabular-nums;font-size:17px}.bf-badge{background:#253246;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:600;display:inline-block}.bf-badge.good{color:#b8f0c8;background:#1d4d2c}.bf-badge.warn{color:#ffe2a3;background:#5a3d0c}.bf-badge.bad{color:#ffc9c9;background:#5c1f1f}.bf-steps{border-top:1px solid #263448;gap:6px;margin:12px 0 0;padding:10px 0 0;font-size:15px;list-style:none;display:grid}.bf-steps li{color:var(--sim-dim);grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px;display:grid}.bf-steps li>span{border:2px solid #3a4b62;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid}.bf-steps li[data-done]{color:var(--sim-ink)}.bf-steps li[data-done]>span{color:#fff;background:#2e9d4f;border-color:#2e9d4f}.bf-slider{gap:4px;margin-top:8px;font-size:15px;display:grid}.bf-slider input[type=range]{accent-color:#5b9bff;width:100%;min-height:40px}.bf-needle{transition:transform .7s cubic-bezier(.3,1.4,.5,1)}.bf-liquid{transition:fill .6s}.bf-drop{animation:.55s ease-in forwards bf-fall}@keyframes bf-fall{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{transform:translateY(var(--fall,70px));opacity:0}}.bf-ripple{transform-box:fill-box;transform-origin:50%;animation:.6s ease-out .45s both bf-ripple}@keyframes bf-ripple{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.bf-panel[data-reduced] .bf-needle,.bf-panel[data-reduced] .bf-liquid,.bf-panel[data-reduced] .bf-move{transition:none}.bf-panel[data-reduced] .bf-drop,.bf-panel[data-reduced] .bf-ripple{opacity:0;animation:none}.bf-move{transition:transform .6s ease-in-out,opacity .4s}.bf-axis{stroke:#4a5b72;stroke-width:2px;fill:none}.bf-grid{stroke:#233247;stroke-width:1px}.bf-tick{font-size:22px;fill:var(--sim-dim)!important}.bf-tex{margin-top:8px;font-size:15px;overflow-x:auto}.bf-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;display:grid}@media (width<=600px){.bf-two{grid-template-columns:minmax(0,1fr)}}.bf-mixbar{color:#fff;border-radius:8px;height:30px;margin-top:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.bf-mixbar>div{white-space:nowrap;place-items:center;transition:width .2s;display:grid;overflow:hidden}.bf-bars{gap:6px;margin-top:10px;display:grid}.bf-bars>div{grid-template-columns:minmax(0,9.5em) minmax(0,1fr) 6.5em;align-items:center;gap:8px;font-size:14px;display:grid}.bf-bars span{color:var(--sim-dim)}.bf-bars i{border-radius:4px;min-width:2px;height:16px;transition:width .2s;display:block}.bf-bars b{text-align:right;font-variant-numeric:tabular-nums}.bf-ps-title{text-align:center;margin:0 0 4px;font-size:15.5px}.bf-ps-title span{color:var(--sim-dim);font-size:13.5px;display:block}.bl{margin:0}.bl-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;display:grid}@media (width<=820px){.bl-grid{grid-template-columns:minmax(0,1fr)}}.bl-sec{min-width:0}.bl-h{color:var(--sim-ink);margin:0 0 8px;font-size:17px}.bl-shelf{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin-top:10px;display:grid}.bl .bl-jar{text-align:left;flex-direction:column;align-items:flex-start;gap:0;min-height:52px;padding:6px 10px}.bl-jar b{font-size:16px}.bl-jar small{color:var(--sim-dim);font-size:12.5px}.bl .bl-jar[aria-pressed=true] small{color:#e3edff}.bl-amount{background:#142033;border-radius:10px;margin-top:10px;padding:10px}.bl-amount-name{margin-bottom:6px;font-size:14.5px}.bl-input{align-items:center;gap:4px;display:inline-flex}.bl-input input{width:92px;min-height:40px;color:var(--sim-ink);font:inherit;font-variant-numeric:tabular-nums;background:#0b1320;border:1px solid #33445a;border-radius:8px;padding:0 8px;font-size:17px}.bl-warn{color:#ffe2a3;background:#5a3d0c;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:14.5px}.bl-flaskrow{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:12px;margin-top:12px;display:grid}.bl .bl-flask{width:120px}.bl-recipe ul{gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.bl-recipe li{background:#142033;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:2px 4px 2px 10px;font-size:15px;display:flex}.bl-recipe li small{color:var(--sim-dim)}.bl-quiz{background:#142033;border-radius:10px;gap:6px;margin-top:8px;padding:10px;font-size:15px;display:grid}.bl .bl-quiz .sim-btn[data-state=right]{color:#fff;opacity:1;background:#2e9d4f;border-color:#2e9d4f}.bl .bl-quiz .sim-btn[data-state=wrong]{background:#5c1f1f;border-color:#a33}.bl-wrong{color:#ffc9c9;font-size:14px}.bl-meter{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:10px;display:flex}.bl-meter .bl-lcd{flex:0 0 128px}.bl-meter .bl-meter-info{flex:230px}.bl-legend{color:var(--sim-dim);flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:13.5px;display:flex}.bl-legend i{vertical-align:middle;border-top:3px solid #ffd166;width:22px;height:0;margin-right:6px;display:inline-block}.bl-legend i.water{border-top:3px dashed #8fa0b5}.bl-lcd{border:3px solid var(--ph-col,#4caf50);background:#0a1a12;border-radius:12px;justify-items:center;padding:8px 6px;transition:border-color .5s;display:grid}.bl-lcd b{color:#9dffb8;font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace;font-size:38px;line-height:1.1}.bl-lcd small{color:var(--sim-dim);font-size:12px}.bl-meter-info{gap:4px;min-width:0;display:grid}.bl-burette{margin-top:12px}.bl .bl-chart{margin-top:10px}.bl-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px;display:grid}@media (width<=820px){.bl-bottom{grid-template-columns:minmax(0,1fr)}}