:root{--sto-primary:#2563eb;--sto-primary-light:#2563eb1a;--sto-primary-dark:#1d4ed8;--sto-text:#1e293b;--sto-text-muted:#64748b;--sto-text-light:#94a3b8;--sto-bg:#fff;--sto-bg-subtle:#f8fafc;--sto-bg-tertiary:#f1f5f9;--sto-border:#e2e8f0;--sto-radius:var(--main-radius);--sto-radius-lg:var(--main-radius-lg);--sto-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--sto-shadow-md:0 4px 12px #00000014;--sto-transition:.2s ease;--sto-font-mono:var(--main-font-mono);--sto-coefficient:#dc2626;--sto-arrow:#2563eb;--sto-limiting:#f59e0b;--sto-limiting-bg:#f59e0b1a;--sto-excess-bg:#6366f10f;--sto-limiting-text:#b45309;--sto-reactant:#059669;--sto-product:#7c3aed}._sto-container{max-width:800px;margin:0 auto}._sto-hidden{display:none!important}._sto-btn{border-radius:var(--sto-radius);cursor:pointer;transition:opacity var(--sto-transition), box-shadow var(--sto-transition), background var(--sto-transition);white-space:nowrap;border:none;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}._sto-btn:hover{opacity:.9}._sto-btn-primary{background:var(--sto-primary);color:#fff;padding:.625rem 1.25rem;box-shadow:0 2px 8px #2563eb40}._sto-btn-ghost{color:var(--sto-text-muted);background:0 0;padding:.5rem .75rem}._sto-btn-ghost:hover{color:var(--sto-text);background:var(--sto-primary-light)}._sto-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--sto-text-muted);margin-bottom:.75rem;font-size:.75rem;font-weight:600}@media (max-width:768px){._sto-container{padding-left:1rem;padding-right:1rem}}._sto-input-section{margin-bottom:1rem}._sto-input-wrapper{background:var(--sto-bg);border-radius:var(--sto-radius-lg);box-shadow:var(--sto-shadow);border-style:solid;border-width:1px;border-color:var(--sto-border);transition:border-color var(--sto-transition), box-shadow var(--sto-transition);align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1rem;display:flex}._sto-input-wrapper:focus-within{border-color:var(--sto-primary);box-shadow:var(--sto-shadow), 0 0 0 3px var(--sto-primary-light)}._sto-input{font-size:1rem;font-family:var(--sto-font-mono);color:var(--sto-text);background:0 0;border:none;outline:none;flex:1;min-width:0}._sto-input::placeholder{color:var(--sto-text-light)}._sto-input-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._sto-btn-clear{color:var(--sto-text-light);border-radius:var(--sto-radius);background:0 0;padding:.5rem}._sto-btn-clear:hover{color:var(--sto-text);background:var(--sto-bg-tertiary)}._sto-input-hint{color:var(--sto-text-light);margin-top:.5rem;padding-left:.25rem;font-size:.75rem}._sto-presets{margin-bottom:1rem}._sto-presets-toggle{color:var(--sto-text-muted);cursor:pointer;transition:color var(--sto-transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;font-weight:500;display:flex}._sto-presets-toggle:hover{color:var(--sto-primary)}._sto-toggle-icon{align-items:center;display:inline-flex}._sto-presets-list{flex-wrap:wrap;gap:.5rem;min-height:2.5rem;margin-top:.75rem;display:flex}._sto-preset-chip{background:var(--sto-bg);border-style:solid;border-width:1px;border-color:var(--sto-border);border-radius:var(--sto-radius);cursor:pointer;transition:border-color var(--sto-transition), box-shadow var(--sto-transition);flex-direction:column;align-items:flex-start;gap:.125rem;padding:.5rem .75rem;display:flex}._sto-preset-chip:hover{border-color:var(--sto-primary);box-shadow:0 1px 4px var(--sto-primary-light)}._sto-preset-label{color:var(--sto-text);font-size:.75rem;font-weight:500}._sto-preset-eq{font-size:.6875rem;font-family:var(--sto-font-mono);color:var(--sto-text-muted)}._sto-error{color:#dc2626;border-radius:var(--sto-radius);background:#ef444414;border:1px solid #ef444426;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem}._sto-equation-card{background:var(--sto-bg);border-radius:var(--sto-radius-lg);box-shadow:var(--sto-shadow);border-style:solid;border-width:1px;border-color:var(--sto-border);margin-bottom:1rem;padding:1.25rem}._sto-equation-display{font-size:1.25rem;font-family:var(--sto-font-mono);text-align:center;color:var(--sto-text);line-height:1.8}._sto-eq-coeff{color:var(--sto-coefficient);margin-right:.125rem;font-weight:700}._sto-eq-plus{color:var(--sto-text-muted);margin:0 .375rem}._sto-eq-arrow{color:var(--sto-arrow);margin:0 .5rem;font-weight:700}._sto-equation-display sub{color:inherit;font-size:.75em}._sto-substances{background:var(--sto-bg);border-radius:var(--sto-radius-lg);box-shadow:var(--sto-shadow);border-style:solid;border-width:1px;border-color:var(--sto-border);margin-bottom:1rem;padding:1.25rem}._sto-group-label{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--sto-radius);color:var(--sto-reactant);background:#0596690f;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}._sto-group-label:last-of-type{color:var(--sto-product);background:#7c3aed0f}._sto-group-divider{text-align:center;color:var(--sto-arrow);padding:.5rem 0;font-size:1.125rem;font-weight:600}._sto-substance-row{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--sto-bg-tertiary);align-items:center;gap:1rem;padding:.625rem 0;display:flex}._sto-substance-row:last-child{border-bottom:none}._sto-substance-info{flex:1;min-width:0}._sto-substance-formula{font-family:var(--sto-font-mono);color:var(--sto-text);font-size:.9375rem;font-weight:500;display:block}._sto-substance-formula sub{font-size:.75em}._sto-coeff{color:var(--sto-coefficient);margin-right:.125rem;font-weight:700}._sto-substance-mass{color:var(--sto-text-muted);font-size:.6875rem}._sto-substance-input-group{flex-shrink:0;align-items:center;gap:.375rem;display:flex}._sto-substance-value{border-style:solid;border-width:1.5px;border-color:var(--sto-border);border-radius:var(--sto-radius);width:100px;font-size:.875rem;font-family:var(--sto-font-mono);color:var(--sto-text);background:var(--sto-bg);transition:border-color var(--sto-transition), box-shadow var(--sto-transition);outline:none;padding:.5rem .625rem}._sto-substance-value:focus{border-color:var(--sto-primary);box-shadow:0 0 0 3px var(--sto-primary-light)}._sto-substance-unit{border-style:solid;border-width:1.5px;border-color:var(--sto-border);border-radius:var(--sto-radius);color:var(--sto-text-muted);background:var(--sto-bg);cursor:pointer;outline:none;padding:.5rem;font-size:.8125rem}._sto-substance-unit:focus{border-color:var(--sto-primary)}._sto-substances-list{min-height:3rem}._sto-substances-footer{border-top-style:solid;border-top-width:1px;border-top-color:var(--sto-bg-tertiary);align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}@media (max-width:640px){._sto-substance-row{flex-direction:column;align-items:flex-start;gap:.5rem}._sto-substance-input-group{width:100%}._sto-substance-value{flex:1}}._sto-limiting{background:var(--sto-limiting-bg);border-radius:var(--sto-radius-lg);border:1px solid #f59e0b33;margin-bottom:1rem;padding:1rem 1.25rem}._sto-limiting-header{align-items:center;gap:.75rem;display:flex}._sto-limiting-formula{font-family:var(--sto-font-mono);color:var(--sto-text);font-size:1rem;font-weight:600}._sto-limiting-formula sub{font-size:.75em}._sto-excess-list{flex-direction:column;gap:.375rem;margin-top:.75rem;display:flex}._sto-excess-item{color:var(--sto-text);background:var(--sto-excess-bg);border-radius:var(--sto-radius);align-items:center;gap:.75rem;padding:.375rem .5rem;font-size:.8125rem;display:flex}._sto-excess-item sub{font-size:.75em}._sto-excess-value{font-family:var(--sto-font-mono);color:var(--sto-text-muted);font-size:.75rem}._sto-badge{border-radius:var(--main-radius-full,9999px);letter-spacing:.02em;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}._sto-badge-limiting{background:var(--sto-limiting-bg);color:var(--sto-limiting-text)}._sto-badge-input{background:var(--sto-primary-light);color:var(--sto-primary)}._sto-result-table-card{background:var(--sto-bg);border-radius:var(--sto-radius-lg);box-shadow:var(--sto-shadow);border-style:solid;border-width:1px;border-color:var(--sto-border);margin-bottom:1rem;padding:1.25rem}._sto-table-wrapper{-webkit-overflow-scrolling:touch;min-height:3rem;overflow-x:auto}._sto-table{border-collapse:collapse;width:100%;font-size:.8125rem}._sto-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--sto-text-muted);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--sto-border);white-space:nowrap;padding:.625rem .75rem;font-size:.6875rem;font-weight:600}._sto-table td{color:var(--sto-text);font-family:var(--sto-font-mono);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--sto-bg-tertiary);white-space:nowrap;padding:.625rem .75rem;font-size:.8125rem}._sto-table tr:last-child td{border-bottom:none}._sto-td-formula{font-weight:500}._sto-td-formula sub{font-size:.75em}._sto-row-limiting{background:var(--sto-limiting-bg)}._sto-row-input td:first-child{position:relative}._sto-table td sup{font-size:.65em}._sto-yield-card{background:var(--sto-bg);border-radius:var(--sto-radius-lg);box-shadow:var(--sto-shadow);border-style:solid;border-width:1px;border-color:var(--sto-border);margin-bottom:1rem;padding:1rem 1.25rem}._sto-yield-toggle{width:100%;color:var(--sto-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.875rem;font-weight:500;display:flex}._sto-yield-toggle:hover{color:var(--sto-primary)}._sto-yield-content{margin-top:1rem}._sto-yield-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}._sto-yield-label{color:var(--sto-text-muted);white-space:nowrap;font-size:.8125rem;font-weight:500}._sto-yield-input{border-style:solid;border-width:1.5px;border-color:var(--sto-border);border-radius:var(--sto-radius);width:120px;font-size:.875rem;font-family:var(--sto-font-mono);color:var(--sto-text);background:var(--sto-bg);outline:none;padding:.5rem .625rem}._sto-yield-input:focus{border-color:var(--sto-primary);box-shadow:0 0 0 3px var(--sto-primary-light)}._sto-yield-result{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}._sto-yield-percent{font-size:1.25rem;font-weight:700;font-family:var(--sto-font-mono)}._sto-yield-good{color:var(--sto-reactant)}._sto-yield-low{color:var(--sto-coefficient)}._sto-yield-over{color:var(--sto-limiting)}._sto-yield-detail{color:var(--sto-text-muted);font-size:.75rem}._sto-yield-detail sub{font-size:.75em}@media (max-width:640px){._sto-table{font-size:.75rem}._sto-table th,._sto-table td{padding:.5rem}}._sto-steps-card{background:var(--sto-bg);border-radius:var(--sto-radius-lg);box-shadow:var(--sto-shadow);border-style:solid;border-width:1px;border-color:var(--sto-border);padding:1rem 1.25rem}._sto-steps-toggle{width:100%;color:var(--sto-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.875rem;font-weight:500;display:flex}._sto-steps-toggle:hover{color:var(--sto-primary)}._sto-steps-content{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}._sto-step{gap:.875rem;display:flex}._sto-step-num{background:var(--sto-primary-light);width:1.75rem;height:1.75rem;color:var(--sto-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}._sto-step-body{flex:1;min-width:0}._sto-step-title{color:var(--sto-text);margin-bottom:.375rem;font-size:.8125rem;font-weight:600}._sto-step-content{color:var(--sto-text-muted);font-size:.8125rem;line-height:1.6;font-family:var(--sto-font-mono)}._sto-step-content sub{font-size:.75em}._sto-step-content strong{color:var(--sto-text);font-weight:600}