.ml-root{--c-matematik: var(--c-kimya, var(--accent));--ml-accent: var(--c-kimya, var(--accent))}.ml-tabs{display:flex;gap:.4rem;background:var(--bg);border-radius:12px;padding:.35rem}.ml-tab{flex:1;padding:.55rem .9rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.ml-tab.is-active{background:var(--bg-card);color:var(--ml-accent);border-color:var(--line);box-shadow:var(--shadow-sm)}@media(min-width:900px){.cp-viewer--full .interactive.ml-root:has(>.interactive-hint){grid-template-rows:auto minmax(0,1fr) auto}.cp-viewer--full .ml-tabs{grid-column:1 / -1;grid-row:1;margin-right:3.25rem}.cp-viewer--full .ml-root .interactive-side,.cp-viewer--full .ml-root .interactive-canvas{grid-row:2}.cp-viewer--full .interactive.ml-root>.interactive-hint{grid-row:3}}.ml-canvas{background:radial-gradient(ellipse at 50% 30%,#1b2440,#0d1220 70%)}.ml-canvas svg{font-family:var(--font-body, inherit);-webkit-user-select:none;user-select:none}.ml-status{font-size:17px;font-weight:700;text-anchor:middle;fill:#94a3b8}.ml-status--idle{fill:#94a3b8}.ml-status--slow{fill:#67e8f9}.ml-status--fast{fill:#fbbf24}.ml-status--fire{fill:#fb923c}.ml-status--boom{fill:#f87171}.ml-plate{fill:#374151}.ml-glass{fill:none;stroke:#cbd5e1bf;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.ml-shine{fill:#fff;opacity:.1}.ml-shine--thin{opacity:.22}.ml-glass-body{fill:#bae6fd0f;stroke:none}.ml-glass-edge{fill:none;stroke:#e2e8f0d9;stroke-width:2;stroke-linejoin:miter}.ml-crack{fill:none;stroke:#f1f5f9e6;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.ml-crack-glow{fill:none;stroke:#94a3b859;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.ml-shard{fill:#bae6fd59;stroke:#f1f5f9d9;stroke-width:1}.ml-grad{stroke:#cbd5e199;stroke-width:1.5}.ml-grad-text{fill:#cbd5e1bf;font-size:12px;text-anchor:end}.ml-bubble{fill:#ffffff40;stroke:#ffffffb3;stroke-width:1}.ml-metal{stroke:#00000073;stroke-width:1}.ml-spark{fill:#e0f2fe}.ml-flash{fill:#fde68a}.ml-steam{fill:#e2e8f0}.ml-panel{fill:#0f172abf;stroke:#94a3b840}.ml-panel-title{fill:#94a3b8;font-size:14px;font-weight:600;text-anchor:middle}.ml-panel-value{fill:#f8fafc;font-size:26px;font-weight:700;text-anchor:middle;font-variant-numeric:tabular-nums}.ml-thermo-glass{fill:#ffffff14;stroke:#cbd5e180}.ml-thermo-bulb,.ml-thermo-liquid{fill:#ef4444}.ml-tick{stroke:#94a3b8;stroke-width:1.2}.ml-tick-num{fill:#94a3b8;font-size:11px;font-variant-numeric:tabular-nums}.ml-end{text-anchor:end}.ml-mid{text-anchor:middle}.ml-needle{fill:#f8fafc}.ml-game-title{fill:#cbd5e1;font-size:18px;font-weight:600;text-anchor:middle}.ml-tube-label{fill:#f8fafc;font-size:26px;font-weight:800;text-anchor:middle}.ml-tube-status{font-size:13px;font-weight:700;text-anchor:middle}.ml-tube-sub{fill:#94a3b8;font-size:12px;text-anchor:middle}.ml-tube-log{fill:#f8fafc;font-size:14px;font-weight:700;text-anchor:middle}.ml-reveal{fill:#fde68a;font-size:14px;font-weight:700;text-anchor:middle}.ml-pill{cursor:pointer}.ml-pill rect{fill:transparent;stroke:#94a3b859;stroke-width:1.5}.ml-pill text{fill:#cbd5e1;font-size:13px;font-weight:700;text-anchor:middle}.ml-pill.is-active rect{fill:#db27772e;stroke:var(--ml-accent)}.ml-pill.is-active text{fill:#f9a8d4}.ml-token{cursor:grab;touch-action:none}.ml-token:active{cursor:grabbing}.ml-token-ring{fill:transparent;stroke:transparent;stroke-width:2;transition:stroke .15s ease}.ml-token:hover .ml-token-ring{stroke:#cbd5e159}.ml-token.is-selected .ml-token-ring{stroke:var(--ml-accent)}.ml-token>circle.ml-metal{transition:transform .15s ease;transform-box:fill-box;transform-origin:center}.ml-token:hover>circle.ml-metal{transform:scale(1.06)}.ml-token-sym{fill:#0f172a;font-size:19px;font-weight:800;text-anchor:middle;pointer-events:none}.ml-token-name{fill:#94a3b8;font-size:12px;font-weight:600;text-anchor:middle;letter-spacing:.04em;text-transform:uppercase}.ml-tray-hint{fill:#64748b;font-size:12px;text-anchor:middle}.ml-pill:focus,.ml-token:focus{outline:none}.ml-pill:focus-visible rect,.ml-token:focus-visible .ml-token-ring{stroke:var(--ml-accent);stroke-width:3}.ml-ghost{filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}.ml-dropzone{fill:#67e8f90a;stroke:#67e8f959;stroke-width:2;stroke-dasharray:8 6}.ml-dropzone.is-hot{fill:#67e8f91f;stroke:#67e8f9}.ml-groups,.ml-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.ml-row-label{font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-right:.2rem}.ml-chip{flex:1 1 auto;padding:.42rem .65rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink-soft);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.ml-chip--sm{flex:0 0 auto}.ml-chip.is-active{border-color:var(--ml-accent);color:var(--ml-accent)}.ml-info{margin:0;padding:.6rem .85rem;border-radius:10px;border-left:4px solid var(--ml-accent);background:var(--bg);font-size:.84rem;line-height:1.45;color:var(--ink-soft)}.ml-info strong{color:var(--ink)}.ml-eq-svg{fill:#e2e8f0;font-size:17px;font-weight:700;text-anchor:middle}.ml-gas-fill{fill:#67e8f9}.ml-btn{flex:1 1 auto;padding:.5rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}.ml-water-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1rem;border:none;border-radius:12px;background:#2563eb;color:#fff;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:background .15s ease,transform .1s ease}.ml-water-btn span{font-size:.85rem;font-weight:600;opacity:.8}.ml-water-btn:hover{background:#1d4ed8}.ml-water-btn:active{transform:scale(.98)}.ml-water-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ml-water-btn:focus-visible{outline:2px solid var(--ml-accent);outline-offset:2px}.ml-btn.is-on{border-color:var(--ml-accent);color:var(--ml-accent)}.ml-btn--primary{background:var(--ml-accent);border-color:transparent;color:var(--bg-card)}.ml-btn:disabled{opacity:.5;cursor:not-allowed}.ml-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;color:var(--ink);cursor:pointer}.ml-toggle input{accent-color:var(--ml-accent);width:1rem;height:1rem}.ml-chip:focus-visible,.ml-btn:focus-visible,.ml-tab:focus-visible{outline:2px solid var(--ml-accent);outline-offset:2px}.ml-order{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.ml-order-item{display:flex;align-items:center;gap:.6rem;padding:.25rem .6rem;border-radius:10px;border:1px solid var(--line);background:var(--bg-card)}.ml-order-item.is-right{border-color:#16a34a;background:#16a34a14}.ml-order-item.is-wrong{border-color:#dc2626;background:#dc262614}.ml-order-pos{width:1.4rem;color:var(--ink-soft);font-size:.85rem}.ml-order-letter{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--ink)}.ml-order-sym{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.ml-order-btns{margin-left:auto;display:flex;gap:.25rem}.ml-order-btns button{width:1.9rem;height:1.55rem;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;font-size:.7rem}.ml-order-btns button:disabled{opacity:.35;cursor:default}.ml-order-hint{margin:0;font-size:.78rem;color:var(--ink-soft);text-align:center}.ml-result{margin:0;padding:.6rem .85rem;border-radius:10px;background:var(--bg);font-size:.84rem;color:var(--ink);line-height:1.5}.ml-result.is-win{border-left:4px solid #16a34a}