/* V57 — Lab Math UX refinement */
.rr-labmath-head{position:relative;overflow:hidden;padding-bottom:1.25rem}
.rr-labmath-head:after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(172,69,255,.18),transparent 68%);pointer-events:none}
.rr-labmath-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.rr-labmath-meta span{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .72rem;border:1px solid rgba(177,92,255,.25);border-radius:999px;background:rgba(137,61,205,.08);font-size:.76rem;font-weight:850;color:#c9bfd4}
.rr-calc-tabs{grid-template-columns:repeat(6,minmax(110px,1fr));overflow-x:auto;scrollbar-width:none;padding-bottom:.8rem}.rr-calc-tabs::-webkit-scrollbar{display:none}.rr-calc-tab{min-height:56px;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background .16s ease}.rr-calc-tab:hover{transform:translateY(-1px)}
.rr-mode-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:0 0 1rem}.rr-mode-guide>div{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border-radius:15px;background:rgba(18,21,31,.72);border:1px solid rgba(132,147,177,.15);color:#9ca7ba;font-size:.78rem;line-height:1.25}.rr-mode-guide b{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:rgba(163,66,255,.16);color:#d19cff}.rr-mode-guide strong{color:#e7eaf0;display:block;font-size:.8rem}
.rr-calc-card{position:relative}.rr-input-card:before,.rr-result-card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#9a3eff,transparent);opacity:.55}.rr-result-card{position:sticky;top:158px}.rr-wide-input{grid-column:1/-1}.rr-calc-panel[data-panel="blend"] .rr-result-card,.rr-calc-panel[data-panel="stack"] .rr-result-card,.rr-calc-panel[data-panel="bac"] .rr-result-card{position:sticky}
.rr-input-unit{min-height:54px}.rr-input-unit input::placeholder{color:#657085}.rr-input-unit input,.rr-input-unit select{font-variant-numeric:tabular-nums}.rr-input-unit select{cursor:pointer}.rr-form-grid label,.rr-full-label{line-height:1.25}.rr-field-help{display:block;margin-top:.4rem;color:#7f899d;font-size:.72rem;font-weight:600;line-height:1.4}
.rr-actions{align-items:stretch}.rr-calc-primary{min-width:170px}.rr-actions button{min-height:52px}.rr-calc-primary:active,.rr-secondary:active,.rr-save-btn:active{transform:translateY(1px)}
.rr-result-hero{overflow:hidden;position:relative}.rr-result-hero:after{content:"";position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(190,101,255,.18),transparent 70%)}.rr-result-hero strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em}.rr-result-grid strong{font-variant-numeric:tabular-nums}
.rr-syringe-viz{margin:1rem 0;padding:1rem;border-radius:16px;background:#111620;border:1px solid rgba(132,147,177,.18)}.rr-syringe-viz-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.rr-syringe-viz-head span{color:#929eb1;font-size:.78rem}.rr-syringe-viz-head strong{font-size:.85rem}.rr-syringe-track{position:relative;height:20px;border-radius:6px;background:repeating-linear-gradient(90deg,#222938 0,#222938 1px,transparent 1px,transparent 10%),#171d28;border:1px solid rgba(132,147,177,.2);overflow:hidden}.rr-syringe-fill{height:100%;width:0;background:linear-gradient(90deg,#7d2be4,#be4bff);transition:width .35s ease}.rr-syringe-viz.is-over .rr-syringe-fill{background:linear-gradient(90deg,#c82d62,#ff5f86)}.rr-syringe-scale-row{display:flex;justify-content:space-between;margin-top:.35rem;color:#727d91;font-size:.67rem}.rr-result-warning{margin:.85rem 0;padding:.8rem .9rem;border-radius:12px;background:rgba(255,190,70,.08);border:1px solid rgba(255,190,70,.28);color:#efc97f;font-size:.82rem;line-height:1.45}.rr-result-warning.rr-danger{background:rgba(255,83,110,.08);border-color:rgba(255,83,110,.3);color:#ff9daf}
.rr-result-tools{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.rr-result-tools button{flex:1;min-width:145px;border-radius:13px;padding:.8rem 1rem;font:inherit;font-weight:850;cursor:pointer}.rr-copy-btn{border:1px solid rgba(132,147,177,.25);background:#171d28;color:#c7cfdd}.rr-copy-btn.is-copied{border-color:rgba(69,214,145,.35);color:#7de2aa}.rr-save-btn{margin-top:0}
.rr-blend-row{position:relative;padding-bottom:1.15rem}.rr-blend-row:after{content:"";position:absolute;left:0;right:0;bottom:.4rem;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--rr-row-fill,#8c3ed8) var(--rr-row-pct,0%),rgba(255,255,255,.05) var(--rr-row-pct,0%))}.rr-blend-share{font-size:.68rem;color:#8d98aa;white-space:nowrap}.rr-subhead{display:flex;align-items:center;justify-content:space-between}.rr-subhead small{color:#7f899d;font-weight:650}.rr-segmented button{display:flex;align-items:center;justify-content:center;gap:.45rem}
.rr-stack-row{transition:border-color .16s ease,transform .16s ease}.rr-stack-row:focus-within{border-color:rgba(85,150,255,.5);transform:translateY(-1px)}.rr-stack-row-head b{display:flex;align-items:center;gap:.55rem}.rr-stack-index{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(61,136,248,.15);color:#78adff;font-size:.78rem}.rr-stack-result{position:relative;overflow:hidden}.rr-stack-result:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3d88f8}
.rr-option-row strong{padding:.35rem .55rem;border-radius:999px;background:rgba(58,211,118,.1);color:#62dc91;font-size:.78rem}.rr-option-row.is-over strong{background:rgba(255,83,110,.08);color:#ff93a7}
.rr-saved-item{transition:transform .16s ease,border-color .16s ease}.rr-saved-item:hover{transform:translateY(-1px);border-color:rgba(183,93,255,.3)}
.rr-keyboard-note{margin-top:.7rem;font-size:.7rem;color:#737f92}.rr-keyboard-note kbd{border:1px solid rgba(132,147,177,.25);background:#171b25;border-radius:6px;padding:.12rem .35rem;color:#adb6c7;font-family:inherit}
.rr-toast-v57{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:9999;padding:.75rem 1rem;border-radius:999px;background:#191d28;border:1px solid rgba(183,93,255,.35);box-shadow:0 18px 60px rgba(0,0,0,.35);color:#f0e9f7;font-weight:800;font-size:.82rem;opacity:0;pointer-events:none;transition:.22s ease}.rr-toast-v57.show{opacity:1;transform:translate(-50%,0)}
[data-theme="light"] .rr-mode-guide>div,[data-theme="light"] .rr-syringe-viz{background:#faf7fc;border-color:#e5d8ed}[data-theme="light"] .rr-mode-guide strong{color:#312638}[data-theme="light"] .rr-copy-btn{background:#f7f1fa;color:#47364f;border-color:#ded1e5}[data-theme="light"] .rr-syringe-track{background:repeating-linear-gradient(90deg,#d9cede 0,#d9cede 1px,transparent 1px,transparent 10%),#f3edf6}[data-theme="light"] .rr-labmath-meta span{color:#5f4c69;background:#f8effd}
@media(max-width:900px){.rr-calc-panel{grid-template-columns:1fr}.rr-result-card{position:relative;top:auto}.rr-calc-tabs{position:relative;top:auto;grid-template-columns:repeat(3,1fr);overflow:visible}.rr-calc-tab{min-width:0}.rr-mode-guide{grid-template-columns:1fr 1fr 1fr}.rr-stack-grid{grid-template-columns:1fr 1fr}.rr-wide-input{grid-column:auto}}
@media(max-width:620px){.rr-labmath-head{padding-bottom:.6rem}.rr-labmath-head p{font-size:.94rem}.rr-labmath-meta{gap:.4rem}.rr-labmath-meta span{font-size:.68rem;padding:.4rem .55rem}.rr-calc-tabs{gap:.5rem;margin-bottom:.8rem}.rr-calc-tab{padding:.78rem .45rem;border-radius:14px;font-size:.78rem;gap:.3rem}.rr-calc-tab span{font-size:.84rem}.rr-mode-guide{grid-template-columns:1fr;margin-bottom:.8rem}.rr-mode-guide>div{padding:.7rem .8rem}.rr-calc-card{padding:1.05rem;border-radius:20px}.rr-form-grid,.rr-converter-grid{grid-template-columns:1fr}.rr-input-unit input,.rr-input-unit select{padding:.9rem}.rr-actions{display:grid;grid-template-columns:1fr 112px}.rr-actions .rr-calc-primary{min-width:0}.rr-result-grid{grid-template-columns:1fr}.rr-result-empty{min-height:180px}.rr-blend-row{grid-template-columns:1fr 110px 38px}.rr-blend-name{grid-column:1/2}.rr-segmented{gap:.5rem}.rr-segmented button{min-height:62px;font-size:.82rem}.rr-stack-grid{grid-template-columns:1fr}.rr-result-tools{display:grid;grid-template-columns:1fr 1fr}.rr-result-tools button{min-width:0}.rr-option-row{grid-template-columns:auto 1fr}.rr-option-row>strong{grid-column:2}.rr-toast-v57{bottom:86px;max-width:calc(100vw - 32px);text-align:center}.rr-keyboard-note{display:none}}
@media(max-width:390px){.rr-calc-tab{font-size:.72rem}.rr-actions{grid-template-columns:1fr}.rr-blend-row{grid-template-columns:1fr 92px 34px}.rr-result-tools{grid-template-columns:1fr}}