.mixtures-app{color:#1f2933}.mixtures-shell{border:1px solid #dee2e6;border-radius:8px;margin-bottom:0}.mixtures-shell-body{padding:16px}.mixtures-toolbar{background:#fff;border:1px solid #dee2e6;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:8px;display:grid}.mixtures-tab-button,.mixtures-segment button{color:#52616f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.mixtures-tab-button{flex-direction:column;gap:4px;min-height:56px}.mixtures-tab-main{justify-content:center;align-items:center;gap:8px;min-width:0;display:inline-flex}.mixtures-tab-button:hover,.mixtures-segment button:hover{color:#263746;background:#eef3f6}.mixtures-tab-button.active,.mixtures-segment button.active{color:#fff;background:#126f83;border-color:#126f83}.mixtures-tab-button:disabled,.mixtures-tab-button.is-disabled{color:#7b8a96;cursor:default;opacity:.72;background:0 0;border-color:#0000}.mixtures-tab-button:disabled:hover,.mixtures-tab-button.is-disabled:hover{color:#7b8a96;background:0 0}.mixtures-tab-badge{color:#6c7b88;letter-spacing:0;white-space:nowrap;background:#eef3f6;border:1px solid #d8e1e8;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:800;line-height:1}.mixtures-segment button:disabled{color:#7b8a96;cursor:default;opacity:.72;background:0 0;border-color:#0000}.mixtures-segment button.active:disabled{color:#fff;opacity:1;background:#126f83;border-color:#126f83}.mixtures-segment button.is-disabled:hover,.mixtures-segment button:disabled:hover{color:#7b8a96;background:0 0}.mixtures-tab-button .material-icons{font-size:20px}.mixtures-workspace{min-width:0}.mixtures-prepare-layout{grid-template-columns:minmax(180px,.52fr) minmax(0,1.48fr);gap:16px;display:grid}.mixtures-stack{flex-direction:column;gap:12px;min-width:0;display:flex}.mixtures-visual-panel,.mixtures-result-card,.mixtures-control-card,.mixtures-stage-card,.mixtures-mix-card,.mixtures-equation-card{box-shadow:none;border-color:#e5eaef;border-radius:8px;margin-bottom:0}.mixtures-control-card,.mixtures-stage-card,.mixtures-mix-card,.mixtures-visual-panel{background:#fbfcfd}.mixtures-panel{border-top:1px solid #e8edf2;padding-top:4px}.mixtures-panel+.mixtures-panel{margin-top:2px}.mixtures-visual-panel .card-body{flex-direction:column;justify-content:flex-start;align-items:center;min-height:300px;display:flex}.mixtures-muted-text{color:#6c757d;max-width:240px;font-size:.9rem}.mixtures-visual-result{color:#126f83;overflow-wrap:anywhere;max-width:240px;font-size:1.1rem;font-weight:900;line-height:1.35}.mixtures-visual-result--hidden{color:#6c757d;letter-spacing:0}.mixtures-step-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.mixtures-step-heading span{color:#13795b;background:#dff5ec;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:inline-flex}.mixtures-step-heading--blue span{color:#1d5fa7;background:#e2efff}.mixtures-step-heading h2,.mixtures-result-header h2,.mixtures-card-header h2,.mixtures-equation-card h2{margin:0;font-size:1.05rem;font-weight:800}.mixtures-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mixtures-input-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.mixtures-input-grid--stacked{grid-template-columns:1fr}.mixtures-field{min-width:0;margin-bottom:0}.mixtures-field-label{color:#52616f;margin-bottom:6px;display:block}.mixtures-field-title{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;font-size:.88rem;font-weight:700;display:inline-flex}.mixtures-field-symbol{color:#52616f;font-size:.88rem;font-weight:700}.mixtures-unit-select{flex:0 0 92px;width:92px}.mixtures-field-row{align-items:center;gap:8px;display:flex}.mixtures-field-control-wrap{flex:auto;min-width:0}.mixtures-unit-control-wrap{flex:0 0 92px;min-width:0}.mixtures-field-row .form-control{width:100%;min-width:0;margin-top:0}.mixtures-field-row .form-control[readonly],.mixtures-field-row .form-control:disabled{cursor:default}.mixtures-unit-static{color:#495057;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;flex:0 0 92px;justify-content:center;align-items:center;width:92px;padding:.375rem .5rem;font-size:.95rem;display:inline-flex}.mixtures-result-card{background:#eef9fb;border-color:#c7e8ef}.mixtures-result-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mixtures-segment{background:#fff;border:1px solid #dee2e6;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.mixtures-segment button{min-height:34px;padding:6px 12px}.mixtures-target-segment{flex-wrap:wrap;justify-content:flex-end}.mixtures-result-box{background:#fff;border:1px solid #c7e8ef;border-radius:8px;padding:10px}.mixtures-result-box .help-suggestions{background:0 0;border:0;border-radius:0;margin:0 0 .5rem;padding:0}.mixtures-result-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.mixtures-result-actions .btn{text-transform:none;align-items:center;gap:6px;display:inline-flex}.mixtures-cta-btn{min-height:38px;padding-left:16px;padding-right:16px}.mixtures-cta-btn .material-icons{font-size:18px}.mixtures-cta-btn:disabled{cursor:default}.mixtures-reset-link{color:#52616f;padding-left:4px;padding-right:4px;font-weight:700}.mixtures-reset-link:hover,.mixtures-reset-link:focus{color:#263746;text-decoration:none}.mixtures-result-actions--dark{z-index:1;margin-bottom:14px;position:relative}.mixtures-solution-panel{background:#fff;border:1px solid #dbe7ef;border-radius:8px;margin-top:12px;padding:12px}.mixtures-latex-steps{flex-direction:column;gap:6px;margin-top:6px;display:flex}.mixtures-latex-step{color:#495057;max-width:100%;padding:0;overflow-x:auto}.mixtures-latex-step p{color:#6c757d;margin:0 0 2px;font-size:.78rem;font-weight:700}.mixtures-latex-step .katex-expression{min-width:max-content;font-size:.9rem}.mixtures-use-actions{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-bottom:12px;padding:12px 14px}.mixtures-use-actions--inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.mixtures-use-copy{flex-direction:column;flex:280px;gap:3px;min-width:0;display:flex}.mixtures-use-copy>span{color:#9a3412;font-size:.94rem;font-weight:800;line-height:1.35}.mixtures-use-copy>small{color:#9a3412;opacity:.84;font-size:.77rem;font-weight:700;line-height:1.35}.mixtures-use-buttons{flex-wrap:wrap;gap:8px;display:flex}.mixtures-use-buttons .btn{text-transform:none}.mixtures-use-buttons .btn-primary{color:#fff;background-color:#126f83;border-color:#126f83;font-weight:700}.mixtures-use-buttons .btn-primary:hover,.mixtures-use-buttons .btn-primary:focus{color:#fff;background-color:#0e5a6b;border-color:#0e5a6b}.mixtures-use-actions .mixtures-reset-link{color:#b42318;font-weight:800}.mixtures-use-actions .mixtures-reset-link:hover,.mixtures-use-actions .mixtures-reset-link:focus{color:#8f1f14}.mixtures-use-cancel-btn{color:#b42318;text-transform:none;background:#fff;border:1px solid #f3b8b3;border-radius:999px;min-height:34px;padding:6px 12px;font-weight:800}.mixtures-use-cancel-btn:hover,.mixtures-use-cancel-btn:focus{color:#8f1f14;background:#fff1f1;border-color:#e79b95;text-decoration:none}.help-suggestions{align-items:flex-start;gap:8px;margin:0 0 .75rem;padding:0;display:flex}.suggestion-icon-wrap{color:#1769aa;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.suggestion-icon-wrap .material-icons{font-size:16px}.is-warning .suggestion-icon-wrap{color:#9a6700}.is-success .suggestion-icon-wrap{color:#218838}.suggestion-content{flex:auto;min-width:0;font-size:.84rem;line-height:1.25;display:block}.suggestion-title{margin-bottom:.1rem;font-weight:700;display:block}.suggestion-content strong{margin-bottom:0;display:inline}.suggestion-content em{font-style:italic;font-weight:600}.mixtures-control-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mixtures-control-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mixtures-control-row .btn{align-items:center;gap:5px;display:inline-flex}.mixtures-control-row .material-icons{font-size:18px}.mixtures-mix-layout{grid-template-columns:minmax(210px,.64fr) minmax(0,1.36fr);gap:16px;display:grid}.mixtures-mix-visual-card .card-body{min-height:100%}.mixtures-mix-visual-card h2{color:#334150;margin:0 0 18px;font-size:1.05rem;font-weight:800}.mixtures-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:260px;display:flex;overflow-x:auto}.mixtures-stage--mixing{flex-flow:column;justify-content:flex-start;gap:10px;width:100%;min-height:0;overflow:visible}.mixtures-source-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.mixtures-operator{color:#b0b8c0;flex:none;font-size:1.9rem;font-weight:900}.mixtures-down-arrow{color:#c0cbd5;line-height:1}.mixtures-down-arrow .material-icons{font-size:2rem}.mixtures-mix-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;margin:16px 0;display:grid}.mixtures-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mixtures-remove-btn{--icon-btn-wash:oklch(from #9b1014 var(--btn-wash-hover-l) var(--btn-wash-c) h);color:#9b1014;cursor:pointer;width:2rem;min-width:0;height:2rem;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.mixtures-remove-btn .material-icons{color:inherit;font-size:1.125rem;line-height:1}.mixtures-remove-btn:focus-visible{background-color:var(--icon-btn-wash)}@media (hover:hover) and (pointer:fine){.mixtures-remove-btn:hover{color:#9b1014;background-color:var(--icon-btn-wash)}}.mixtures-prep-link{color:#126f83;text-transform:none;align-items:center;gap:4px;margin-top:12px;padding:0;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.mixtures-prep-link:hover,.mixtures-prep-link:focus{color:#0b5667;text-decoration:none}.mixtures-add-card{color:#52616f;cursor:pointer;z-index:2;background:#fbfcfd;border:2px dashed #c6d4e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:58px;padding:14px;font-weight:800;transition:background-color .16s,border-color .16s,color .16s;display:flex;position:relative}.mixtures-add-card:hover,.mixtures-add-card:focus{color:#263746;background:#f3f8fb;border-color:#8fb2c8}.mixtures-add-card .material-icons{font-size:20px}.mixtures-equation-card{color:#fff;background:#182331}.mixtures-equation-card h2{color:#aeb8c2;letter-spacing:0;text-transform:uppercase;margin-bottom:10px;font-size:.82rem}.mixtures-equation-line{color:#7ee3ee;white-space:nowrap;padding-bottom:4px;font-family:Consolas,Monaco,monospace;font-size:1rem;font-weight:800;overflow-x:auto}.mixtures-equation-result{background:#126f8373;border:1px solid #7ee3ee47;border-radius:8px;margin-top:14px;padding:8px 12px;font-size:1.35rem;font-weight:900;display:inline-block}.mixtures-mix-result-card{color:#1f2933;background:#eef9fb;border-color:#c7e8ef;position:relative;overflow:hidden}.mixtures-mix-result-card h2{color:#334150;text-transform:none;align-items:center;gap:8px;display:flex}.mixtures-mix-result-card .help-suggestions{color:#1f2933;z-index:1;margin-bottom:0;position:relative}.mixtures-mix-result-card .suggestion-icon-wrap,.mixtures-mix-result-card .is-success .suggestion-icon-wrap{color:#218838}.mixtures-mix-result-values{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:16px;display:grid;position:relative}.mixtures-mix-result-values>div+div{border-left:1px solid #dbe7ef;padding-left:18px}.mixtures-mix-result-values span{color:#52616f;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.mixtures-mix-result-values strong{color:#126f83;font-size:2rem;font-weight:900;line-height:1.1;display:block}.mixtures-mix-result-values small{color:#126f83;font-size:.54em;font-weight:800}.mixtures-mix-result-card .mixtures-equation-line{color:#126f83;z-index:1;background:#fff;border-radius:6px;padding:8px;font-size:.88rem;position:relative}.mixtures-convert-layout{flex-direction:column;gap:12px;max-width:960px;margin:0 auto;display:flex}.mixtures-convert-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.mixtures-convert-io-card{box-shadow:none;background:#fbfcfd;border-color:#e5eaef;border-radius:8px;margin-bottom:0}.mixtures-convert-action{flex-direction:column;align-self:center;align-items:center;gap:6px;padding:8px 0;display:flex}.mixtures-convert-result{text-align:center;background:#e7f8f5;border:1px solid #bde9e2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:112px;margin:0 0 10px;padding:18px;display:flex}.mixtures-convert-result span{color:#52616f;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.mixtures-convert-result strong{color:#0f766e;margin-bottom:0;font-size:2rem}.mixtures-convert-result--pending strong{color:#6c757d}.mixtures-beaker-wrap{flex-direction:column;flex:none;align-items:center;min-width:112px;display:flex}.mixtures-beaker-wrap--large{min-width:132px}.mixtures-beaker-title{color:#334150;text-align:center;margin-bottom:8px;font-size:.88rem;font-weight:800}.mixtures-beaker{background:#ffffffa6;border-bottom:4px solid #1f2933;border-left:4px solid #1f2933;border-right:4px solid #1f2933;border-radius:0 0 14px 14px;width:82px;height:112px;position:relative;overflow:hidden}.mixtures-beaker-wrap--large .mixtures-beaker{width:96px;height:132px}.mixtures-beaker-liquid{background:linear-gradient(180deg, hsla(var(--mixture-hue), 78%, 62%, .75), hsla(var(--mixture-hue), 66%, 48%, .88));transition:height .25s;position:absolute;bottom:0;left:0;right:0}.mixtures-liquid-surface{background:#ffffff52;height:8px;position:absolute;top:0;left:0;right:0}.mixtures-beaker-shine{background:linear-gradient(90deg,#ffffff6b,#fff0);width:18px;position:absolute;top:0;bottom:0;left:9px}.mixtures-beaker-caption{color:#6c757d;text-align:center;width:130px;min-height:36px;margin-top:10px;font-family:Consolas,Monaco,monospace;font-size:.82rem;font-weight:700}@media (width<=991.98px){.mixtures-prepare-layout,.mixtures-mix-layout,.mixtures-convert-grid{grid-template-columns:1fr}.mixtures-visual-panel .card-body{min-height:250px}.mixtures-input-grid,.mixtures-input-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.mixtures-use-actions--inline{flex-direction:column;align-items:flex-start}}@media (width<=575.98px){.mixtures-shell-body{padding:10px}.mixtures-toolbar,.mixtures-input-grid,.mixtures-input-grid--compact{grid-template-columns:1fr}.mixtures-tab-button{align-items:flex-start;width:100%;min-height:0}.mixtures-tab-main{justify-content:flex-start}.mixtures-result-header,.mixtures-control-row,.mixtures-control-group{flex-direction:column;align-items:stretch}.mixtures-segment{grid-template-rows:auto;width:100%;display:grid}.mixtures-segment button{flex:1 1 0}.mixtures-target-segment{justify-content:stretch}.mixtures-stage{justify-content:flex-start}.mixtures-result-box.ready>strong,.mixtures-convert-result>strong{font-size:1.55rem}.mixtures-field-title{white-space:normal}.mixtures-source-row{gap:6px}.mixtures-source-row .mixtures-operator{font-size:1.35rem}.mixtures-mix-result-values{grid-template-columns:1fr}.mixtures-mix-result-values>div+div{border-top:1px solid #ffffff29;border-left:0;padding-top:14px;padding-left:0}}