.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}.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%,#00c3ff14 0%,#0000 60%),radial-gradient(at 80%,#0070f314 0%,#0000 60%);position:absolute;inset:0}.hero-waves{z-index:0;position:absolute;inset:0;overflow:hidden}.wave{background:radial-gradient(#00c3ff08 0%,#0000 70%);width:200%;height:200px;animation:15s ease-in-out infinite waveFloat;position:absolute}.w1{animation-duration:18s;top:-50px;left:-50%}.w2{opacity:.5;animation-duration:22s;animation-delay:-3s;top:-30px;left:-30%}.w3{opacity:.3;animation-duration:25s;animation-delay:-7s;top:-70px;left:-20%}@keyframes waveFloat{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(50px)translateY(-10px)}50%{transform:translate(100px)translateY(5px)}75%{transform:translate(50px)translateY(-5px)}}.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)}.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;height:36px;color:var(--text-primary);text-align:center;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,.pregnancy-btn,.goal-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)}.goal-btn.active{background:#0070f3!important}.goal-btn[data-goal=fitness].active{background:#7928ca!important}.goal-btn[data-goal=weight_management].active{color:#171717!important;background:#50e3c2!important}.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)}.ring-container{margin:var(--space-md) 0;justify-content:center;display:flex}.hydration-ring{width:260px;height:260px;position:relative}.ring-svg{width:100%;height:100%;transform:rotate(0)}.ring-bg-circle{stroke:var(--hairline)}.progress-circle{transition:stroke-dashoffset .8s cubic-bezier(.34,1.56,.64,1),stroke .4s}.ring-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-value{letter-spacing:-1px;font-size:38px;font-weight:700}.ring-label{margin-top:2px;font-size:14px;font-weight:600;transition:color .3s}.ring-sub{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:11px}.water-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}.extra-breakdown{display:none}.timeline-subtitle{color:var(--text-mute);margin:-16px 0 var(--space-lg);font-size:13px}.timeline-container{justify-content:space-between;align-items:flex-end;gap:var(--space-sm);min-height:200px;padding:var(--space-lg) 0;display:flex}.timeline-slot{align-items:center;gap:var(--space-xs);opacity:0;flex-direction:column;flex:1;animation:.5s forwards fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-bar-track{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:24px;flex-shrink:0;width:100%;max-width:48px;height:160px;position:relative;overflow:hidden}.timeline-bar{border-radius:24px;min-height:0;transition:height .8s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0;right:0}.timeline-info{text-align:center}.timeline-amount{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:600}.timeline-glasses{color:var(--text-mute);margin-top:1px;font-size:10px}.timeline-label{color:var(--text-mute);max-width:70px;margin-top:4px;font-size:9px;line-height:1.2}.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-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}.health-desc strong{color:var(--text-primary)}.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}.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(5,1fr);display:grid}@media (width<=900px){.scenarios-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.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:20px;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-comparison{gap:var(--space-xl);align-items:center;display:flex}@media (width<=768px){.scenario-comparison{flex-direction:column}}.scenario-ring{flex-shrink:0;width:160px;height:160px;position:relative}.s-ring-svg{width:100%;height:100%}.progress-circle-small{transition:stroke-dashoffset .6s cubic-bezier(.34,1.56,.64,1)}.s-ring-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-ring-value{letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:700}.s-ring-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.2px;margin-top:2px;font-size:10px}.scenario-metrics{gap:var(--space-md);flex:1;grid-template-columns:repeat(2,1fr);display:grid}.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,#00c3ff1a);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;margin:0 auto var(--space-md);color:var(--warning);background:#f5a6231a;border-radius:50%;justify-content:center;align-items:center;display:flex}.disclaimer-content h3{margin:0 0 var(--space-md);color:var(--text-primary);font-size:18px;font-weight:600}.disclaimer-content p{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:13px;line-height:1.7}.disclaimer-footer{color:var(--text-mute);font-size:12px;font-style:italic}.footer{border-top:1px solid var(--border-glass)}.footer-inner{max-width:1200px;padding:var(--space-lg);text-align:center;color:var(--text-mute);margin:0 auto;font-size:13px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(1.4);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all .2s}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-level-3)}