.sm-root{--c-matematik: var(--c-fizik, var(--accent));--sm-accent: var(--c-fizik, var(--accent));--sm-solid: #7dd3fc;--sm-liquid: #2563eb;--sm-gas: #93c5fd;--sm-trace: #ea580c}[data-theme=dark] .sm-root{--sm-liquid: #3b82f6;--sm-trace: #fb923c}.sm-canvas svg{font-family:var(--font-body, inherit);-webkit-user-select:none;user-select:none}.sm-inner{fill:var(--bg-card)}.sm-glass{fill:none;stroke:#5082a0a6;stroke-width:5;stroke-linejoin:round}.sm-shine{fill:#fff;opacity:.3}[data-theme=dark] .sm-shine{opacity:.1}.sm-plate{fill:#374151}[data-theme=dark] .sm-plate{fill:#4b5563}.sm-caption{fill:var(--ink-soft);font-size:16px;text-anchor:middle}.sm-bond{fill:none;stroke:var(--ink-soft);stroke-opacity:.35;stroke-width:2}.sm-mol{stroke:#00000040;stroke-width:1}.sm-mol--0{fill:var(--sm-solid)}.sm-mol--1{fill:var(--sm-liquid)}.sm-mol--2{fill:var(--sm-gas);opacity:.9}.sm-thermo{fill:var(--bg-card);stroke:var(--ink-soft);stroke-width:1.5}.sm-thermo-bulb,.sm-thermo-liquid{fill:#dc2626}.sm-tick{stroke:var(--ink-soft);stroke-width:1.5}.sm-tick-num{fill:var(--ink-soft);font-size:13px;font-variant-numeric:tabular-nums}.sm-graph-title{fill:var(--ink);font-size:22px;font-weight:700;text-anchor:middle}.sm-graph-bg{fill:var(--bg-card);stroke:var(--line);stroke-width:1.5}.sm-grid{stroke:var(--line);stroke-width:1}.sm-axis-num{fill:var(--ink-soft);font-size:15px;text-anchor:middle;font-variant-numeric:tabular-nums}.sm-axis-num--end{text-anchor:end}.sm-axis-label{fill:var(--ink-soft);font-size:17px;text-anchor:middle}.sm-theory{fill:none;stroke:var(--ink-soft);stroke-width:2;stroke-dasharray:7 6;opacity:.6}.sm-plateau-label{fill:var(--ink-soft);font-size:14px;font-style:italic;text-anchor:middle}.sm-trace{fill:none;stroke:var(--sm-trace);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}.sm-dot{fill:var(--sm-trace);stroke:var(--bg-card);stroke-width:3}.sm-state{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 3.25rem .75rem .9rem;border-radius:10px;border-left:4px solid var(--sm-accent);background:var(--bg)}.sm-state.is-plateau{border-left-color:var(--sm-trace)}.sm-temp{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.sm-phase{font-size:.92rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-note{min-height:2.8em;font-size:.82rem;line-height:1.4;color:var(--ink-soft)}.sm-bars{display:flex;flex-direction:column;gap:.4rem}.sm-bar{display:grid;grid-template-columns:3.5rem 1fr 2.8rem;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-soft)}.sm-bar-track{height:10px;border-radius:999px;background:var(--bg);overflow:hidden}.sm-bar-fill{display:block;height:100%;border-radius:999px}.sm-bar--solid .sm-bar-fill{background:var(--sm-solid)}.sm-bar--liquid .sm-bar-fill{background:var(--sm-liquid)}.sm-bar--gas .sm-bar-fill{background:var(--sm-gas)}.sm-bar-val{text-align:right;font-variant-numeric:tabular-nums}.sm-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.sm-row-label{font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-right:.2rem}.sm-chip{padding:.4rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.sm-chip.is-active{border-color:var(--sm-accent);color:var(--sm-accent)}.sm-chip:focus-visible{outline:2px solid var(--sm-accent);outline-offset:2px}