.peptide-calculator{--sk-background:#020609;--sk-surface:#031017;--sk-surface-raised:#06151c;--sk-text:#f4f8f9;--sk-text-muted:#a8b4b8;--sk-cyan:#20dff7;--sk-amber:#e2bb6a;--sk-border:#a8b4b829;--sk-cyan-soft:#20dff71a;--sk-error:#f07f7f;--sk-success:#70d6a0;font-size:1rem}.peptide-calculator .skCalculator{padding:clamp(1rem,4vw,3rem)}.peptide-calculator .skToolIntro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.peptide-calculator .skToolIntro>div{max-width:42rem}.peptide-calculator .skEyebrow{color:var(--sk-amber);letter-spacing:.12em;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:block}.peptide-calculator .skToolIntro h1{margin-bottom:.75rem;font-size:clamp(1.9rem,4.7vw,3.2rem);line-height:1.13}.peptide-calculator .skToolIntro p{color:var(--sk-text-muted);margin-top:.5rem}.peptide-calculator .skCalculatorGrid{grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,4vw,3rem);display:grid}.peptide-calculator .skCalculatorInputs{min-width:0}.peptide-calculator .skCalcStep{border-bottom:1px solid var(--sk-border);grid-template-columns:2rem minmax(0,1fr);gap:.9rem;padding-block:1.25rem;display:grid}.peptide-calculator .skCalcStep:first-child{padding-top:0}.peptide-calculator .skStepNumber{background:var(--sk-cyan-soft);width:2rem;height:2rem;color:var(--sk-cyan);border-radius:50%;place-items:center;font-size:.875rem;display:grid}.peptide-calculator .skCalcStep h2{font-size:clamp(1.1rem,2.5vw,1.4rem)}.peptide-calculator .skCalcStep p{color:var(--sk-text-muted);margin:.25rem 0 1rem;font-size:.875rem}.peptide-calculator .skCalcResult{background:linear-gradient(160deg,#071b23,#031017);border:1px solid #20dff733;border-radius:1rem;flex-direction:column;align-self:start;gap:1.1rem;min-width:0;padding:clamp(1rem,3vw,2rem);display:flex}.peptide-calculator .skDrawResult{flex-wrap:wrap;align-items:baseline;gap:.75rem;padding-top:.5rem;display:flex}.peptide-calculator .skDrawResult strong{font:300 clamp(3rem, 7vw, 5rem)/1 var(--font-space-grotesk), system-ui, sans-serif;color:var(--sk-cyan);letter-spacing:-.05em}.peptide-calculator .skDrawResult span,.peptide-calculator .skDrawMl{color:var(--sk-text-muted)}.peptide-calculator .skDrawMl{font-size:1.1rem}.peptide-calculator .skSyringeScale svg{width:100%;height:auto;display:block}.peptide-calculator .skSyringeScale>div{color:var(--sk-text-muted);justify-content:space-between;margin-top:-.6rem;font-size:.875rem;display:flex}.peptide-calculator .skCalcFacts{border-block:1px solid var(--sk-border);gap:.75rem;padding-block:.75rem;display:grid}.peptide-calculator .skCalcFacts>div{flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;font-size:.875rem;display:flex}.peptide-calculator .skCalcFacts dt{color:var(--sk-text-muted)}.peptide-calculator .skCalcFacts dd{font-weight:600}.peptide-calculator .skCalcEmpty{place-content:center;gap:.75rem;min-height:10rem;padding-block:1.75rem;display:grid}.peptide-calculator .skCalcEmpty strong{font-family:var(--font-space-grotesk), system-ui, sans-serif;font-size:1.6rem;font-weight:300}.peptide-calculator .skCalcEmpty p{color:var(--sk-text-muted)}.peptide-calculator .skSmallHelp{color:var(--sk-text-muted);font-size:.875rem;margin-top:.75rem!important}.peptide-calculator .skInlineNote{border-left:2px solid var(--sk-amber);color:var(--sk-amber);background:#e2bb6a0f;padding:.85rem 1rem;font-size:.875rem;margin-bottom:1rem!important}.peptide-calculator .skField>span:first-child,.peptide-calculator .skFieldError{font-size:.875rem}@media (min-width:860px){.peptide-calculator .skCalculatorGrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr)}}@media (max-width:460px){.peptide-calculator .skCalculator .skCompoundField{grid-template-columns:minmax(0,1fr)}.peptide-calculator .skCalcStep{grid-template-columns:1.6rem minmax(0,1fr);gap:.55rem}.peptide-calculator .skStepNumber{width:1.6rem;height:1.6rem}}.peptide-calculator,.peptide-calculator *,.peptide-calculator :before,.peptide-calculator :after{box-sizing:border-box}.peptide-calculator{overflow-wrap:anywhere;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;color:var(--sk-text);background:radial-gradient(circle at 78% -10%, #20dff714, transparent 34rem), linear-gradient(180deg, #02080c 0%, var(--sk-background) 26rem);border:1px solid var(--sk-border);font-family:var(--font-manrope), system-ui, sans-serif;isolation:isolate;border-radius:clamp(.75rem,2vw,1.25rem);font-size:.9375rem;line-height:1.55}.peptide-calculator h1,.peptide-calculator h2,.peptide-calculator h3,.peptide-calculator p,.peptide-calculator dl,.peptide-calculator dd{margin:0}.peptide-calculator h1,.peptide-calculator h2,.peptide-calculator h3{font-family:var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;letter-spacing:-.03em;font-weight:300}.peptide-calculator [hidden]{display:none!important}.peptide-calculator button,.peptide-calculator input,.peptide-calculator select,.peptide-calculator textarea{max-width:100%}.peptide-calculator button:focus-visible,.peptide-calculator summary:focus-visible,.peptide-calculator a:focus-visible{outline:2px solid var(--sk-cyan);outline-offset:3px}.peptide-calculator .skFieldError{color:var(--sk-error);font-size:.75rem;font-weight:500;display:block}.peptide-calculator .skField{min-width:0;color:var(--sk-text-muted);letter-spacing:.01em;gap:.42rem;font-size:.76rem;font-weight:650;display:grid}.peptide-calculator .skField input,.peptide-calculator .skField select,.peptide-calculator .skField textarea{width:100%;min-width:0;min-height:44px;color:var(--sk-text);border:1px solid var(--sk-border);font:500 .88rem/1.35 var(--font-manrope), system-ui, sans-serif;background:#020609b8;border-radius:.55rem;outline:none;padding:.72rem .8rem;transition:border-color .14s,box-shadow .14s,background-color .14s}.peptide-calculator .skField textarea{resize:vertical;min-height:5rem}.peptide-calculator .skField input:hover,.peptide-calculator .skField select:hover,.peptide-calculator .skField textarea:hover{border-color:#a8b4b84d}.peptide-calculator .skField input:focus-visible,.peptide-calculator .skField select:focus-visible,.peptide-calculator .skField textarea:focus-visible,.peptide-calculator .skTextButton:focus-visible{border-color:var(--sk-cyan);box-shadow:0 0 0 3px #20dff729}.peptide-calculator .skField input[aria-invalid=true]{border-color:#f07f7f9e}.peptide-calculator .skField input:disabled,.peptide-calculator .skField select:disabled,.peptide-calculator .skField textarea:disabled{cursor:not-allowed;opacity:.5}.peptide-calculator .skInputWithSuffix{display:block;position:relative}.peptide-calculator .skInputWithSuffix>span{color:var(--sk-text-muted);pointer-events:none;font-size:.72rem;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.peptide-calculator .skInputWithSuffix input{padding-right:4rem}.peptide-calculator .skCompoundField{grid-template-columns:minmax(0,1fr) 5.5rem;gap:.5rem;min-width:0;display:grid}.peptide-calculator .skUnitField{align-self:end}.peptide-calculator .skTextButton{font-family:var(--font-manrope), system-ui, sans-serif;min-width:44px;min-height:44px;color:var(--sk-cyan);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.35rem;padding:.5rem 0;font-size:.78rem;font-weight:700}@media (prefers-reduced-motion:reduce){.peptide-calculator *,.peptide-calculator :before,.peptide-calculator :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.peptide-calculator-page{max-width:1560px;margin-inline:auto;padding:clamp(.5rem,2vw,2rem)}@media print{.peptide-calculator-page{max-width:none;padding:0}.peptide-calculator .skTextButton{display:none}}