.nav{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--border-glass);height:64px;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:1200px;padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-xs);color:var(--text-primary);margin-right:auto;font-size:15px;font-weight:600;text-decoration:none;display:flex}.nav-links{gap:var(--space-xxs);display:flex}.nav-link-r{border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link-r:hover,.nav-link-r.active{background:var(--hairline);color:var(--text-primary);text-decoration:none}.theme-toggle{border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-card-hover)}html.light .moon-icon,html.dark .sun-icon{display:none}@media (width<=768px){.nav-inner{padding:0 var(--space-sm)}.nav-links{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:var(--space-sm) var(--space-md);gap:var(--space-xs);z-index:99;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-link-r{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-align:left}.hero-title{font-size:28px!important}.hero-subtitle{font-size:14px!important}.calculator-grid,.insights-grid,.scenarios-grid,.edu-grid,.related-grid{grid-template-columns:1fr!important}.bmi-gauge{width:250px!important;height:125px!important}.bmi-metrics-grid,.health-analysis-grid,.input-row,.scenario-metrics{grid-template-columns:1fr!important}}.main{padding-top:64px}.hero{padding:var(--space-4xl) var(--space-lg) var(--space-3xl);text-align:center;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(at 20%,#0070f30f 0%,#0000 60%),radial-gradient(at 80%,#7928ca0f 0%,#0000 60%);position:absolute;inset:0}.hero-particles{z-index:0;position:absolute;inset:0;overflow:hidden}.particle{background:var(--cyan);opacity:.05;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.p1{background:var(--gradient-dev-start);width:300px;height:300px;top:-100px;left:-100px}.p2{background:var(--gradient-preview-start);width:200px;height:200px;animation-delay:-5s;bottom:-50px;right:-50px}.p3{background:var(--violet);width:150px;height:150px;animation-delay:-10s;top:50%;left:60%}.p4{background:var(--highlight-pink);width:100px;height:100px;animation-delay:-15s;top:20%;right:20%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.hero-badge{border-radius:var(--radius-full);color:var(--link);margin-bottom:var(--space-md);letter-spacing:.2px;background:#0070f314;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero-title{letter-spacing:-1.8px;margin:0 0 var(--space-md);color:var(--text-primary);font-size:42px;font-weight:600;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.calculator-section{padding:0 var(--space-lg) var(--space-4xl);overflow:hidden}.calculator-grid{gap:var(--space-lg);grid-template-columns:380px 1fr;align-items:start;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.calculator-grid{grid-template-columns:1fr}}.inputs-panel{position:sticky;top:80px}.inputs-card{padding:var(--space-xl)}.section-title{letter-spacing:-.4px;margin:0 0 var(--space-lg);color:var(--text-primary);font-size:18px;font-weight:600}.input-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.input-row{grid-template-columns:1fr}}.input-group{margin-bottom:var(--space-md)}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-with-slider{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.input-num{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-card);width:70px;max-width:100%;height:36px;color:var(--text-primary);text-align:center;box-sizing:border-box;outline:none;padding:0 8px;font-size:14px;font-weight:500;transition:border-color .2s}.input-num:focus{border-color:var(--link)}.input-unit{color:var(--text-mute);min-width:28px;font-size:12px;font-weight:500}.slider{appearance:none;background:var(--hairline);cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:120px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--link);cursor:pointer;border:2px solid var(--canvas);border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 3px #00000026}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn-group{flex-wrap:wrap;gap:6px;display:flex}.btn-group button,.gender-btn,.unit-btn,.fitness-btn{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-group button:hover{background:var(--bg-card-hover)}.btn-group button.active{background:var(--link);color:#fff;border-color:var(--link)}.imperial-row{gap:var(--space-sm);display:flex}.imperial-field{align-items:center;gap:4px;display:flex}.imperial-field .input-num{width:60px}.select-input{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;height:40px;color:var(--text-primary);cursor:pointer;outline:none;padding:0 10px;font-size:13px;transition:border-color .2s}.select-input:focus{border-color:var(--link)}.results-panel{gap:var(--space-lg);flex-direction:column;display:flex}.result-card{padding:var(--space-xl)}.bmi-gauge-container{margin:var(--space-md) 0;justify-content:center;display:flex}.bmi-gauge{width:300px;height:150px;position:relative}.gauge-arc{width:100%;height:100%;position:relative}.gauge-svg{width:100%;height:100%}.gauge-needle{transform-origin:bottom;width:40px;height:120px;color:var(--text-primary);transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(90deg)}.gauge-needle svg{width:100%;height:100%}.gauge-center{text-align:center;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.gauge-value{letter-spacing:-1px;font-size:36px;font-weight:700;transition:color .3s}.gauge-label{margin-top:2px;font-size:13px;font-weight:500;transition:color .3s}.bmi-metrics-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.metric-card{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-glass);text-align:center}.metric-value{color:var(--text-primary);font-size:16px;font-weight:600}.metric-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:11px}.status-dot{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-right:6px;font-size:11px;display:inline-flex}.status-good{color:#50e3c2;background:#50e3c226}.status-attention{color:#e00;background:#ee00001a}.category-scale{margin-top:var(--space-lg)}.scale-track{background:var(--hairline);border-radius:6px;height:12px;position:relative;overflow:hidden}.scale-segment{height:100%;position:absolute;top:0}.scale-marker{z-index:2;width:4px;height:24px;box-shadow:0 0 0 3px var(--canvas), 0 2px 4px #00000026;border-radius:2px;transition:left .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-6px}.scale-labels{color:var(--text-mute);justify-content:space-between;margin-top:6px;padding:0 4px;font-size:10px;display:flex}.weight-range-chart{margin-top:var(--space-xl)}.chart-track{background:var(--hairline);border-radius:4px;height:8px;margin:30px 0 8px;position:relative}.chart-bar{background:#50e3c24d;border:2px solid #50e3c2;border-radius:4px;height:16px;transition:all .5s;position:absolute;top:-4px}.weight-indicator{background:var(--text-primary);border:3px solid var(--canvas);z-index:2;border-radius:50%;width:16px;height:16px;margin-left:-8px;transition:left .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-10px;box-shadow:0 2px 6px #0003}.chart-labels{color:var(--text-mute);justify-content:space-between;margin-top:4px;font-size:10px;display:flex;position:relative}.chart-labels span{position:relative}.chart-healthy-start,.chart-healthy-end,.chart-current-weight{color:var(--text-primary);font-size:11px;font-weight:500}.chart-legend{gap:var(--space-lg);margin-top:var(--space-sm);color:var(--text-secondary);justify-content:center;font-size:11px;display:flex}.legend-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.current-dot{background:var(--text-primary)}.health-analysis-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.health-item{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-glass)}.health-item.full-width{grid-column:1/-1}.health-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px}.health-label-sm{color:var(--text-mute);margin-top:4px;font-size:12px}.health-score-value{letter-spacing:-.5px;font-size:28px;font-weight:700}.health-score-bar-track{background:var(--hairline);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.health-score-bar{border-radius:2px;height:100%;transition:width .6s}.health-status{color:var(--text-primary);font-size:16px;font-weight:600}.health-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.insights-section,.scenarios-section{padding:0}.section-band{padding:var(--space-4xl) var(--space-lg)}.section-band.light{background:var(--bg-glass)}.band-content{max-width:1200px;margin:0 auto}.section-heading{letter-spacing:-1px;margin:var(--space-sm) 0;color:var(--text-primary);font-size:28px;font-weight:600}.section-subtitle{color:var(--text-secondary);margin:0 0 var(--space-xl);max-width:600px;font-size:15px;line-height:1.7}.insights-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.insights-grid{grid-template-columns:1fr}}.insight-card{gap:var(--space-md);padding:var(--space-lg);opacity:0;animation:.4s forwards fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.insight-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.insight-icon svg{width:20px;height:20px}.insight-info{color:var(--link);background:#0070f31a}.insight-trending{color:var(--violet);background:#7928ca1a}.insight-heart{color:var(--highlight-pink);background:#ff00801a}.insight-lightbulb{color:var(--warning);background:#f5a62326}.insight-activity{color:var(--cyan);background:#50e3c226}.insight-content h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.insight-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.scenarios-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=800px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.scenarios-grid{grid-template-columns:1fr}}.scenario-btn{cursor:pointer;text-align:left;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--border-glass);width:100%;font-family:inherit;transition:all .2s;display:flex}.scenario-btn:hover{box-shadow:var(--shadow-level-4);transform:translateY(-2px)}.scenario-btn.active{border-color:var(--link)}.scenario-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.scenario-info{flex:1}.scenario-label{color:var(--text-primary);font-size:14px;font-weight:600}.scenario-bmi{color:var(--text-mute);margin-top:2px;font-size:12px}.scenario-arrow{color:var(--text-mute);font-size:18px}.scenario-results{margin-top:var(--space-xl);padding:var(--space-xl);display:none}.scenario-results.visible{display:block}.results-title{margin:0 0 var(--space-sm);color:var(--text-primary);font-size:18px;font-weight:600}.scenario-desc{color:var(--text-secondary);margin:0 0 var(--space-lg);font-size:14px}.scenario-metrics{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.scenario-metrics{grid-template-columns:repeat(2,1fr)}}.scenario-metric{text-align:center;padding:var(--space-md);background:var(--bg-glass);border-radius:var(--radius-md)}.scenario-metric .metric-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.scenario-metric .metric-value{color:var(--text-primary);margin-top:4px;font-size:20px;font-weight:700}.edu-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.edu-grid{grid-template-columns:1fr}}.edu-card{padding:var(--space-xl)}.edu-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--link);margin-bottom:var(--space-sm);background:linear-gradient(135deg,#0070f31a,#7928ca1a);justify-content:center;align-items:center;display:flex}.edu-card h3{margin:0 0 var(--space-sm);color:var(--text-primary);font-size:16px;font-weight:600}.edu-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.edu-card ul{padding:0 0 0 var(--space-lg);color:var(--text-secondary);margin:0;font-size:13px;line-height:1.8}.edu-card li strong{color:var(--text-primary)}.edu-card li em{color:var(--text-mute)}.faq-card{grid-column:1/-1}.faq-list{margin-top:var(--space-sm)}.faq-item{border-top:1px solid var(--border-glass);padding:4px 0}.faq-item details{font-size:14px}.faq-item summary{color:var(--text-primary);cursor:pointer;align-items:center;gap:var(--space-xs);padding:8px 0;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";color:var(--link);margin-right:4px;font-size:16px;font-weight:400;transition:transform .2s}.faq-item details[open] summary:before{content:"−"}.faq-item details p{color:var(--text-secondary);margin:0 0 var(--space-sm) 0;padding-left:20px;font-size:13px;line-height:1.7}.related-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=800px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.related-grid{grid-template-columns:1fr}}.related-card{padding:var(--space-lg);color:inherit;gap:var(--space-xs);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.related-card:hover{box-shadow:var(--shadow-level-4);text-decoration:none;transform:translateY(-2px)}.related-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--link);background:linear-gradient(135deg,#0070f31a,#7928ca1a);justify-content:center;align-items:center;display:flex}.related-card h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.related-card p{color:var(--text-mute);margin:0;font-size:12px;line-height:1.4}.disclaimer-section .section-band{padding-bottom:var(--space-2xl)}.disclaimer-content{text-align:center;max-width:700px}.disclaimer-icon{width:48px;height:48px;color:var(--error);margin:0 auto var(--space-md);background:#ee000014;border-radius:50%;justify-content:center;align-items:center;display:flex}.disclaimer-content h3{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:16px;font-weight:600}.disclaimer-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.8}.disclaimer-footer{font-weight:500;margin-top:var(--space-md)!important;color:var(--text-primary)!important}.footer{border-top:1px solid var(--border-glass);padding:var(--space-xl) 0}.footer-inner{max-width:1200px;padding:0 var(--space-lg);text-align:center;color:var(--text-mute);margin:0 auto;font-size:12px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all .3s}.glass-card:hover{background:var(--bg-card-hover)}