/* Layout, section order, controls and content are retained from peptidXstack. */
:root:not([data-theme="dark"]),[data-theme="light"]{
 --black:#f7f9fc;--deep:#edf2f9;--card:#fff;--card2:#f4f7fc;
 --bg:#f5f7fb;--bg2:#ebf0f8;--surface:#fff;--surface2:#f4f7fc;--surface3:#eaf0f8;
 --border:rgba(30,55,85,.12);--border2:rgba(30,55,85,.2);
 --cyan:#057b9a;--cyan2:#087d97;--accent:#087d97;--accent2:#126fa2;
 --green:#087f5b;--gold:#9b6b00;--purple:#6d28d9;--red:#ca2348;--orange:#b64a16;
 --white:#172b46;--text:#253951;--text2:#465a73;--text3:#5d6f86;--gray:#52647b;--gray2:#465a73;
 --nav-bg:rgba(255,255,255,.96);--card-shadow:0 8px 28px rgba(32,55,88,.08);
 --glow:0 8px 32px rgba(8,125,151,.08);--glow2:0 10px 40px rgba(8,125,151,.1);
}
html{color-scheme:light;scroll-padding-top:115px}
body{background:var(--black,#f5f7fb);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.65}
body:before{display:none!important}
.site-nav,.app-header{background:var(--nav-bg)!important;box-shadow:0 2px 14px rgba(32,55,88,.04)}
.announcement-bar{background:#e7f3f8!important;color:#244b60!important}
.hero,.tool-section,.results-section,.page-hero{background:linear-gradient(135deg,#f7f9fc 20%,#eaf4fc 100%)!important}
.hero h1,.hero-title,h1,h2,h3,h4,.section-title,.tool-title{color:var(--white);letter-spacing:-.025em}
.gradient-text,.text-gradient{background:linear-gradient(110deg,#1260b5,#087d97,#6d28d9)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent}
.btn-primary,.generate-btn,.ob-btn,.cta-btn{color:#fff!important;background:linear-gradient(120deg,#146fc6,#087d97)!important;box-shadow:0 6px 18px rgba(20,111,198,.15)}
.btn-ghost{color:var(--text)!important;background:#fff!important}
input,select,textarea{color:var(--text)!important;background:var(--surface,#fff)!important;border-color:var(--border2)!important;font-family:inherit}
input::placeholder,textarea::placeholder{color:#687b92!important;opacity:1}
input:focus,select:focus,textarea:focus{outline:3px solid #b7def3!important;outline-offset:1px}
.form-group label,.field-label{color:#344b66!important}
.tool-card,.peptide-card,.guide-card,.product-card,.stat-card,.dashboard-card,.protocol-card{box-shadow:0 5px 22px rgba(32,55,88,.045)}
.modal-overlay,.sheet-overlay{background:rgba(29,47,72,.38)!important}
.modal,.modal-content,.sheet,.chat-window,.chat-panel{background:var(--surface,#fff)!important;color:var(--text)!important}
.tab-bar,.app-sidebar,.mobile-menu,.mobile-nav{background:rgba(255,255,255,.98)!important;border-color:var(--border)!important}
.local-copy-note{position:fixed;bottom:0;left:0;right:0;z-index:99999;padding:5px 12px;background:#e9f2fa;color:#425d78;border-top:1px solid #c9dcea;text-align:center;font-size:10px;line-height:1.4;pointer-events:none}
body{padding-bottom:30px}
body:has(.tab-bar){padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}
.tab-bar{bottom:26px!important}
@media(max-width:1250px){.nav-links,.nav-cta{display:none!important}.hamburger{display:flex!important}}
@media(max-width:1250px){.site-nav:not(:has(.hamburger)){height:auto;min-height:70px;gap:12px;flex-wrap:wrap;padding:10px 18px}.site-nav:not(:has(.hamburger)) .nav-links{display:flex!important;gap:8px 16px!important;flex-wrap:wrap}.site-nav:not(:has(.hamburger)) .nav-links a{font-size:.76rem}}
.article-content,.product-info,.trust-item,.featured-card,.warehouse-card{min-width:0}
.article-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-content a,.product-name{overflow-wrap:anywhere}
.btn{max-width:100%;white-space:normal;text-align:center}
.page-hero h1{font-size:clamp(2rem,6vw,4rem)!important;overflow-wrap:anywhere;hyphens:auto}
.footer-bottom,.footer-legal{flex-wrap:wrap}
@media(max-width:1000px){div:has(>.step-card){grid-template-columns:repeat(3,minmax(0,1fr))!important}.trust-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){div:has(>.step-card){grid-template-columns:repeat(2,minmax(0,1fr))!important}.trust-bar{padding:20px!important;gap:20px!important}.trust-item{overflow-wrap:anywhere}.featured-grid{grid-template-columns:minmax(0,1fr)!important}.qsc-cta{padding:24px!important}.product-card{gap:8px}.product-info{flex:1}.cat-header{flex-wrap:wrap}.cat-title{max-width:calc(100% - 55px);overflow-wrap:anywhere}}
@media(max-width:760px){.nav-links{gap:.65rem!important}.nav-logo .logo-text{font-size:1.3rem}.hero h1{font-size:clamp(2.4rem,10vw,4rem)!important}.container{padding-left:18px!important;padding-right:18px!important}button{max-width:100%}.local-copy-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media print{.local-copy-note{position:static}.btn-primary{color:#000!important;background:#fff!important}}

html[data-theme="dark"]{color-scheme:dark}
[data-theme="dark"] .app-header,[data-theme="dark"] .tab-bar,[data-theme="dark"] .mobile-menu,[data-theme="dark"] .mobile-nav{background:var(--surface)!important}
[data-theme="dark"] .btn-ghost{background:var(--surface)!important;color:var(--text)!important}
