.experiment .lesson-dissolution{box-sizing:border-box;color:#e6e2f2;background:linear-gradient(#2a2540,#201c33 78%);border-radius:26px;width:100%;max-width:1080px;margin:auto;padding:20px 24px 17px;font-family:inherit;font-size:16px;line-height:1.55}.lesson-dissolution *{box-sizing:border-box;min-width:0}.lesson-dissolution-strip{color:#beb6da;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-bottom:10px;display:flex}.lesson-dissolution-strip>span:last-child{color:#9c93c0;font-variant-numeric:tabular-nums}.lesson-dissolution-cups{align-items:flex-end;gap:18px;display:flex}.lesson-dissolution-cup-card{flex:300px;justify-items:center;gap:6px;min-width:0;margin:0;display:grid}.lesson-dissolution-cup-card figcaption{color:#beb6da;align-items:baseline;gap:12px;display:flex}.lesson-dissolution-cup-card figcaption b{color:#f0edfa;font-size:17px}.lesson-dissolution-cup-card figcaption span{font-variant-numeric:tabular-nums;color:#9c93c0}.dissolution-cup{width:100%;max-width:380px;height:auto;display:block}.dissolution-glass{fill:#bec8eb0f;stroke:#d6dcf58c;stroke-width:3px;stroke-linecap:round}.dissolution-glass-rim{stroke:#d6dcf5a6;stroke-width:4px;stroke-linecap:round}.dissolution-waterline{stroke:#f0f0ff80;stroke-width:2px}.dissolution-molecule{fill:#b9a3e6;opacity:.8;animation:7s ease-in-out infinite alternate dissolution-drift}@keyframes dissolution-drift{0%{transform:translate(0)}to{transform:translate(3px,-4px)}}.dissolution-grain{fill:#f1e9d6;stroke:#cabf9f;stroke-width:1.4px}.dissolution-sand{fill:#c9b394;stroke:#a08a68;stroke-width:1.2px}.dissolution-frost{fill:#edf0fa;opacity:.85}.dissolution-crust{fill:#e7ebf7;opacity:.8;stroke:#cdd5ec;stroke-width:1px}.dissolution-steam{fill:none;stroke:#cfd7f2;stroke-width:2.4px;stroke-linecap:round;animation:3.6s ease-in-out infinite dissolution-rise}@keyframes dissolution-rise{0%{opacity:0;transform:translate(0)}35%{opacity:.7}to{opacity:0;transform:translate(-2px,-12px)}}.dissolution-spoon-handle{stroke:#b7b1cd;stroke-width:5px;stroke-linecap:round}.dissolution-spoon-bowl{fill:#cfc9e2;stroke:#9c93ba;stroke-width:2px}.dissolution-stir-0{transform-box:fill-box;transform-origin:20% 8%}.dissolution-stir-1{transform-box:fill-box;transform-origin:20% 8%;animation:1.9s ease-in-out infinite alternate dissolution-stir}.dissolution-stir-2{transform-box:fill-box;transform-origin:20% 8%;animation:.85s ease-in-out infinite alternate dissolution-stir}@keyframes dissolution-stir{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}.dissolution-tag{font-variant-numeric:tabular-nums;paint-order:stroke;stroke:#1a162be0;stroke-width:4px;stroke-linejoin:round;font-size:15px}.dissolution-tag-c{fill:#d9d2f2}.dissolution-tag-solid{fill:#f0e9d4}.dissolution-tag-crystal{fill:#eef1fb}.dissolution-tag-sand{fill:#dcc9a8}.dissolution-tag-done{fill:#a8e6b8;font-size:16px}.dissolution-lens circle:first-of-type{fill:#181428eb;stroke:#d6dcf5b3;stroke-width:2.4px}.dissolution-water-molecule{fill:#7fb6d8;stroke:#a9d3ea;stroke-width:1.4px}.dissolution-sugar-molecule{fill:#b9a3e6;stroke:#d9cdf5;stroke-width:1.4px}.dissolution-lens-leader{stroke:#d6dcf599;stroke-dasharray:3 5;stroke-width:1.6px}.lesson-dissolution-ledger{color:#beb6da;flex-wrap:wrap;gap:10px 26px;margin:14px 2px 4px;display:flex}.lesson-dissolution-ledger .metric strong{color:#f3f0fc;font-variant-numeric:tabular-nums;font-size:18px}.lesson-dissolution-note{color:#cdc6e4;margin:10px 2px 0}.lesson-dissolution-explore{border-top:1px solid #46406350;gap:14px;margin-top:14px;padding-top:14px;display:grid}.lesson-dissolution-explore .segmented,.lesson-dissolution-overlays button,.lesson-dissolution-add,.lesson-dissolution-reset{min-height:44px}.lesson-dissolution-add,.lesson-dissolution-reset{color:#e6e2f2;cursor:pointer;background:#37304f;border:1px solid #6d6494;border-radius:999px;justify-self:start;padding:8px 20px;font-size:16px;transition:background .2s,border-color .2s}.lesson-dissolution-add{background:#453a68;border-color:#8d7fc4}.lesson-dissolution-add:hover:not(:disabled),.lesson-dissolution-reset:hover{background:#4c4270;border-color:#a497d8}.lesson-dissolution-add:disabled{opacity:.45;cursor:default}.lesson-dissolution-overlays{color:#beb6da;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lesson-dissolution-overlays button{color:#d9d2f2;cursor:pointer;background:#322c49;border:1px solid #6d6494;border-radius:999px;padding:8px 16px;font-size:16px}.lesson-dissolution-overlays button[aria-pressed=true]{background:#4c4270;border-color:#a497d8}.lesson-dissolution-guess{background:#2a2540;border:1px dashed #565079;border-radius:16px;gap:10px;padding:12px 14px;display:grid}.lesson-dissolution-guess>span{color:#beb6da}.lesson-dissolution-guess-result{color:#d9d2f2;font-variant-numeric:tabular-nums;margin:0}@media (max-width:760px){.experiment .lesson-dissolution{border-radius:18px;padding:14px 12px 12px}.lesson-dissolution-cups{flex-direction:column;align-items:center;gap:12px}.lesson-dissolution-cup-card{flex-basis:auto;width:100%;max-width:300px}.lesson-dissolution-ledger{gap:8px 18px}.lesson-dissolution-guess{padding:10px}}@media (prefers-reduced-motion:reduce){.dissolution-molecule,.dissolution-steam,.dissolution-stir-1,.dissolution-stir-2{animation:none}.dissolution-steam{opacity:.25}}
