:is([data-peptide-calculator],[data-dose-widget]){--calc-ruler-shell-border:#b7d9ff;--calc-ruler-shell-bg:linear-gradient(180deg, #e0f0ff 0%, #cfe7ff 100%);--calc-metric-card-border:#1023310f;--calc-metric-card-bg:linear-gradient(180deg, #ffffffd1 0%, #f0f7ffe0 100%);--calc-metric-card-label:#335062b3;--calc-metric-card-value:#102331;--calc-metric-card-suffix:#335062bd;--calc-question-panel-border:#1023310f;--calc-question-panel-bg:linear-gradient(180deg, #f9fbfe 0%, #f3f7fb 100%);--calc-meta:#3350628f;--calc-option-border:#1023311f;--calc-option-bg:#ffffffdb;--calc-option-shadow:0 12px 24px -28px #08131b57;--calc-input-placeholder:#3350626b;--calc-input-unit:#335062db;--calc-segmented-bg:var(--color-mist-100);--calc-segmented-button:#335062b8;--calc-ruler-border:#1023311a;--calc-ruler-bg:linear-gradient(180deg, #fff 0%, #f2f8ff 100%);--calc-ruler-tick:var(--color-ink-700);--calc-ruler-major-tick:var(--color-ink-700);--calc-ruler-label:var(--color-ink-950)}html[data-theme=dark] :is([data-peptide-calculator],[data-dose-widget]){--calc-ruler-shell-border:#58b8ff3d;--calc-ruler-shell-bg:linear-gradient(180deg, #182d3ff5 0%, #101f2bf5 100%);--calc-metric-card-border:#7ecbff29;--calc-metric-card-bg:linear-gradient(180deg, #12212df0 0%, #0d1822f5 100%);--calc-metric-card-label:#d7e6f5b8;--calc-metric-card-value:var(--color-ink-950);--calc-metric-card-suffix:#9aa9bec7;--calc-question-panel-border:#7ecbff24;--calc-question-panel-bg:linear-gradient(180deg, #0d1923fa 0%, #0a141cfa 100%);--calc-meta:#9aa9be9e;--calc-option-border:#7ecbff29;--calc-option-bg:#14232feb;--calc-option-shadow:0 14px 26px -24px #0000008c;--calc-input-placeholder:#9aa9be70;--calc-input-unit:#9aa9bee0;--calc-segmented-bg:#152532f2;--calc-segmented-button:#d7e6f5c2;--calc-ruler-border:#7ecbff2e;--calc-ruler-bg:linear-gradient(180deg, #12212dfa 0%, #0c161ffa 100%);--calc-ruler-tick:#89b2d842;--calc-ruler-major-tick:#8fbfec6b;--calc-ruler-label:#9aa9be8f}.result-metric-card{border:1px solid var(--calc-metric-card-border);background:var(--calc-metric-card-bg);border-radius:1rem;padding:.9rem 1rem}.result-metric-card__label{letter-spacing:.01em;color:var(--calc-metric-card-label);margin:0;font-size:.84rem;font-weight:600}.result-metric-card__value{color:var(--calc-metric-card-value);align-items:baseline;gap:.35rem;margin:.35rem 0 0;font-size:1.45rem;font-weight:700;line-height:1;display:flex}.result-metric-card__suffix{color:var(--calc-metric-card-suffix);font-size:.94rem;font-weight:500}.calc-question-panel{border:1px solid var(--calc-question-panel-border);background:var(--calc-question-panel-bg);border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.calc-question-panel__title{color:var(--color-ink-950);margin:0;font-size:1.18rem;font-weight:600;line-height:1.28}.result-ruler{border:1px solid var(--calc-ruler-border);background:var(--calc-ruler-bg);--ruler-right-gap:50px;--ruler-label-top:25px;--ruler-line-bottom:0;--major-tick-height:34px;border-radius:1.1rem;height:calc(3.75rem + 20px);position:relative;overflow:hidden}.result-ruler__scale{inset:0 var(--ruler-right-gap) 0 0;position:absolute}.result-ruler--multiple .result-ruler__scale{inset-inline-end:4.5rem}.result-ruler__full-count{inset-inline-end:.5rem;background:var(--calc-option-bg);max-width:3.5rem;color:var(--color-ink-950);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:.5rem;padding:.25rem .375rem;font-size:.875rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.result-ruler__fill{z-index:1;width:var(--fill-width,0%);border-top-left-radius:inherit;border-bottom-left-radius:inherit;will-change:width;background:linear-gradient(#77c6ff 0%,#30a0ff 100%);border-top-right-radius:3px;border-bottom-right-radius:3px;transition:width .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff57,0 16px 40px -24px #30a0ff73}.result-ruler__labels{z-index:3;color:var(--calc-ruler-label);pointer-events:none;font-size:.78rem;font-weight:600;position:absolute;inset:0}.result-ruler__filled-markings{z-index:4;--calc-ruler-label:#fff;--calc-ruler-tick:#ffffff73;--calc-ruler-major-tick:#ffffffbf;clip-path:inset(0 calc(100% - var(--fill-width,0%)) 0 0);pointer-events:none;transition:clip-path .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.result-ruler__ticks{z-index:2;pointer-events:none;position:absolute;inset:0}.result-ruler__tick{bottom:var(--ruler-line-bottom);background:var(--calc-ruler-tick);width:1px;position:absolute;transform:translate(-50%)}.result-ruler__tick--major{height:var(--major-tick-height);background:var(--calc-ruler-major-tick);width:2px}.result-ruler__tick--minor{height:calc(var(--major-tick-height) / 2)}.result-ruler__label{top:var(--ruler-label-top);line-height:1;position:absolute}@media (width<=640px){.result-ruler{height:calc(3.2rem + 20px)}}@media (prefers-reduced-motion:reduce){.result-ruler__fill,.result-ruler__filled-markings{transition:none}}