@font-face{font-family:Manrope;src:url("fonts/manrope.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
/* BIOPEPTIDE LABS — visual system */
:root{--ink:#0b172e;--navy:#0b172e;--teal:#00acc5;--teal-dark:#08768b;--teal-soft:#eaf8fa;--muted:#74828c;--line:#dbe5e8;--paper:#fff;--soft:#f5f9fa}
html,body{background:#f2f6f7;color:var(--ink)}
body{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.app{width:min(100%,1040px);box-shadow:0 0 80px #14384708}
header{height:132px;padding:28px 38px;background:linear-gradient(115deg,#08697f,#00b4cc);justify-content:flex-start;overflow:hidden}
.brand-lockup{display:flex;align-items:center;gap:15px;color:white;line-height:1.15;position:relative;z-index:2}
.brand-symbol{width:49px;height:55px;flex:none}
.brand-lockup strong{font-size:26px;letter-spacing:-1px;font-weight:800;display:block}
.brand-lockup small{display:block;font-size:10px;letter-spacing:4.5px;margin-top:8px;color:#e1f7fb;font-weight:650}
.header-vial{width:85px;height:114px;right:27px;top:10px;opacity:.9}
.install{left:auto;right:126px;bottom:18px;background:#ffffff18;border-color:#ffffff70;font-weight:600;padding:6px 10px}
nav{padding:12px 34px;gap:10px;background:#ffffffef;box-shadow:none;border-bottom:1px solid #e6edef}
.tab{font-size:13px;font-weight:650;min-height:55px;flex-direction:row;gap:10px;border-radius:12px;color:#6b7883}
.tab.active{background:#eaf8fa;color:#08778b}.tab.active::after{display:none}.tab.active .nav-icon{color:#08778b}
.nav-icon{display:flex}.nav-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
main{padding:42px 38px 64px;background:#fff;min-height:65vh}
h1{font-size:clamp(30px,5vw,44px);line-height:1.13;letter-spacing:-1.4px;font-weight:800}
.eyebrow{font-size:11px;letter-spacing:1.8px;color:#08768b;margin-bottom:13px;font-weight:750}
.intro{font-size:16px;line-height:1.75;color:#74828c;margin:16px 0 30px;max-width:60ch}
.card{border:1px solid #dce6e9;border-radius:20px;padding:28px;box-shadow:none;margin-bottom:22px}
.card h2{font-size:18px;letter-spacing:-.4px;margin-bottom:23px}.grid{gap:23px 20px}
label{font-size:14px;font-weight:700}.field{gap:10px}.control{min-height:60px;border:1px solid #cad7dc;background:white;border-radius:13px}
.control:focus-within{border-color:#00a9c2;box-shadow:0 0 0 3px #00acc512}
.control input,.control select,.control textarea{font-size:17px;padding:16px;color:#0b172e;font-weight:550}
.control select{background-position:calc(100% - 20px) 27px,calc(100% - 15px) 27px}.suffix{color:#7c8a93;font-size:14px}
.text-action{color:#08768b;text-decoration:none;font-size:12px;font-weight:600;text-align:left;padding-top:3px}
.result{background:#eff9fb;border:1px solid #bfdee5;color:#0b172e;padding:30px;box-shadow:none}
.result::after{display:none}.result .eyebrow{color:#08768b!important}.big{font-size:64px;line-height:1.1;letter-spacing:-3px}.big small{color:#657f89;font-size:14px;font-weight:500;letter-spacing:0}.result-meta{color:#657f89;font-size:13px}.result-top>div>strong{font-size:22px}
.bar{height:16px;border:1px solid #97c8d3;background:repeating-linear-gradient(90deg,#b4d3da 0 1px,transparent 1px 10%);border-radius:4px}.fill{background:linear-gradient(90deg,#08768b,#06b7ce)}.ticks{color:#52717d;font-size:11px}.warning{color:#9f341f}
.primary,#ageConfirm{min-height:58px;background:linear-gradient(110deg,#08738a,#00b5cc);border-radius:14px;box-shadow:none;font-weight:750;font-size:16px;padding:17px 20px}.primary:hover{box-shadow:0 7px 18px #07889c18}.fineprint{font-size:12px;line-height:1.8;color:#7b8993}
.ghost{background:#fff;border:1px solid #cddbe0;border-radius:13px;color:#425765;min-height:44px}
.category-head{padding:8px 0}.category-head h2{font-size:17px;letter-spacing:-.3px}.category-count{background:#eaf5f7;color:#08768b;padding:3px 10px;border-radius:20px;font-size:11px}.library-list{gap:30px}.category-group{gap:12px}
.profile-open{background:#fff;border:1px solid #d8e3e7;box-shadow:none;border-radius:15px;padding:20px}.profile-open strong{font-size:17px;letter-spacing:-.3px}.profile-open span{font-size:12px}.profile-open::after{background:#eaf7fa;color:#08768b;border-radius:10px}.profile-open:hover{border-color:#00acc5;box-shadow:none}
.search{margin:0 0 25px;background:#f8fbfc}.search input{font-weight:400}.profile-hero{background:linear-gradient(115deg,#08697f,#00abc4);padding:28px}.profile-hero .category,.profile-hero p{color:#def5f9}.profile-hero h2{font-size:30px;letter-spacing:-.8px}.profile-content{padding:26px}.quick{background:#f0f8fa;border-color:#dcebee;border-radius:14px}.detail-block{padding:24px 0 6px}.detail-block p,.detail-block ul{color:#536570;line-height:1.8}.timeline-card{background:#f8fbfc;border-color:#dce7ea;border-radius:13px}.timeline-card strong{color:#0b172e}
.weekhead{margin-bottom:20px}.weekhead h2{font-size:18px}.weeknav button{background:#fff;border-color:#cedde2;color:#08768b;border-radius:11px;width:42px;height:42px}.summary{gap:12px;margin:20px 0}.stat{background:#f2f9fb;border:1px solid #d7e9ee;border-radius:15px;padding:18px}.stat strong{font-size:23px;letter-spacing:-.6px;margin-top:6px}.stat span{font-size:12px}
.entry{border-color:#dce5e8;border-radius:15px;box-shadow:none;padding:17px}.day{background:#e9f7fa;color:#08768b;border-radius:12px;box-shadow:none}.day small{color:#54838e}.entry h3{font-size:15px}.entry p{font-size:12px;overflow-wrap:anywhere}.empty{background:#fafcfd;border:1px dashed #cbdde3;border-radius:16px;padding:48px 22px;font-size:14px}.delete{min-width:44px;min-height:44px}
.dialog{background:#0b172e80;backdrop-filter:blur(5px)}.sheet{background:#fff;border-radius:24px 24px 0 0;padding:28px;box-shadow:0 20px 80px #0b172e20}.profile-sheet{padding:0}.sheet-title h2::before{display:none}.close{background:#edf5f7;color:#44606c}.toast{background:#0b172e;font-size:14px;font-weight:550}
body.age-locked{background:#eef5f7}#ageGate{width:min(100%,620px);background:white;padding:44px 32px;min-height:100dvh}.age-brand{background:linear-gradient(115deg,#08697f,#00b4cc);border-radius:0;margin:-44px -32px 38px;padding:32px}.age-brand .brand-lockup{justify-content:center}.age-brand .brand-lockup strong{font-size:24px}#ageGate h1{font-size:36px;letter-spacing:-1px;line-height:1.15}.age-intro{font-size:16px;line-height:1.8}.age-notice{font-size:15px;color:#516773;line-height:1.85;background:#f0f8fa;border:1px solid #cfe4ea;border-radius:18px;padding:24px;margin:28px 0}.age-notice strong{color:#0b172e}#ageDecline{font-size:14px;border-color:#d5e1e6;color:#6f7c86}#ageDenied{font-size:14px}
button:focus-visible{outline:3px solid #08768b;outline-offset:3px}
@media(min-width:800px){#calculator{display:grid;grid-template-columns:1.25fr 1fr;gap:0 26px}#calculator>.eyebrow,#calculator>h1,#calculator>.intro{grid-column:1/-1}#calculator>.card:not(.result){grid-column:1;grid-row:4/7}#calculator>.result{grid-column:2;align-self:start}#calculator>#toLog,#calculator>.fineprint{grid-column:2}#calculator>.fineprint{margin-bottom:0}.library-list{grid-template-columns:1fr 1fr;align-items:start}}
@media(max-width:600px){header{height:108px;padding:22px}.brand-lockup{gap:10px}.brand-symbol{width:35px;height:43px}.brand-lockup strong{font-size:21px;letter-spacing:-.8px}.brand-lockup small{font-size:8px;letter-spacing:3.4px}.header-vial{right:9px;width:53px;height:88px;top:10px}.install{right:14px;bottom:3px;font-size:9px;padding:1px 6px}main{padding:30px 21px 125px}h1{font-size:34px}.intro{font-size:14px;margin:14px 0 27px}.card{padding:21px;border-radius:17px}.grid{grid-template-columns:1fr 1fr;gap:20px 14px}.field.full{grid-column:1/-1}label{font-size:12px}.control{min-height:56px}.control input,.control select{font-size:16px;padding:14px 12px}.control select{padding-right:28px}.suffix{font-size:12px;padding:0 10px}.result{padding:23px}.big{font-size:54px}.big small{font-size:12px}.result-top{gap:12px}.result-top>div>strong{font-size:19px}.primary{font-size:14px}.summary{gap:8px}.stat{padding:13px 10px}.stat strong{font-size:19px}.stat span{font-size:10px}.sheet{padding:22px 18px}.profile-sheet{padding:0}.profile-content{padding:20px}.quick-grid{grid-template-columns:1fr}.profile-hero{padding:25px 20px}nav{position:fixed;top:auto;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1040px);border-top:1px solid #dce8ec;padding:10px 14px max(10px,env(safe-area-inset-bottom));gap:7px}.tab{flex-direction:column;gap:5px;font-size:11px;min-height:54px;border-radius:12px}#ageGate{padding:32px 24px}.age-brand{margin:-32px -24px 34px;padding:30px 18px}#ageGate h1{font-size:32px}.age-notice{padding:21px}.age-brand .brand-lockup strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:380px){header .brand-lockup strong{font-size:18px}header .brand-lockup small{font-size:7px;letter-spacing:2.5px}header .brand-symbol{width:29px}.header-vial{width:43px;right:6px}header{padding:20px 16px}.big{font-size:46px}.big small{display:block}main{padding-left:17px;padding-right:17px}}

/* Original identity: unchanged logo artwork and a prominent, uncropped vial. */
header{height:204px;padding:18px 160px 24px 24px;background:#0b0b0d;position:relative}
header .brand-logo{display:block;width:min(100%,440px);height:162px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}
header .header-vial{display:block;width:140px;height:180px;right:18px;top:10px;opacity:1;object-fit:contain}
header .install{right:22px;bottom:5px;font-size:10px;padding:2px 8px}
.age-brand{background:#0b0b0d}
.age-brand .brand-logo{width:min(100%,360px);height:auto;max-height:180px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}
@media(max-width:600px){header{height:172px;padding:14px 105px 20px 8px}header .brand-logo{width:100%;height:138px}header .header-vial{width:100px;height:146px;right:4px;top:6px}header .install{right:8px;bottom:5px;font-size:9px}.age-brand .brand-logo{height:auto;max-height:150px}}

/* Contact navigation and source links */
nav{grid-template-columns:repeat(4,minmax(0,1fr))}.tab{min-width:0}.contact-links{display:grid;gap:16px;margin:28px 0}.contact-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #dae6eb;border-radius:20px;background:white;text-decoration:none;color:#0d1b2a;box-shadow:0 8px 26px #0d1b2a08}.contact-card>svg{width:42px;height:42px;flex-shrink:0}.contact-card.whatsapp>svg{color:#20b968}.contact-card.telegram>svg{color:#229ed9}.contact-card>span:nth-child(2){flex:1}.contact-card strong,.contact-card small{display:block}.contact-card strong{font-size:21px}.contact-card small{margin-top:6px;color:#62727c}.contact-card:hover{border-color:#0aa5ba;box-shadow:0 8px 28px #0a9aac18}.contact-card:focus-visible{outline:3px solid #0aa5ba;outline-offset:3px}.research-sources a{color:#087c91;overflow-wrap:anywhere}.research-sources li{margin-bottom:12px}@media(max-width:380px){nav{padding-left:5px;padding-right:5px;gap:2px}.tab{font-size:10px;padding-left:2px;padding-right:2px}}

/* Refined typography */
h1,.profile-hero h2{font-weight:750;letter-spacing:-.035em}h2,h3{letter-spacing:-.025em}button,input,select,textarea{font-family:inherit}.big,.stat strong{font-variant-numeric:tabular-nums}

/* Visible research-use notice across all sections */
.research-notice{background:#eaf8fa;border:1px solid #c5e4ea;border-left:4px solid #08768b;border-radius:12px;padding:16px 18px;margin:0 0 28px;color:#23454f;line-height:1.65}.research-notice strong{display:block;color:#086579;font-size:14px;font-weight:750}.research-notice p{font-size:13px;margin:7px 0 0}.profile-purpose{padding:24px 28px 0}.profile-purpose .research-notice{margin-bottom:12px}.profile-purpose>.fineprint{color:#536671;font-size:12px;line-height:1.65}@media(max-width:600px){.profile-purpose{padding:20px 20px 0}.research-notice{padding:14px 15px;margin-bottom:24px}}