.tools-page{color:#f1f4fa;background:#0a0c10;min-height:100vh;overflow:hidden}.tools-nav{background:#0a0c10e6;border-bottom:1px solid #98a4ba21;align-items:center;height:74px;padding:0 max(24px,50vw - 620px);display:flex}.tools-brand{align-items:center;gap:10px;font-size:16px;font-weight:780;display:flex}.tools-brand img{object-fit:contain;filter:drop-shadow(0 0 13px #9b2fff59);width:36px;height:36px}.tools-nav>div{gap:25px;margin-left:auto;display:flex}.tools-nav>div a{color:#98a4ba;font-size:12px}.tools-nav>div a:hover{color:#f1f4fa}.tools-hero{grid-template-columns:1fr 360px;align-items:end;gap:80px;max-width:1240px;margin:0 auto;padding:105px 0 65px;display:grid;position:relative}.tools-hero:before{content:"";filter:blur(110px);opacity:.14;pointer-events:none;background:#8623d4;border-radius:50%;width:520px;height:520px;position:absolute;top:-260px;left:-300px}.tools-kicker,.tool-heading span{color:#58c4e3;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:760}.tools-hero h1{letter-spacing:-.06em;margin:20px 0 25px;font-size:clamp(50px,6vw,78px);line-height:.96}.tools-hero h1 em{color:#818ba0;font-style:normal}.tools-hero>div>p{color:#aeb7c9;max-width:720px;margin:0;font-size:16px;line-height:1.7}.privacy-note{background:linear-gradient(145deg,#171b24,#11141a);border:1px solid #2a3045;border-radius:17px;gap:15px;padding:22px;display:flex}.privacy-note>span{color:#4dcc8a;background:#4dcc8a14;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.privacy-note strong{font-size:13px}.privacy-note p{color:#98a4ba;margin:6px 0 0;font-size:11px;line-height:1.55}.tool-type-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1240px;margin:0 auto 18px;display:grid}.tool-type-switch button{color:#98a4ba;cursor:pointer;text-align:left;background:#10131a;border:1px solid #2a3045;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:68px;padding:15px 18px;display:flex}.tool-type-switch button[aria-pressed=true]{color:#58c4e3;background:#58c4e314;border-color:#58c4e3;box-shadow:inset 0 0 0 1px #58c4e31a}.tool-type-switch strong{color:inherit;font-size:13px}.tool-type-switch span{color:#747f94;font-size:10px}.public-tool{border:1px solid #2a3045;border-radius:24px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);max-width:1240px;margin:0 auto 100px;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000059}.tool-form,.tool-results{padding:40px}.tool-form{background:#13161d}.tool-results{background:linear-gradient(150deg,#171b24,#0f1218);border-left:1px solid #2a3045}.tool-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tool-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:29px}.tool-heading b{color:#3e475b;font:700 12px var(--font-geist-mono),monospace}.tool-intro{color:#98a4ba;margin:18px 0 25px;font-size:13px;line-height:1.65}.input-warning{color:#a89274;background:#ffb65c0f;border-left:2px solid #ffb65c;margin:-8px 0 23px;padding:12px 14px;font-size:10px;line-height:1.55}.input-warning strong{color:#d4b17f}.mode-switch,.choice-row,.recon-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-switch button,.choice-row button,.recon-switch button{color:#98a4ba;cursor:pointer;text-align:left;background:#0f1218;border:1px solid #2a3045;border-radius:11px;padding:14px}.mode-switch button[aria-pressed=true],.choice-row button[aria-pressed=true],.recon-switch button[aria-pressed=true]{color:#f1f4fa;background:#202532;border-color:#58c4e3;box-shadow:inset 0 0 0 1px #58c4e31f}.mode-switch strong,.mode-switch span{display:block}.mode-switch strong{font-size:12px}.mode-switch span{margin-top:5px;font-size:9px}.mix-options,.preblend-options{background:#10131a;border:1px solid #242a39;border-radius:14px;margin-top:22px;padding:20px}.mix-options fieldset{border:0;margin:0 0 16px;padding:0}.mix-options legend{color:#98a4ba;margin-bottom:8px;font-size:10px}.mix-options>label:not(.check-field),.calculation-value{margin-top:16px;display:block}.check-field{cursor:pointer;align-items:center;gap:10px;margin-top:16px;display:flex}.check-field input{accent-color:#58c4e3;width:17px;height:17px}.check-field strong,.check-field small{display:block}.check-field strong{font-size:11px}.check-field small{color:#747f94;margin-top:3px;font-size:9px}.peptide-rows{gap:10px;margin-top:22px;display:grid}.peptide-row{background:#10131a;border:1px solid #242a39;border-radius:14px;padding:18px}.peptide-row-title{justify-content:space-between;margin-bottom:15px;display:flex}.peptide-row-title strong{color:#cdd5e4;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.peptide-row-title button{color:#d69aa3;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.tool-form label{color:#98a4ba;font-size:10px}.tool-form input,.tool-form select{color:#f1f4fa;background:#0b0e13;border:1px solid #2d3445;border-radius:9px;outline:none;width:100%;height:42px;margin-top:7px;padding:0 11px}.tool-form input:focus,.tool-form select:focus{border-color:#58c4e3;box-shadow:0 0 0 3px #58c4e31a}.input-grid{grid-template-columns:1fr;gap:10px;margin-top:13px;display:grid}.input-grid.three{grid-template-columns:1fr 1fr .65fr}.single-public-fields{margin-top:22px}.single-public-fields .input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.add-peptide{color:#b9c2d4;cursor:pointer;background:0 0;border:1px dashed #3c455a;border-radius:11px;width:100%;margin-top:10px;padding:13px}.add-peptide:hover{color:#f1f4fa;border-color:#58c4e3}.recon-switch{margin:17px 0 0}.recon-switch button{text-align:center;font-size:10px}.result-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0 12px;display:grid}.result-summary div{background:#0c0f14;border:1px solid #242a39;border-radius:11px;padding:14px}.result-summary span,.result-summary strong{display:block}.result-summary span{color:#747f94;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.result-summary strong{margin-top:7px;font-size:15px}.empty-result{text-align:center;place-content:center;min-height:300px;display:grid}.empty-result strong{font-size:18px}.empty-result p{color:#747f94;max-width:310px;font-size:12px;line-height:1.6}.result-error{color:#f0b5bd;background:#d6677517;border:1px solid #d6677540;border-radius:10px;margin:24px 0 12px;padding:14px;font-size:11px;line-height:1.5}.shared-draw-result{background:linear-gradient(135deg,#58c4e31f,#c99bff14);border:1px solid #385168;border-radius:14px;padding:22px}.shared-draw-result span,.shared-draw-result strong{display:block}.shared-draw-result span{color:#58c4e3;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.shared-draw-result strong{margin:7px 0 4px;font-size:29px}.shared-draw-result p{color:#98a4ba;margin:0;font-size:10px}.single-draw-result{color:#4dcc8a;background:linear-gradient(135deg,#4dcc8a1c,#58c4e30f);border:1px solid #4dcc8a52;border-radius:14px;margin-top:25px;padding:24px}.single-draw-result span,.single-draw-result strong{display:block}.single-draw-result span{letter-spacing:.1em;text-transform:uppercase;font-size:9px}.single-draw-result strong{margin:8px 0 5px;font-size:31px}.single-draw-result p{color:#98a4ba;margin:0;font-size:10px}.single-result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.result-list{margin-top:24px}.result-list h3{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.result-list article{border-bottom:1px solid #293040;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.result-list article>div{min-width:0}.result-list article strong,.result-list article span{display:block}.result-list article strong{font-size:11px}.result-list article span{color:#7d879b;margin-top:4px;font-size:9px;line-height:1.5}.result-list article b{color:#c99bff;white-space:nowrap;font-size:10px}.direction{background:#111722;border-left:2px solid #c99bff;margin-top:18px;padding:15px}.direction strong{font-size:10px}.direction p{color:#8f9aaf;margin:5px 0 0;font-size:10px;line-height:1.55}.medical-warning{color:#d4b17f;background:#ffb65c12;border:1px solid #ffb65c33;border-radius:11px;margin-top:25px;padding:16px}.medical-warning strong{font-size:10px}.medical-warning p{color:#a89274;margin:6px 0 0;font-size:9px;line-height:1.55}.public-resources{max-width:1240px;margin:0 auto;padding:20px 0 120px}.public-resources>div:first-child{margin-bottom:30px}.public-resources h2{letter-spacing:-.045em;margin:12px 0 0;font-size:36px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.resource-grid a{background:linear-gradient(150deg,#171b24,#101319);border:1px solid #2a3045;border-radius:17px;flex-direction:column;min-height:230px;padding:25px;transition:transform .2s,border-color .2s;display:flex}.resource-grid a:hover{border-color:#586279;transform:translateY(-3px)}.resource-grid span{color:#58c4e3;letter-spacing:.11em;text-transform:uppercase;font-size:9px}.resource-grid strong{margin-top:27px;font-size:18px}.resource-grid p{color:#8f9aaf;font-size:11px;line-height:1.6}.resource-grid b{color:#c99bff;margin-top:auto;font-size:18px}.tools-footer{background:#07090c;border-top:1px solid #98a4ba21;justify-content:space-between;padding:35px max(24px,50vw - 620px);display:flex}.tools-footer strong,.tools-footer span{display:block}.tools-footer strong{font-size:13px}.tools-footer span{color:#69758d;margin-top:5px;font-size:9px}.tools-footer nav{gap:20px;display:flex}.tools-footer a{color:#8f9aaf;font-size:10px}@media (max-width:1280px){.tools-hero,.tool-type-switch,.public-tool,.public-resources{margin-left:25px;margin-right:25px}}@media (max-width:900px){.tools-hero{grid-template-columns:1fr;gap:30px}.privacy-note{max-width:430px}.public-tool{grid-template-columns:1fr}.tool-results{border-top:1px solid #2a3045;border-left:0}.resource-grid{grid-template-columns:1fr}.resource-grid a{min-height:190px}}@media (max-width:620px){.tools-nav{height:64px;padding:0 17px}.tools-nav>div{gap:14px}.tools-nav>div a:first-child{display:none}.tools-hero{margin:0 19px;padding:75px 0 45px}.tools-hero h1{font-size:47px}.tool-type-switch{grid-template-columns:1fr;margin:0 12px 14px}.public-tool{border-radius:17px;margin:0 12px 75px}.tool-form,.tool-results{padding:25px 18px}.mode-switch,.choice-row{grid-template-columns:1fr}.single-public-fields .input-grid,.input-grid.three{grid-template-columns:1fr 1fr}.input-grid.three label:first-child{grid-column:1/-1}.result-summary{grid-template-columns:1fr}.public-resources{margin:0 19px;padding-bottom:80px}.public-resources h2{font-size:30px}.tools-footer{padding:30px 19px;display:block}.tools-footer nav{margin-top:20px}}