.units-panel{--units-warning: #8a5300;--units-danger: #a33a2b;container-type:inline-size;display:flex;flex-direction:column}.units-panel .units-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.units-panel .units-accent{color:var(--signal)}.units-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.units-pill-button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:100px;background:var(--ink-900);color:var(--text-primary);font:500 14px/1 var(--font-body);cursor:pointer}.units-pill-button:hover{border-color:var(--signal)}.units-hero{margin-top:20px;min-height:132px}.units-hero p{margin:0}.units-hero-units{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,15cqi,76px);line-height:1;letter-spacing:-.03em;color:var(--signal);white-space:nowrap;font-variant-numeric:tabular-nums}.units-hero-units[data-overflow-state]{color:var(--units-warning)}.units-hero .units-hero-title{margin-top:6px;font:500 26px/1.2 var(--font-body);letter-spacing:-.01em;color:var(--text-primary)}.units-hero .units-hero-sub{margin-top:6px;font-size:16px;line-height:1.5;color:var(--text-secondary)}.units-syringe{margin-top:20px;min-height:84px}.units-syringe svg{display:block;width:100%;overflow:visible}.units-syringe .s-stroke{stroke:var(--text-secondary)}.units-syringe .s-glass{fill:var(--line);fill-opacity:.45}.units-syringe .s-needle{fill:var(--text-secondary);fill-opacity:.85}.units-syringe .s-minor{stroke:var(--text-tertiary);stroke-opacity:.6}.units-syringe .s-major{stroke:var(--text-secondary);stroke-opacity:.85}.units-syringe .s-fill{fill:var(--signal);fill-opacity:.32}.units-syringe .s-edge,.units-syringe .s-dash{stroke:var(--signal)}.units-syringe .s-dash{stroke-opacity:.75}.units-syringe [data-overflow-state] .s-fill{fill:var(--units-warning)}.units-syringe [data-overflow-state] .s-edge,.units-syringe [data-overflow-state] .s-dash{stroke:var(--units-warning)}.units-syringe text{font-family:var(--font-mono);font-size:10px;font-weight:500;fill:var(--text-primary)}.units-syringe .s-units{font-family:var(--font-body);font-size:14px;fill:var(--signal)}.units-syringe [data-overflow-state] .s-units,.units-syringe .s-over{fill:var(--units-warning)}.units-syringe .s-volume{font-family:var(--font-body);font-size:14px;font-weight:400}.units-syringe .s-over{font-family:var(--font-body);font-size:11px}.units-syringe .s-scale{font-size:11px}.units-syringe [data-compact] .s-tick-label{font-size:9px;letter-spacing:-.02em}.units-overflow{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--units-warning)}.units-overflow[hidden]{display:none}.units-overflow .units-icon{width:16px;height:16px;margin-top:2px}.units-form{display:grid;margin-top:24px}.units-group{display:grid}.units-group[hidden]{display:none}.units-row{display:grid;gap:10px;padding-block:14px;border-top:1px solid var(--line)}.units-row[hidden]{display:none}.units-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.units-label .sr-only{text-transform:none}.units-sublabel{display:block;margin-top:4px;font-family:var(--font-body);font-size:13px;letter-spacing:0;text-transform:none;color:var(--text-secondary)}.units-control{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0}.units-control .units-segment{flex:1 1 auto}.units-panel .units-input,.units-panel .units-select{height:48px;min-width:0;border:1px solid #7e8981;border-radius:10px;background:var(--ink-900);padding:0 12px;font-family:var(--font-mono);font-size:18px;color:var(--text-primary);outline-style:none}.units-panel .units-input{flex:1 1 140px}.units-panel .units-select{width:100%;font-size:15px}.units-panel .units-input:focus,.units-panel .units-select:focus{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}.units-panel .units-input-text{font-family:var(--font-body);font-size:16px}.units-segment{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;flex:none;padding:4px;border:1px solid #7e8981;border-radius:10px;background:var(--ink-900);font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.units-segment-wide{display:grid;width:100%}.units-segment label{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:7px;cursor:pointer;white-space:nowrap}.units-segment label:has(:checked){background:var(--signal);color:var(--signal-ink)}.units-segment label:has(:disabled){cursor:not-allowed;opacity:.4;text-decoration:line-through}.units-segment label:has(:checked:disabled){background:var(--units-warning);opacity:1}.units-fixed{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:64px;height:48px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.units-row-inline{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.units-readout{font-family:var(--font-mono);font-size:16px;color:var(--text-secondary);text-align:right}.units-note{margin:0;font-size:14px;line-height:1.45;color:var(--units-danger)}.units-note[hidden],.units-presets-row[hidden],.units-chips[hidden]{display:none}.units-presets-row{display:grid;gap:8px}.units-caption{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.units-chips{display:flex;flex-wrap:wrap;gap:8px}.units-chips-end{justify-content:flex-end}.units-chip{min-height:36px;padding:0 11px;border:1px solid var(--line-strong);border-radius:100px;background:var(--surface);font-family:var(--font-mono);font-size:13px;color:var(--text-primary);cursor:pointer}.units-chip:hover{border-color:var(--signal);color:var(--signal-hi)}.units-chip[aria-pressed=true]{border-color:var(--signal);background:var(--signal-wash);color:var(--signal-hi)}.units-steps{border-top:1px solid var(--line)}.units-steps[hidden]{display:none}.units-steps summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;list-style:none}.units-steps summary::-webkit-details-marker{display:none}.units-steps summary:after{content:"";width:7px;height:7px;margin-right:4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}.units-steps[open] summary:after{transform:rotate(-135deg)}.units-steps-lines{display:grid;gap:7px;margin:0 0 16px;padding:0;list-style:none;font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);overflow-wrap:anywhere}.units-actions{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.units-action{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:8px;min-height:52px;border:0;background:none;font:500 15px/1 var(--font-body);color:var(--signal);cursor:pointer}.units-action:disabled{opacity:.45;cursor:not-allowed}.units-action[data-saved-state]{color:var(--signal-hi)}.units-action-divider{width:1px;height:26px;background:var(--line)}.units-feedback{min-height:20px;margin:6px 0 0;font-size:13px;color:var(--text-secondary)}.units-footnotes{display:grid;gap:6px;margin-top:8px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.units-footnotes p{margin:0}.units-dialog{width:min(520px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text-primary);box-shadow:0 24px 64px #14201a29}.units-dialog::backdrop{background:#14201a59}.units-dialog-body{display:grid;gap:14px;padding:24px}.units-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.units-dialog-title{max-width:none;margin:0;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.03}.units-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:100px;background:var(--ink-900);color:var(--text-primary);cursor:pointer}.units-dialog p{margin:0}.units-dialog-compound,.units-preset-title{font-size:18px;font-weight:500;color:var(--text-primary)}.units-recipe{font-size:15px;line-height:1.5;color:var(--text-secondary)}.units-recipe .t-value{font-family:var(--font-mono);color:var(--text-primary)}.units-recipe .t-accent,.units-dose-line .t-accent{font-family:var(--font-mono);color:var(--signal)}.units-dose-line{font-size:13px;line-height:1.5;color:var(--text-secondary)}.units-recipe span,.units-dose-line span{white-space:nowrap}.units-name-field{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.units-dialog-note{font-size:13px;color:var(--text-secondary)}.units-dialog-submit{width:100%;cursor:pointer}.units-empty{padding-block:8px 16px;font-size:15px;color:var(--text-secondary)}.units-empty[hidden]{display:none}.units-dialog .units-empty-title{margin-bottom:6px;font:500 20px/1.3 var(--font-body);color:var(--text-primary)}.units-preset-list{display:grid;margin:0;padding:0;list-style:none}.units-preset-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding-block:14px;border-top:1px solid var(--line)}.units-preset-recall{display:grid;gap:8px;min-width:0;padding:4px;margin:-4px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.units-preset-recall:hover{background:var(--signal-wash)}.units-preset-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.units-preset-badge{padding:2px 8px;border:1px solid var(--line-strong);border-radius:100px;font-size:12px;color:var(--text-secondary)}.units-preset-time{font-size:12px;color:var(--text-tertiary)}.units-preset-delete{min-height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:100px;background:none;font:500 13px/1 var(--font-body);color:var(--units-danger);cursor:pointer}.units-preset-delete[data-armed=true]{border-color:var(--units-danger);background:var(--units-danger);color:#fff}.units-blend-control{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0}.units-panel .units-blend-control .units-blend-name{flex:1 1 100%}.units-panel .units-blend-control .units-blend-amount{flex:1 1 96px}.units-blend-control .units-segment,.units-blend-remove{flex:none}.units-blend-remove[hidden],.units-blend-add-row[hidden],.units-anchor-row[hidden]{display:none}.units-anchor-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}.units-panel .units-anchor-row .units-select{width:auto;flex:1 1 200px}.units-blend-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.units-blend-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline}.units-blend-item-name{font-size:15px;font-weight:500;color:var(--text-primary);overflow-wrap:anywhere}.units-blend-item-draw{font-family:var(--font-mono);font-size:15px;color:var(--signal);text-align:right}.units-blend-item-conc{grid-column:1 / -1;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}@media(max-width:639px){.units-dialog{width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0;border-bottom:0;border-radius:24px 24px 0 0}}@media(min-width:640px){.units-row:not(.units-row-inline){grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px}.units-row>.units-full{grid-column:1 / -1}.units-segment-wide{width:auto}.units-panel .units-control .units-input{width:140px;flex:none}.units-panel .units-select{width:280px}.units-control{flex-wrap:nowrap;justify-content:flex-end}.units-control .units-segment{flex:none}.units-panel .units-blend-control .units-blend-name{flex:1 1 140px}.units-panel .units-blend-control .units-blend-amount{flex:none;width:110px}.units-panel .units-anchor-row .units-select{flex:none;width:280px}.units-row.units-row-stack{grid-template-columns:minmax(0,1fr)}.units-row-stack .units-control{justify-content:flex-start}}