/* FIG Peptides palette (FIG-Peptides-Color-Palette.xlsx). Generated by scripts/build-palette.py; edit scripts/palette-components.css, then rebuild. */
:root{color-scheme:dark;
 --bg0:#140A24;--bg1:#0C3A3A;--bg:transparent;--glass:rgba(24,16,44,.62);--glass-2:rgba(255,255,255,.045);--surface:rgba(24,16,44,.62);--cream:rgba(24,16,44,.62);
 --line:rgba(190,210,230,.16);--line-strong:rgba(120,240,205,.45);--control-border:rgba(190,210,230,.3);
 --ink:#F3F6FA;--muted:#A9B3C4;--faint:#7C879A;
 --mint:#5FE8C2;--lime:#B8F36B;--orchid:#E08BC4;--gold:#F2CF5B;--coral:#E08BC4;--lilac:#E08BC4;
 --fig:#5FE8C2;--fig-soft:rgba(95,232,194,.12);--ok:#7BEA9A;--ok-soft:rgba(123,234,154,.13);--warn:#F2CF5B;--warn-soft:rgba(242,207,91,.12);
 --near-black:#0D0A1C;--header-glass:rgba(18,12,36,.72);
 --grad:linear-gradient(95deg,#E08BC4 0%,#5FE8C2 55%,#B8F36B 100%)}
html{background:#140A24}
body{color:#F3F6FA;background:radial-gradient(1100px 600px at 85% -10%,rgba(95,232,194,.18),transparent 60%),radial-gradient(900px 600px at -10% 20%,rgba(224,139,196,.16),transparent 60%),linear-gradient(115deg,#140A24 0%,#1B0F33 40%,#0C3A3A 100%) fixed;background-color:#140A24}
::selection{background:rgba(95,232,194,.35);color:#F3F6FA}
:focus-visible{outline:2px solid #5FE8C2;outline-offset:2px}
/* ---- polish.css ---- */
.skip{background:rgba(184,243,107,0.12);color:#F3F6FA}
.gate-card{background:rgba(13,10,28,.72);border-color:#5FE8C2;box-shadow:0 24px 80px rgba(0,0,0,0.6)}
.gate{background:rgba(8,5,18,0.8)}
.notice{color:#F3F6FA}
.toast{background:rgba(13,10,28,.72)}
.prod .vial{background:linear-gradient(155deg,rgba(13,10,28,.72),rgba(13,10,28,.72))}
.label-preview{background:rgba(24,16,44,.62);color:#F3F6FA}
.label-preview h3{color:#F3F6FA}
.label-preview p{color:#F3F6FA}
.label-help{color:#A9B3C4}
.label-section{border-top:1px solid rgba(190,210,230,0.165)}
.label-issues{color:#A9B3C4}
.label-mini-vial{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(24,16,44,.62) 35%,rgba(24,16,44,.62));border:1px solid rgba(190,210,230,0.45)}
.label-mini-vial:before{background:rgba(13,10,28,.72);border-top:5px solid #B8F36B}
/* ---- light.css ---- */
html{background:rgba(24,16,44,.62)}
body{background:radial-gradient(ellipse at 95% 10%,rgba(24,16,44,.62) 0,transparent 37%),radial-gradient(ellipse at 0 15%,rgba(24,16,44,.62) 0,transparent 32%),rgba(24,16,44,.62)}
:focus-visible{outline:3px solid #5FE8C2}
.ruo-bar{background:rgba(24,16,44,.62);color:#A9B3C4;border-color:rgba(190,210,230,.16)}
.banner{background:rgba(24,16,44,.62);color:#F2CF5B}
.nav{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,.16);box-shadow:0 4px 22px rgba(0,0,0,0.15)}
.logo-mark text{fill:#F3F6FA}
.nav-links :is(button,a).on{color:#5FE8C2}
.cart-btn{background:rgba(24,16,44,.62)}
.cart-btn b{color:#5FE8C2}
.glass,.panel,.prod,.spec-card,.stat,.prod-edit{box-shadow:0 8px 28px rgba(0,0,0,0.125)}
.grad{color:#5FE8C2}
.eyebrow{background:rgba(24,16,44,.62)}
.eyebrow:before{background:rgba(95,232,194,0.2)}
.pills span{background:rgba(24,16,44,.62);color:#A9B3C4}
.hero-product{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,.16);box-shadow:16px 16px 0 rgba(0,0,0,0.6)}
.hero-product-caption{border-top:1px solid rgba(190,210,230,0.165);color:#A9B3C4}
.btn{background:rgba(95,232,194,0.2);color:#F3F6FA}
.btn:hover{background:rgba(95,232,194,0.2)}
.btn.ghost{background:rgba(24,16,44,.62);color:#5FE8C2;border-color:#5FE8C2}
.btn.ghost:hover{background:rgba(24,16,44,.62)}
.btn:disabled{background:rgba(24,16,44,.62);color:#A9B3C4}
.pillars>div{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,.16)}
.pillars>div:nth-child(2){background:rgba(24,16,44,.62)}
.pillars>div:nth-child(3){background:rgba(24,16,44,.62)}
.pillars .ic{background:rgba(24,16,44,.62);color:#5FE8C2;border-color:#5FE8C2}
.prod{background:rgba(24,16,44,.62)}
.prod:hover{border-color:rgba(190,210,230,0.45);box-shadow:0 10px 30px rgba(0,0,0,0.175)}
.prod .vial{background:rgba(24,16,44,.62)}
.detail .vial{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,.16)}
.sizes button.on{border-color:#5FE8C2;color:#5FE8C2;background:rgba(24,16,44,.62)}
.notice{color:#F2CF5B;background:rgba(24,16,44,.62);border-color:#F2CF5B}
.chip.warn{border-color:#F2CF5B;color:#F2CF5B}
.chip.ok{border-color:#5FE8C2}
.price{color:#E08BC4}
.toolbar input,label.f input,label.f select,label.f textarea,.mini{background:rgba(24,16,44,.62);color:#F3F6FA;border-color:rgba(190,210,230,.16)}
.gate{background:rgba(224,139,196,0.2)}
.gate-card{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,.16);box-shadow:0 28px 90px rgba(0,0,0,0.42)}
.gate-row{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,.16)}
.gate-row .ic{background:rgba(24,16,44,.62)}
.gate-sub,.gate-note{color:#A9B3C4}
.toast{background:rgba(224,139,196,0.2);color:#F3F6FA;border-color:#5FE8C2}
.usa-badge{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,.16);color:#F3F6FA}
.usa-banner{background:rgba(24,16,44,.62);color:#A9B3C4;border-color:rgba(190,210,230,.16)}
.admin-tabs button.on,.tabs :is(button,a).on{color:#5FE8C2}
.label-preview{background:rgba(24,16,44,.62)}
footer{color:#A9B3C4}
.skip{background:rgba(184,243,107,0.12)}
.stat b{color:#5FE8C2}
.label-mini-vial:before{border-top-color:#5FE8C2}
.planned-quantity{color:#A9B3C4}
@media (max-width:640px){
 .hero-product{box-shadow:8px 8px 0 rgba(0,0,0,0.6)}
}
.grad{color:#5FE8C2}
.nav-links :is(button,a).on{color:#5FE8C2}
.nav-links :is(button,a):hover,.linkbtn:hover{color:#5FE8C2}
.usa-bar{background:rgba(24,16,44,.62);color:#A9B3C4}
.ruo-bar{background:rgba(24,16,44,.62);color:#A9B3C4}
.btn{background:rgba(95,232,194,0.2)}
.btn:hover{background:rgba(95,232,194,0.2)}
.btn:active{box-shadow:inset 0 2px 4px rgba(0,0,0,0.301)}
.btn.ghost{border-color:rgba(190,210,230,0.45);color:#5FE8C2}
.btn:disabled{background:rgba(24,16,44,.62);color:#A9B3C4}
.cart-btn{color:#5FE8C2}
.pillars .ic{background:rgba(24,16,44,.62);color:#5FE8C2}
.prod:hover{box-shadow:0 7px 24px rgba(0,0,0,0.15)}
.sizes button{border-color:rgba(190,210,230,.16);background:rgba(24,16,44,.62)}
.sizes button:hover{border-color:rgba(190,210,230,0.45)}
.sizes button.on{border-color:#5FE8C2;background:rgba(24,16,44,.62);color:#5FE8C2;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.6)}
.tabs :is(button,a),.admin-tabs button{background:rgba(24,16,44,.62)}
.tabs :is(button,a).on,.admin-tabs button.on{border-color:#5FE8C2;color:#5FE8C2;background:rgba(24,16,44,.62)}
.toolbar input,label.f input,label.f select,label.f textarea,.mini,td input,td select{background:rgba(24,16,44,.62);color:#F3F6FA;border-color:rgba(190,210,230,0.45)}
label.f{color:#F3F6FA}
input::placeholder,textarea::placeholder{color:#A9B3C4}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5FE8C2!important}
.order-detail{background:rgba(24,16,44,.62)}
.err{color:#F2CF5B}
.notice{border-color:#F2CF5B;color:#F2CF5B;background:rgba(24,16,44,.62)}
.sum .tot{color:#5FE8C2}
.gate{background:rgba(8,5,18,0.433)}
.gate-card{border:1px solid rgba(190,210,230,.16);box-shadow:0 24px 90px rgba(0,0,0,0.326)}
.gate-row{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,.16)}
.gate-row:has(input:checked){background:rgba(24,16,44,.62);border-color:rgba(190,210,230,0.45)}
.gate-row .ic{border:1px solid rgba(190,210,230,.16);color:#5FE8C2}
.gate-row b{color:#F3F6FA}
.gate-row small{color:#A9B3C4}
.switch i{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.45)}
.switch i:after{background:rgba(24,16,44,.62);box-shadow:0 1px 3px rgba(0,0,0,0.338)}
.switch input:checked+i{background:rgba(95,232,194,0.2);border-color:#5FE8C2}
.switch-check{border:solid rgba(190,210,230,.16)}
.switch input:focus-visible+i{outline:2px solid #5FE8C2}
.check input,.label-fields input[type=checkbox],.prod-edit input[type=checkbox]{border:1.5px solid rgba(190,210,230,0.45);background:rgba(24,16,44,.62)}
.check input:before,.label-fields input[type=checkbox]:before,.prod-edit input[type=checkbox]:before{border:solid rgba(190,210,230,.16)}
.check input:checked,.label-fields input[type=checkbox]:checked,.prod-edit input[type=checkbox]:checked{background:rgba(95,232,194,0.2);border-color:#5FE8C2}
input[type=radio]{accent-color:#5FE8C2}
.toast{background:rgba(13,10,28,.72)}
.label-preview{background:rgba(24,16,44,.62)}
body{background:rgba(24,16,44,.62);color:#F3F6FA}
header{background:rgba(24,16,44,.62);border-bottom:1px solid rgba(190,210,230,.16)}
.ruo-bar{background:rgba(13,10,28,.72);color:#F3F6FA}
.nav{background:rgba(24,16,44,.62)}
.nav .banner{color:#A9B3C4}
.hero-product{border-color:rgba(190,210,230,.16)}
.pillars>div,.pillars>div:nth-child(2),.pillars>div:nth-child(3){border-top:1px solid rgba(190,210,230,.16)}
.prod:hover{border-color:rgba(190,210,230,0.45)}
.gate{background:rgba(8,5,18,0.649)}
.notice{background:rgba(24,16,44,.62)}
.pwd-toggle{color:#5FE8C2}
.report-notes{color:#A9B3C4}
.inline-status{color:#5FE8C2}
.readiness-list li{border-bottom:1px solid rgba(190,210,230,0.165)}
.skip{background:rgba(13,10,28,.72);color:#F3F6FA}
body{background:rgba(24,16,44,.62);background-image:linear-gradient(145deg,rgba(24,16,44,.62) 0%,rgba(24,16,44,.62) 55%,rgba(24,16,44,.62) 100%)}
.hero-product{border-color:rgba(190,210,230,.16);box-shadow:0 14px 42px rgba(0,0,0,0.169)}
.prod{border-color:rgba(190,210,230,.16);box-shadow:0 5px 18px rgba(0,0,0,0.15)}
.pillars>div{border-color:#B8F36B}
.eyebrow{color:#5FE8C2}
.price{color:#5FE8C2}
.cart-btn{background:rgba(24,16,44,.62);border-color:#B8F36B}
.cart-btn b{background:rgba(24,16,44,.62);color:#5FE8C2}
.product-coas{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,.16)}
.coa-guide-link{color:#F3F6FA}
.coa-filters{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,.16)}
.store-mode{border:1px solid rgba(190,210,230,.16)}
.store-mode:has(input:checked){background:rgba(24,16,44,.62);border-color:#5FE8C2}
.store-mode small{color:#A9B3C4}
.pillars{border:1px solid rgba(190,210,230,.16);background:rgba(24,16,44,.62);box-shadow:0 12px 35px rgba(0,0,0,0.15)}
.pillars>div+div{border-left:1px solid rgba(190,210,230,.16)}
.pillars .ic{border:1px solid #B8F36B;background:rgba(24,16,44,.62);color:#5FE8C2}
.pillars h3{color:#5FE8C2}
.pillars p{color:#A9B3C4}
.qa-banner{background:rgba(13,10,28,.72);color:#F3F6FA}
.qa-banner a{color:#B8F36B}
@media (max-width:640px){
 .pillars>div+div{border-top:1px solid rgba(190,210,230,.16)}
}
.product-quantity small{color:#A9B3C4}
.sum .checkout-line{border-bottom:1px solid rgba(190,210,230,0.165)}
/* ---- brand.css ---- */
body{background:rgba(24,16,44,.62);color:#F3F6FA}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #E08BC4}
.reviewbar{background:rgba(13,10,28,.72);color:#F3F6FA}
.reviewbar a{color:#B8F36B}
nav{border-bottom:1px solid rgba(190,210,230,0.152)}
.cart{border:1px solid #5FE8C2}
.herocopy>p{color:#F3F6FA}
.btn{background:rgba(13,10,28,.72);color:#F3F6FA}
.btn.light{background:rgba(184,243,107,0.12);color:#F3F6FA}
.scene{background:rgba(184,243,107,0.12)}
.scene:before{border:1px solid rgba(190,210,230,0.14)}
.scene:after{border:1px solid rgba(190,210,230,0.14)}
.orbit{background:rgba(13,10,28,.72);color:#F3F6FA}
.cap{background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0,rgba(24,16,44,.62) 4px,rgba(255,255,255,.06) 8px);border:1px solid rgba(190,210,230,0.45);box-shadow:inset 0 8px 0 rgba(0,0,0,0.6),inset 0 -7px 0 rgba(0,0,0,0.6)}
.neck{background:linear-gradient(90deg,rgba(24,16,44,.62),rgba(24,16,44,.62),rgba(255,255,255,.06));border:1px solid rgba(190,210,230,0.45)}
.fig-vial .glass{border:1px solid rgba(190,210,230,0.45);background:linear-gradient(90deg,rgba(255,255,255,0.054),rgba(24,16,44,.62) 15%,rgba(255,255,255,0.08) 32%,rgba(255,255,255,0.067) 75%,rgba(255,255,255,0.075) 94%,rgba(24,16,44,.62));box-shadow:inset 7px 0 4px rgba(0,0,0,0.6),inset -5px 0 4px rgba(0,0,0,0.6)}
.label{color:#F3F6FA;border-top:1px solid rgba(190,210,230,0.12);border-bottom:1px solid rgba(190,210,230,0.12)}
.labelrule{background:rgba(8,5,18,0.433)}
.powder{background:rgba(24,16,44,.62);box-shadow:0 -3px 8px rgba(0,0,0,0.6)}
.strip{background:rgba(13,10,28,.72);color:#F3F6FA}
.strip b{color:#B8F36B}
.tools button{border:1px solid rgba(190,210,230,0.45)}
.tools button.active{background:rgba(13,10,28,.72);color:#F3F6FA;border-color:#5FE8C2}
.tools input{border-bottom:1px solid rgba(190,210,230,0.35)}
.product{border:1px solid rgba(190,210,230,0.198)}
.productart{background:rgba(24,16,44,.62)}
.product:nth-child(2) .productart{background:rgba(224,139,196,0.12)}
.product:nth-child(3) .productart{background:rgba(224,139,196,0.12)}
.productbody p{color:#F3F6FA}
.productbottom{border-top:1px solid rgba(190,210,230,0.152)}
.productbottom button{background:rgba(13,10,28,.72);color:#F3F6FA}
.smallnote{color:#A9B3C4}
.trust{background:rgba(13,10,28,.72);color:#F3F6FA}
.trust p{color:#F3F6FA}
.trustrow{border-bottom:1px solid rgba(190,210,230,0.198)}
.trustrow b{color:#B8F36B}
.intro p{color:#A9B3C4}
.lockup{background:rgba(13,10,28,.72);color:#B8F36B}
.lockup small.caption{color:#F3F6FA}
.lockup.alt{background:rgba(184,243,107,0.12);color:#F3F6FA}
.family div{border-left:1px solid rgba(190,210,230,0.35)}
.swatch{border:1px solid rgba(190,210,230,0.198);background:rgba(24,16,44,.62)}
.typegrid{border-top:1px solid rgba(190,210,230,0.218)}
.typegrid .data{border-bottom:1px solid rgba(190,210,230,0.198)}
.social{background:rgba(184,243,107,0.12)}
.social.plum{background:rgba(224,139,196,0.12)}
.social.dark{background:rgba(13,10,28,.72);color:#F3F6FA}
.social.dark .logo{color:#B8F36B}
.appcaption{color:#A9B3C4}
.businesscard{background:rgba(13,10,28,.72);color:#F3F6FA}
.businesscard .logo{color:#B8F36B}
.insert{background:rgba(224,139,196,0.2)}
.rules p{color:#A9B3C4}
.reference{border-top:1px solid rgba(190,210,230,0.264)}
.reference details{border-bottom:1px solid rgba(190,210,230,0.198)}
.reference p,.reference li{color:#F3F6FA}
footer{background:rgba(13,10,28,.72);color:#F3F6FA}
dialog{background:rgba(24,16,44,.62)}
dialog::backdrop{background:rgba(8,5,18,0.633)}
#toast{background:rgba(13,10,28,.72);color:#F3F6FA;border:1px solid #B8F36B}
.sourcing-pill{border:1px solid rgba(190,210,230,0.284)}
.research-pills span{border:1px solid rgba(190,210,230,0.264);background:rgba(255,255,255,0.063)}
html{background:rgba(24,16,44,.62)}
.grad{color:#F3F6FA}
.btn:hover{background:rgba(13,10,28,.72)}
.btn.ghost:hover{background:rgba(24,16,44,.62)}
body{background:rgba(24,16,44,.62);color:#F3F6FA}
.reviewtools{background:rgba(13,10,28,.72);color:#F3F6FA}
.reviewtools a{color:#B8F36B}
.reviewtools select{border:1px solid #5FE8C2;color:#F3F6FA;background:rgba(13,10,28,.72)}
.ruo-bar{background:rgba(184,243,107,0.12);color:#F3F6FA}
.sitehead{border-bottom:1px solid rgba(190,210,230,0.165)}
.nav-links :is(button,a){color:#F3F6FA}
.nav-links :is(button,a).on{box-shadow:0 2px rgba(0,0,0,0.6)}
.nav-links #cart-nav{border:1px solid #5FE8C2}
.logo-link{color:#F3F6FA}
.lede{color:#A9B3C4}
.panel{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.165)}
.btn{background:rgba(13,10,28,.72);border:1px solid #5FE8C2;color:#F3F6FA}
.btn.ghost{color:#F3F6FA;border-color:rgba(190,210,230,0.284)}
.linkbtn{color:#F3F6FA}
.chip{border:1px solid rgba(190,210,230,0.152);color:#F3F6FA}
.chip.ok{background:rgba(184,243,107,0.12);color:#F3F6FA;border-color:#B8F36B}
.chip.warn{background:rgba(224,139,196,0.12);color:#F3F6FA;border-color:#FF9C8F}
.chip.muted{color:#A9B3C4;background:rgba(24,16,44,.62)}
.f{color:#F3F6FA}
.f input,.f select,.f textarea,input.mini,table input,table select{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.218);color:#F3F6FA}
.check input{accent-color:#F3F6FA}
.notice{background:rgba(184,243,107,0.12);color:#F3F6FA;border:1px solid rgba(190,210,230,0.152)}
.tabs :is(button,a),.admin-tabs button{border:1px solid rgba(190,210,230,0.218);color:#F3F6FA}
.tabs :is(button,a).on,.admin-tabs button.on{background:rgba(13,10,28,.72);color:#B8F36B}
.prod{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.198);color:#F3F6FA}
.prod>.vial{background:rgba(24,16,44,.62)}
.product-card:nth-child(3n/**/+2) .prod>.vial{background:rgba(224,139,196,0.12)}
.product-card:nth-child(3n) .prod>.vial{background:rgba(224,139,196,0.12)}
.detail>.vial{background:rgba(184,243,107,0.12)}
.sizes button{border:1px solid rgba(190,210,230,0.284);color:#F3F6FA}
.sizes button.on{background:rgba(13,10,28,.72);color:#B8F36B}
th{background:rgba(24,16,44,.62);color:#F3F6FA}
td,th{border-bottom:1px solid rgba(190,210,230,0.132)}
.stat{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.198);color:#F3F6FA}
.stat:first-child{background:rgba(184,243,107,0.12)}
.prod-edit{border:1px solid rgba(190,210,230,0.165);background:rgba(24,16,44,.62)}
.pwd-toggle{color:#F3F6FA}
.qty{border:1px solid rgba(190,210,230,0.218)}
.qty button{color:#F3F6FA}
.store-mode{border:1px solid rgba(190,210,230,0.198)}
.store-mode input{accent-color:#F3F6FA}
.readiness-list li{border-bottom:1px solid rgba(190,210,230,0.165)}
.product-coas{border:1px solid rgba(190,210,230,0.198)}
#banner{background:rgba(13,10,28,.72);color:#F3F6FA}
.pillars{border-block:1px solid rgba(190,210,230,0.165)}
.pillars .ic{background:rgba(184,243,107,0.12)}
.homepage .hero .textlink{color:#F3F6FA}
.sitefooter{background:rgba(13,10,28,.72);color:#F3F6FA}
.sitefooter :is(button,a[data-go]){color:#F3F6FA}
.sitefooter p{color:#F3F6FA}
.sitefooter .logo{color:#B8F36B}
.toast{background:rgba(13,10,28,.72);color:#F3F6FA;border:1px solid #B8F36B}
.gate{background:rgba(8,5,18,0.7)}
.gate-card{box-shadow:0 20px 70px rgba(0,0,0,0.401);background:rgba(24,16,44,.62);color:#F3F6FA}
.gate-card .logo{color:#F3F6FA}
.gate-row{border:1px solid rgba(190,210,230,0.198)}
.gate-row input{accent-color:#F3F6FA}
.review-states button{border:1px solid rgba(190,210,230,0.198);background:rgba(24,16,44,.62);color:#F3F6FA}
.labelproof{background:rgba(184,243,107,0.12)}
.scene:hover{box-shadow:0 15px 45px rgba(0,0,0,0.232)}
.prod:hover{box-shadow:0 14px 28px rgba(0,0,0,0.219);border-color:rgba(190,210,230,0.45)}
.btn:hover:not(:disabled){box-shadow:0 5px 12px rgba(0,0,0,0.232)}
.nav-links :is(button,a).on,.nav-links :is(button,a):hover,.linkbtn:hover{color:#F3F6FA}
.eyebrow{color:#F3F6FA}
.pillars .ic{color:#F3F6FA;border:1px solid rgba(190,210,230,0.165)}
.pillars h3{color:#F3F6FA}
.pillars p{color:#A9B3C4}
.price{color:#F3F6FA}
.sizes button:hover{border-color:#5FE8C2}
label.f{color:#A9B3C4}
label.f input,label.f select,label.f textarea,.toolbar input{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,0.218);color:#F3F6FA}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5FE8C2!important}
.pwd-toggle{color:#F3F6FA}
.gate-row{background:rgba(24,16,44,.62);color:#F3F6FA}
.gate-row b{color:#F3F6FA}
.gate-row small{color:#A9B3C4}
.gate-row>.ic{color:#F3F6FA;border-color:rgba(190,210,230,0.165)}
.switch i{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,0.45)}
.switch input:checked+i{background:rgba(13,10,28,.72);border-color:#5FE8C2}
.switch input:checked+i:after{background:rgba(184,243,107,0.12)}
.switch input:focus-visible+i{outline-color:#5FE8C2}
.btn:disabled{background:rgba(24,16,44,.62);color:#A9B3C4}
.qa-banner{background:rgba(13,10,28,.72);color:#F3F6FA;border-color:rgba(190,210,230,0.165)}
.stat b,.inline-status{color:#F3F6FA}
.coa-filters,.product-coas{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,0.165)}
.store-mode:has(input:checked){background:rgba(184,243,107,0.12);border-color:#5FE8C2}
.gate-row:has(input:checked){background:rgba(184,243,107,0.12);border-color:rgba(190,210,230,0.395)}
.notice b{color:#F3F6FA}
.lab-scene{background:rgba(24,16,44,.62)}
.lab-scene:after{background:linear-gradient(transparent,rgba(8,5,18,0.42))}
.lab-frame{border:1px solid rgba(190,210,230,0.45)}
.lab-caption{background:rgba(24,16,44,.62);color:#F3F6FA;box-shadow:0 8px 30px rgba(0,0,0,0.213);border-top:3px solid #B8F36B}
.lab-meta i{background:rgba(13,10,28,.72)}
.product-image-editor{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.165)}
.product-image-preview{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.165)}
.coa-editor-cell details{border-bottom:1px solid rgba(190,210,230,0.165)}
.prod-edit .f{color:#F3F6FA}
.first-order-offer{border-bottom:1px solid rgba(190,210,230,0.165);color:#A9B3C4}
.first-order-offer strong{color:#F3F6FA}
.first-order-offer a{color:#F3F6FA}
.homepage .hero .coa-price-notice,.coa-price-notice{color:#F3F6FA;background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.165);border-left:4px solid #B8F36B}
.refund-summary{border-block:1px solid rgba(190,210,230,0.165)}
.refund-summary span{color:#A9B3C4}
.refund-summary strong{color:#F3F6FA}
.refund-form .f{color:#F3F6FA}
.refund-history small{color:#A9B3C4}
.featured-heading p{color:#A9B3C4}
.sum .discount-summary{color:#5FE8C2}
/* ---- blog.css ---- */
.research-card{border:1px solid rgba(190,210,230,0.198);background:rgba(24,16,44,.62)}
.research-card p{color:#F3F6FA}
.research-read{border-top:1px solid rgba(190,210,230,0.152)}
.research-meta{color:#F3F6FA}
.research-empty{border:1px solid rgba(190,210,230,0.198)}
.research-deck{color:#F3F6FA}
.research-toc a{color:#F3F6FA}
.research-prose blockquote{border-left:4px solid #B8F36B;background:rgba(24,16,44,.62)}
.research-prose :is(th,td){border:1px solid rgba(190,210,230,0.152)}
.research-prose th{background:rgba(24,16,44,.62)}
.research-prose pre{background:rgba(24,16,44,.62)}
.research-author,.research-scope,.research-related{border-top:1px solid rgba(190,210,230,0.152)}
.research-scope{background:rgba(24,16,44,.62)}
.research-preview-note{background:rgba(184,243,107,0.12);color:#F3F6FA}
.blog-status{border:1px solid rgba(190,210,230,0.218)}
.blog-admin-row{border:1px solid rgba(190,210,230,0.152);background:rgba(24,16,44,.62)}
.blog-admin-row p{color:#F3F6FA}
.blog-format button{border:1px solid rgba(190,210,230,0.218)}
.blog-help{color:#F3F6FA}
.blog-error{border:1px solid #FF9C8F;background:rgba(24,16,44,.62);color:#FF9C8F}
.blog-preview{border:1px solid rgba(190,210,230,0.198);background:rgba(24,16,44,.62)}
.blog-edited{color:#F2CF5B}
.blog-editor [readonly]{background:rgba(24,16,44,.62)}
@media (max-width:950px){
 .research-toc{border:1px solid rgba(190,210,230,0.152)}
}
/* ---- newsletter.css ---- */
.newsletter{border:1px solid rgba(190,210,230,0.198);background:rgba(24,16,44,.62);color:#F3F6FA}
.newsletter .eyebrow{color:#F3F6FA}
.newsletter .f{color:#F3F6FA}
.newsletter .f input{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,0.329)}
.newsletter .check{color:#F3F6FA}
.newsletter input[type=checkbox]{accent-color:#F3F6FA}
.newsletter .newsletter-error{color:#FF9C8F}
.newsletter a:focus-visible,.newsletter button:focus-visible,.newsletter input:focus-visible{outline:2px solid #5FE8C2}
.newsletter .newsletter-status{color:#F3F6FA}
.newsletter .newsletter-error{color:#FF9C8F}
.newsletter .btn{background:rgba(13,10,28,.72);color:#F3F6FA}
.newsletter #newsletter-intro{color:#F3F6FA}
/* ---- peptide-explorer.css ---- */
.pep-explorer{border:1px solid rgba(190,210,230,0.218);background:rgba(24,16,44,.62);color:#F3F6FA}
.pep-controls{border-block:1px solid rgba(190,210,230,0.152)}
.pep-controls button{border-right:1px solid rgba(190,210,230,0.152);color:#F3F6FA}
.pep-controls button[aria-pressed=true]{background:rgba(13,10,28,.72);color:#B8F36B}
.pep-workbench{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.132)}
.pep-residue{border:1px solid rgba(190,210,230,0.45);background:rgba(184,243,107,0.12);color:#F3F6FA}
.pep-A{background:rgba(224,139,196,0.12)}
.pep-S{background:rgba(224,139,196,0.12)}
.pep-K{background:rgba(24,16,44,.62)}
.pep-bond{background:rgba(8,5,18,0.602)}
.pep-metrics{border-top:1px solid rgba(190,210,230,0.152)}
.pep-slider input{accent-color:#F3F6FA}
.pep-note{color:#F3F6FA}
.pep-answers button{border:1px solid rgba(190,210,230,0.264);background:rgba(24,16,44,.62);color:#F3F6FA}
.pep-answers button[aria-pressed=true]{background:rgba(184,243,107,0.12);border-color:#5FE8C2}
.pep-explorer button:focus-visible,.pep-explorer input:focus-visible{outline:2px solid #5FE8C2}
/* ---- round.css ---- */
.guest-shortcut{border:1px solid rgba(190,210,230,0.165)}
.analytics-choice{border:1px solid rgba(190,210,230,0.165);background:rgba(24,16,44,.62)}
/* ---- site-extras.css ---- */
.first-order-offer .offer-bubble{background:rgba(184,243,107,0.12);color:#F3F6FA;border:1px solid rgba(190,210,230,0.152)}
.first-offer-popup{background:var(--surface,rgba(24,16,44,.62));color:#F3F6FA;border:1px solid var(--line-strong,rgba(190,210,230,0.329));box-shadow:0 18px 50px rgba(0,0,0,0.401)}
.first-offer-popup p{color:#A9B3C4}
.popup-close{color:#F3F6FA}
.popup-close:hover,.popup-close:focus-visible{background:rgba(255,255,255,0.04)}
.deal-card{background:var(--surface,rgba(24,16,44,.62));border:1px solid rgba(190,210,230,0.165);color:#F3F6FA}
.deal-card p{color:#A9B3C4}
a.deal-card:hover{border-color:#5FE8C2}
.deal-thumb{border:1px solid rgba(190,210,230,0.165)}
.request-cta{border:1px solid rgba(190,210,230,0.165);background:var(--surface,rgba(24,16,44,.62))}
.request-cta span{color:#A9B3C4}
.suggest-card{border:1px solid rgba(190,210,230,0.165);background:var(--surface,rgba(24,16,44,.62))}
.suggest-img{background:var(--cream,rgba(24,16,44,.62))}
.lib-cats button{border:1px solid var(--line-strong,rgba(190,210,230,0.329));color:#F3F6FA}
.lib-cats button.on{background:rgba(13,10,28,.72);color:#F3F6FA}
.lib-card{background:var(--surface,rgba(24,16,44,.62));border:1px solid rgba(190,210,230,0.165);color:#F3F6FA}
.lib-card:hover,.lib-card:focus-visible{border-color:#5FE8C2}
.lib-thumb{background:var(--cream,rgba(24,16,44,.62))}
.lib-thumb-paper{background:rgba(24,16,44,.62)}
.lib-thumb-video{background:rgba(13,10,28,.72);color:#F3F6FA}
.lib-thumb-link{background:rgba(184,243,107,0.12)}
.lib-thumb-info{background:rgba(224,139,196,0.12)}
.lib-body p{color:#A9B3C4}
.lib-modal{background:rgba(8,5,18,0.602)}
.lib-modal-card{background:var(--surface,rgba(24,16,44,.62));color:#F3F6FA}
.lib-full{background:var(--cream,rgba(24,16,44,.62))}
.lib-video{background:rgba(13,10,28,.72)}
.size-photo-preview{background:rgba(24,16,44,.62);border:1px solid rgba(190,210,230,0.165)}
.coa-index-card{background:var(--surface,rgba(24,16,44,.62));border:1px solid rgba(190,210,230,0.165);color:#F3F6FA}
.coa-index-card:hover,.coa-index-card:focus-visible{border-color:#5FE8C2}
.coa-history th,.coa-history td{border-bottom:1px solid rgba(190,210,230,0.165)}
.sitefooter a[data-spa]{color:#F3F6FA}
/* ---- components ---- */
/* Buttons: gradient pill with near-black text; secondary buttons are mint outlines. */
.btn,a.btn,.btn.light{background:linear-gradient(95deg,#E08BC4 0%,#5FE8C2 55%,#B8F36B 100%);color:#0D0A1C;border:0;font-weight:700}
.btn:hover,.btn.light:hover{background:linear-gradient(95deg,#E08BC4 0%,#5FE8C2 55%,#B8F36B 100%);filter:brightness(1.08);color:#0D0A1C}
.btn span,.btn *{color:inherit}
.btn.ghost{background:transparent;color:#F3F6FA;border:1px solid rgba(95,232,194,.55);font-weight:600}
.btn.ghost:hover{background:rgba(95,232,194,.12);color:#F3F6FA;filter:none}
.btn:disabled,.btn[disabled]{background:rgba(255,255,255,.08);color:#7C879A;filter:none}
.linkbtn,a.textlink,.textlink{color:#F3F6FA}
.linkbtn:hover,a:hover{color:#5FE8C2}
a{color:inherit}

/* Header: floating glass bar. */
.ruo-bar{background:rgba(0,0,0,.35);color:#A9B3C4;border:0;border-bottom:1px solid rgba(190,210,230,.16)}
.sitehead{background:rgba(18,12,36,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(190,210,230,.16);border-radius:999px;padding:10px 14px 10px 18px;margin-top:12px}
.nav-links :is(button,a){color:#A9B3C4}
.nav-links :is(button,a):hover{color:#F3F6FA}
.nav-links :is(button,a).on{color:#5FE8C2;box-shadow:0 2px #5FE8C2}
.nav-links #cart-nav{border:1px solid rgba(95,232,194,.55);color:#F3F6FA}
@media (max-width:900px){.sitehead{border-radius:22px}}

/* Glass surfaces. */
.panel,.prod,.prod-edit,.stat,.spec-card,.glass,.product-card>.prod,.gate-card,.lib-card,.deal-card,.suggest-card,.request-cta,.first-offer-popup,.lib-modal-card,.coa-price-notice,dialog{background:rgba(24,16,44,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(190,210,230,.16);color:#F3F6FA}
.product-card:hover .prod,.lib-card:hover,a.deal-card:hover{border-color:rgba(95,232,194,.6);box-shadow:0 0 0 1px rgba(95,232,194,.25),0 12px 40px rgba(95,232,194,.12)}
.prod>.vial,.product-card:nth-child(3n+2) .prod>.vial,.product-card:nth-child(3n) .prod>.vial{background:rgba(255,255,255,.04)}
.product-card:nth-child(3n+1) .prod>.vial{background:radial-gradient(circle at 50% 60%,rgba(95,232,194,.16),transparent 70%)}
.product-card:nth-child(3n+2) .prod>.vial{background:radial-gradient(circle at 50% 60%,rgba(224,139,196,.16),transparent 70%)}
.product-card:nth-child(3n) .prod>.vial{background:radial-gradient(circle at 50% 60%,rgba(184,243,107,.13),transparent 70%)}
.detail>.vial{background:radial-gradient(circle at 50% 55%,rgba(95,232,194,.2),rgba(24,16,44,.62) 70%);border:1px solid rgba(190,210,230,.16)}
.product-photo{background:transparent}

/* Text roles. */
h1,h2,h3,h4,b,strong{color:#F3F6FA}
.cat,.lede,.smallnote,small,.muted{color:#A9B3C4}
h1 em,.homepage .hero h1 em{background:linear-gradient(95deg,#E08BC4 0%,#5FE8C2 55%,#B8F36B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.price{color:#F3F6FA}
.eyebrow{color:#A9B3C4;border-color:rgba(190,210,230,.25)}

/* Chips and size pills. */
.chip{color:#F3F6FA;border-color:rgba(190,210,230,.25);background:transparent}
.chip.ok{color:#5FE8C2;border-color:rgba(95,232,194,.55);background:rgba(95,232,194,.08)}
.chip.warn{color:#F2CF5B;border-color:rgba(242,207,91,.5);background:rgba(242,207,91,.08)}
.chip.muted{color:#A9B3C4;background:rgba(255,255,255,.05)}
.sizes button{background:transparent;color:#F3F6FA;border:1px solid rgba(95,232,194,.45)}
.sizes button.on{background:rgba(95,232,194,.16);color:#5FE8C2;border-color:#5FE8C2}
.tabs :is(button,a),.admin-tabs button{background:rgba(255,255,255,.04);color:#A9B3C4;border-color:rgba(190,210,230,.22)}
.tabs :is(button,a).on,.admin-tabs button.on{background:rgba(95,232,194,.14);color:#5FE8C2;border-color:#5FE8C2}

/* Research-use notices use gold. */
.notice{background:rgba(242,207,91,.07);border:1px solid rgba(242,207,91,.55);color:#F3F6FA}
.notice b{color:#F2CF5B}
.coa-price-notice,.homepage .hero .coa-price-notice{border-left-color:#5FE8C2;color:#F3F6FA}
.coa-price-notice a{color:#5FE8C2}

/* Forms. */
input,select,textarea{background:rgba(8,5,18,.45);color:#F3F6FA;border-color:rgba(190,210,230,.28)}
input::placeholder,textarea::placeholder{color:#7C879A}
input:focus,select:focus,textarea:focus{border-color:#5FE8C2;outline-color:#5FE8C2}
select option{background:#1B0F33;color:#F3F6FA}
input[type=checkbox],input[type=radio]{accent-color:#5FE8C2}
.f{color:#F3F6FA}

/* Tables. */
table{color:#F3F6FA}
th{background:rgba(255,255,255,.05);color:#A9B3C4}
td,th{border-color:rgba(190,210,230,.14)}

/* Hero and homepage. */
.lab-caption{background:rgba(18,12,36,.78);color:#F3F6FA;border-color:rgba(95,232,194,.45)}
.lab-caption svg{color:#F3F6FA!important}
.lab-frame{border-color:rgba(190,210,230,.25)}
.sourcing-pill{background:rgba(24,16,44,.62);color:#F3F6FA;border-color:rgba(190,210,230,.25)}
.research-pills span{color:#A9B3C4;border-color:rgba(190,210,230,.25)}
.pillars .ic{background:rgba(95,232,194,.14);color:#5FE8C2}

/* Offer banner and bubble. */
.first-order-offer{color:#A9B3C4;border-color:rgba(190,210,230,.16)}
.first-order-offer strong{color:#F3F6FA}
.first-order-offer a{color:#5FE8C2}
.first-order-offer .offer-bubble{background:rgba(95,232,194,.12);color:#5FE8C2;border:1px solid rgba(95,232,194,.55)}
.first-offer-popup .eyebrow{color:#5FE8C2;border-color:rgba(95,232,194,.45)}
.first-offer-popup p{color:#A9B3C4}

/* Gate (research-use warning in gold). */
.gate{background:rgba(8,5,18,.75)}
.gate-card{background:rgba(24,16,44,.9)}
.gate-row{border-color:rgba(190,210,230,.22)}
.gate-card .logo{color:#F3F6FA}
.switch input:checked+i{background:#5FE8C2}
.switch input:checked+i:after{background:#0D0A1C}

/* Footer and toast. */
.sitefooter{background:rgba(8,5,18,.55);color:#A9B3C4;border-top:1px solid rgba(190,210,230,.16)}
.sitefooter p{color:#A9B3C4}
.sitefooter :is(button,a[data-go]),.sitefooter a{color:#F3F6FA}
.sitefooter :is(button,a):hover{color:#5FE8C2}
.toast,#toast{background:rgba(18,12,36,.95);color:#F3F6FA;border:1px solid rgba(95,232,194,.55)}
.newsletter{background:rgba(24,16,44,.62);border-color:rgba(190,210,230,.16)}
.analytics-choice{background:rgba(18,12,36,.95);color:#F3F6FA;border-color:rgba(190,210,230,.2)}

/* Research Library and other new areas. */
.lib-cats button{color:#A9B3C4;border-color:rgba(190,210,230,.3)}
.lib-cats button.on{background:rgba(95,232,194,.16);color:#5FE8C2;border-color:#5FE8C2}
.lib-thumb,.suggest-img{background:rgba(255,255,255,.04)}
.lib-thumb-paper{background:rgba(224,139,196,.14)}.lib-thumb-video{background:rgba(8,5,18,.6)}.lib-thumb-link{background:rgba(95,232,194,.12)}.lib-thumb-info{background:rgba(242,207,91,.1)}
.lib-open,.deal-cta{color:#5FE8C2}
.size-photo-preview,.product-image-preview{background:rgba(255,255,255,.05);border-color:rgba(190,210,230,.2)}
.popup-close{color:#F3F6FA}
.popup-close:hover,.popup-close:focus-visible{background:rgba(255,255,255,.1)}

/* Logo colors in dark mode (layout is in public/theme-base.css). */
.fig-mark{color:#F3F6FA}
.fig-word{color:#F3F6FA}
.fig-word b,.sitefooter .fig-word b{color:#5FE8C2}
.nav-links .theme-toggle,.nav-links .lang-toggle{color:#A9B3C4;border-color:rgba(95,232,194,.45)}
.nav-links .theme-toggle:hover{color:#F3F6FA}

/* Read-heavy pages: text sits on a glass card, not directly on the gradient. */
#app>.prose,#app>div>.prose{background:rgba(24,16,44,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(190,210,230,.16);border-radius:18px;padding:clamp(20px,3vw,34px)}
.prose a,.prose .linkbtn{color:#5FE8C2}
.newsletter .btn,#newsletter-submit{background:linear-gradient(95deg,#E08BC4 0%,#5FE8C2 55%,#B8F36B 100%);color:#0D0A1C;border:0;font-weight:700}

/* Page background: plum → violet → teal gradient with mint and orchid glows (spreadsheet "All pages"). */
body{background-color:#140A24;background-image:radial-gradient(1100px 600px at 85% -10%,rgba(95,232,194,.18),transparent 60%),radial-gradient(900px 600px at -10% 20%,rgba(224,139,196,.16),transparent 60%),linear-gradient(115deg,#140A24 0%,#1B0F33 40%,#0C3A3A 100%);background-attachment:fixed}

/* COA history and lot lookup pages. */
.coa-index-card{background:rgba(24,16,44,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(190,210,230,.16);color:#F3F6FA}
.coa-index-card:hover{border-color:rgba(95,232,194,.6);box-shadow:0 0 0 1px rgba(95,232,194,.25),0 12px 40px rgba(95,232,194,.12)}
.lib-crumbs a,.seo-page>p a{color:#5FE8C2}