.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%,#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{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)}.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.half{margin-bottom:0}.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,.smoke-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)}.gauge-container{margin:var(--space-md) 0;justify-content:center;display:flex}.health-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}.gauge-legend{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.gauge-legend span{color:var(--text-mute);align-items:center;gap:4px;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.wellness-summary{text-align:center}.summary-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.summary-score{letter-spacing:-2px;font-size:48px;font-weight:700}.summary-rating{font-size:18px;font-weight:600}.summary-details p{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:13px;line-height:1.7}.sub-scores-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.sub-scores-grid{grid-template-columns:1fr}}.sub-score-item{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-glass)}.sub-score-header{color:var(--text-primary);margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.sub-score-value{align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}.score-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.sub-score-bar{background:var(--hairline);border-radius:2px;height:4px;overflow:hidden}.sub-score-fill{background:linear-gradient(90deg, var(--link), var(--violet));border-radius:2px;height:100%;transition:width .5s}.sub-score-label{color:var(--text-mute);margin-top:4px;font-size:11px}.radar-container{padding:var(--space-md) 0;justify-content:center;display:flex}.radar-container svg{width:240px;height:240px}.auto-metrics{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=500px){.auto-metrics{grid-template-columns:repeat(2,1fr)}}.metric-sm{padding:var(--space-sm);text-align:center;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md)}.metric-sm-value{color:var(--text-primary);font-size:16px;font-weight:700}.metric-sm-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:10px}.health-analysis-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.health-analysis-grid{grid-template-columns:1fr}}.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}.achievements-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.achievements-grid{grid-template-columns:1fr}}.achievement-card{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);display:flex}.achievement-card.earned{background:#50e3c214;border-color:#50e3c233}.achievement-icon{border-radius:var(--radius-md);background:var(--bg-glass);filter:grayscale();opacity:.4;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .3s;display:flex}.achievement-icon.earned-icon{filter:none;opacity:1}.achievement-name{color:var(--text-primary);font-size:13px;font-weight:600}.achievement-desc{color:var(--text-secondary);font-size:11px}.achievement-status{color:var(--text-mute);margin-top:2px;font-size:10px;font-weight:600}.achievement-card.earned .achievement-status{color:#50e3c2}.placeholder-text{color:var(--text-mute);text-align:center;grid-column:1/-1;font-size:13px}.insights-section,.scenarios-section,.wellness-dashboard-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(3,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: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-metrics{gap:var(--space-md);grid-template-columns:repeat(3,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}.deltas-title{margin:var(--space-lg) 0 var(--space-sm);color:var(--text-primary);font-size:15px;font-weight:600}.scenario-category-deltas{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.scenario-category-deltas{grid-template-columns:1fr}}.delta-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-glass);border-radius:var(--radius-sm);font-size:12px;display:flex}.delta-label{color:var(--text-primary);min-width:80px;font-weight:500}.delta-bar-track{background:var(--hairline);border-radius:2px;flex:1;height:4px;overflow:hidden}.delta-bar-fill{border-radius:2px;height:100%;transition:width .3s}.delta-value{text-align:right;min-width:30px;font-weight:700}.dashboard-grid{gap:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=800px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=500px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{padding:var(--space-lg);text-align:center}.dashboard-title{margin:0 0 var(--space-md);color:var(--text-primary);font-size:14px;font-weight:600}.consistency-display{justify-content:center;align-items:center;min-height:100px;display:flex}.consistency-value{letter-spacing:-1px;font-size:42px;font-weight:700}.wellness-chart{height:100px;padding:var(--space-sm) 0;align-items:flex-end;gap:6px;display:flex}.chart-col{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.chart-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--link), var(--violet));border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:height .3s}.chart-label{color:var(--text-mute);font-size:8px}.weekly-snapshot{gap:var(--space-sm);flex-direction:column;display:flex}.snapshot-item{padding:var(--space-xs) var(--space-sm);background:var(--bg-glass);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.snapshot-label{color:var(--text-secondary);font-size:12px}.snapshot-value{font-size:16px;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)}.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-sm);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:14px;line-height:1.7}.disclaimer-footer{color:var(--text-mute);margin-top:var(--space-md);font-size:12px}.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}