.slr-reactions{flex-wrap:wrap;gap:.45rem;margin:.8rem 0 1rem;display:flex}.segmented .seg-btn{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);padding:.55rem .7rem}.segmented .seg-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.slr-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.slr-inputs label,.slr-actual,.slr-sweep{gap:.35rem;margin:.65rem 0;font-weight:600;display:grid}.slr-inputs input,.slr-actual input,.slr-sweep select{width:100%}.slr-results{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:1rem;display:grid}.slr-results>div{gap:.25rem;display:grid}.slr-results span{color:var(--text-muted)}.slr-results strong{font-size:1.15rem}.slr-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.8rem 0;display:grid}.slr-table>div{border:1px solid var(--border);border-radius:8px;gap:.2rem;padding:.7rem;display:grid}.sample-btn[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.slr-reactor{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:radial-gradient(circle at 75% 15%,#22d3ee24,transparent 35%),linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 96%,#2563eb),color-mix(in srgb,var(--bg-surface) 92%,#7c3aed));border-radius:18px;margin:1.2rem 0;padding:1rem;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a1f}.slr-reactor:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.slr-reactor-head{justify-content:space-between;align-items:end;gap:1rem;display:flex;position:relative}.slr-reactor-head>div:first-child{gap:.2rem;display:grid}.slr-reactor-head span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.slr-reactor-head strong{font-size:clamp(1rem,2.4vw,1.35rem)}.slr-batch{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--bg-surface) 85%,transparent);text-align:right;border-radius:12px;min-width:110px;padding:.55rem .7rem;display:grid}.slr-batch strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.35rem}.slr-verdict{background:color-mix(in srgb,#dc2626 10%,var(--bg-surface));border-radius:10px;margin:.8rem 0;padding:.55rem .8rem;font-weight:800;position:relative}.slr-verdict>span{color:#fff;background:#dc2626;border-radius:999px;margin-right:.25rem;padding:.15rem .45rem;display:inline-block}.slr-verdict small{float:right;color:var(--text-muted);font-weight:650}.slr-reaction-scene{grid-template-columns:minmax(0,1fr) auto minmax(120px,.48fr);align-items:center;gap:1rem;padding:.5rem 0;display:grid;position:relative}.slr-reagent-bank{justify-content:center;align-items:center;gap:.7rem;display:flex}.slr-plus{color:var(--text-muted);font-size:1.5rem;font-weight:900}.slr-vessel-card{justify-items:center;gap:.35rem;min-width:112px;display:grid}.slr-vessel-label{text-align:center;min-height:42px;display:grid}.slr-vessel-label strong{font-size:1.05rem}.slr-vessel-label span,.slr-vessel-result{color:var(--text-muted);font-size:.78rem}.slr-vessel{border:3px solid color-mix(in srgb,var(--text) 30%,transparent);background:color-mix(in srgb,var(--bg-surface) 72%,transparent);border-top:0;border-radius:8px 8px 24px 24px;width:92px;height:126px;position:relative;overflow:hidden;box-shadow:inset 8px 0 14px #ffffff26}.slr-vessel:before{content:"";z-index:3;background:#fff6;border-radius:99px;width:5px;height:68%;position:absolute;top:9px;left:9px}.slr-liquid{background:linear-gradient(#38bdf8,#2563eb);height:100%;transition:height 1.25s cubic-bezier(.22,.75,.24,1);position:absolute;inset:auto 0 0}.is-limiting .slr-liquid{background:linear-gradient(#fb7185,#dc2626)}.is-product .slr-liquid{background:linear-gradient(#4ade80,#16a34a);height:0}.slr-liquid:before{content:"";background:#ffffff61;border-radius:50%;width:120%;height:12px;position:absolute;top:-5px;left:-10%}.slr-liquid i{opacity:0;border:1px solid #ffffffa6;border-radius:50%;width:8px;height:8px;position:absolute}.slr-liquid i:first-child{bottom:18%;left:22%}.slr-liquid i:nth-child(2){width:11px;height:11px;bottom:43%;left:58%}.slr-liquid i:nth-child(3){width:6px;height:6px;bottom:67%;left:40%}.slr-formula{z-index:4;color:#fff;text-align:center;text-shadow:0 1px 4px #00000073;font-weight:900;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.slr-vessel-result{text-align:center;opacity:0;max-width:125px;min-height:2.2em;transition:all .35s .95s;transform:translateY(-4px)}.slr-vessel-result strong{color:#dc2626}.is-product .slr-vessel-result strong{color:#16a34a}.slr-arrow{color:var(--accent);justify-items:center;display:grid}.slr-arrow span{font-size:2.2rem;line-height:1}.slr-arrow em{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-style:normal;font-weight:750}.slr-fire{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px;min-width:210px;margin:.65rem auto 0;font-weight:850;display:block;position:relative;box-shadow:0 8px 22px #2563eb47}.slr-fire:hover{transform:translateY(-1px);box-shadow:0 11px 26px #2563eb57}.slr-reactor.is-reacted .slr-vessel-card:not(.is-product) .slr-liquid{height:var(--remaining)}.slr-reactor.is-reacted .is-product .slr-liquid{height:var(--product)}.slr-reactor.is-reacted .slr-vessel-result{opacity:1;transform:none}.slr-reactor.is-reacted .slr-liquid i{opacity:.8;animation:1.8s ease-in infinite slr-bubble}@keyframes slr-bubble{0%{opacity:0;transform:translateY(12px)}25%{opacity:.8}to{opacity:0;transform:translateY(-55px)}}@media (prefers-reduced-motion:reduce){.slr-liquid,.slr-vessel-result{transition:none}.slr-reactor.is-reacted .slr-liquid i{animation:none}}@media (width<=650px){.slr-inputs,.slr-table{grid-template-columns:1fr}.slr-reactions .seg-btn{flex:100%}.slr-reactor-head{flex-direction:column;align-items:stretch}.slr-batch{text-align:left}.slr-verdict small{float:none;margin-top:.35rem;display:block}.slr-reaction-scene{grid-template-columns:1fr}.slr-reagent-bank{gap:.35rem}.slr-arrow{margin:.2rem;transform:rotate(90deg)}.slr-vessel{width:78px;height:106px}.slr-vessel-card{min-width:88px}.slr-fire{width:100%}}