.visual-guide-container{margin:1.5rem 0}.visual-guide-header{text-align:center;margin-bottom:1.5rem}.visual-guide-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.visual-guide-subtitle{font-size:.875rem;color:#64748b}.visual-reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-bottom:1.5rem}.visual-reference-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem .75rem;border:2px solid #e2e8f0;border-radius:1rem;background:#fff;cursor:pointer;transition:all .3s ease;overflow:hidden}.visual-reference-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);transition:all .3s ease}.visual-reference-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a;border-color:#d8b4fe}.visual-reference-card.selected{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#a855f7;box-shadow:0 8px 20px #a855f733}.visual-reference-card.selected:before{background:linear-gradient(90deg,#a855f7,#9333ea)}.visual-reference-card.essential:hover{border-color:#fca5a5}.visual-reference-card.essential.selected{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.visual-reference-card.essential.selected:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.visual-reference-card.athlete:hover{border-color:#67e8f9}.visual-reference-card.athlete.selected{background:linear-gradient(135deg,#cffafe,#a5f3fc);border-color:#06b6d4}.visual-reference-card.athlete.selected:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.visual-reference-card.fitness:hover{border-color:#86efac}.visual-reference-card.fitness.selected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.visual-reference-card.fitness.selected:before{background:linear-gradient(90deg,#10b981,#059669)}.visual-reference-card.average:hover{border-color:#fde047}.visual-reference-card.average.selected{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.visual-reference-card.average.selected:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.visual-reference-card.average-high:hover,.visual-reference-card.high:hover{border-color:#fca5a5}.visual-reference-card.average-high.selected,.visual-reference-card.high.selected{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.visual-reference-card.very-high:hover{border-color:#f87171}.visual-reference-card.very-high.selected{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#dc2626}.reference-emoji{font-size:1.75rem;margin-bottom:.5rem;transition:transform .3s ease}.visual-reference-card:hover .reference-emoji{transform:scale(1.1)}.reference-percentage{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.reference-category{font-size:.8125rem;font-weight:600;color:#475569;margin-bottom:.25rem}.reference-description{font-size:.75rem;color:#64748b;text-align:center;margin-bottom:.75rem}.reference-bar{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-top:auto}.reference-bar-fill{height:100%;background:linear-gradient(90deg,#a855f7,#9333ea);transition:width .3s ease}.selected-info{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #a855f7;border-radius:1rem;padding:1.5rem;animation:fadeInUp .3s ease-out}.selected-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e9d5ff}.selected-percentage{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selected-category{font-size:1.25rem;font-weight:700;color:#7c3aed}.selected-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;gap:.5rem;align-items:flex-start}.detail-label{font-size:.875rem;font-weight:600;color:#6b21a8;min-width:100px}.detail-value{font-size:.875rem;color:#475569;flex:1}.detail-value.essential{color:#dc2626;font-weight:600}.detail-value.athlete{color:#0891b2;font-weight:600}.detail-value.fitness{color:#059669;font-weight:600}.detail-value.average{color:#d97706;font-weight:600}.detail-value.average-high,.detail-value.high{color:#ef4444;font-weight:600}.detail-value.very-high{color:#dc2626;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.visual-reference-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.visual-reference-card{padding:.75rem .5rem}.reference-emoji{font-size:1.5rem}.reference-percentage{font-size:1.25rem}.reference-category{font-size:.75rem}.reference-description{font-size:.7rem}.selected-info{padding:1rem}.selected-percentage{font-size:1.5rem}.selected-category{font-size:1rem}.detail-label{min-width:80px}}.bodyfat-calculator{width:100%}.method-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.method-option{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.method-option:hover{background:#faf5ff;border-color:#d8b4fe}.method-option.active{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#a855f7}.method-title{font-weight:600;color:#334155;font-size:1rem;margin-bottom:.25rem}.method-desc{font-size:.8125rem;color:#64748b}.gender-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.gender-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.9375rem;font-weight:500}.gender-btn:hover{background:#f8fafc;border-color:#cbd5e1}.gender-btn.active.male{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.gender-btn.active.female{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#ec4899}.gender-icon{font-size:1.75rem}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.input-field{width:100%}.input-wrapper{position:relative}.modern-input{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:#f8fafc}.modern-input:focus{outline:none;border-color:#a855f7;background:#fff;box-shadow:0 0 0 3px #a855f71a}.modern-input::-moz-placeholder{color:#cbd5e1}.modern-input::placeholder{color:#cbd5e1}.input-suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.875rem;font-weight:500;pointer-events:none}.measurements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.visual-guide{margin:1.5rem 0}.visual-title{font-size:.875rem;font-weight:600;color:#475569;margin-bottom:1rem;text-align:center}.visual-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.visual-option{display:flex;flex-direction:column;align-items:center;padding:.75rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;transition:all .3s ease}.visual-option:hover{background:#faf5ff;border-color:#d8b4fe}.visual-option.active{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#a855f7}.visual-percentage{font-size:1.125rem;font-weight:700;color:#7c3aed;margin-bottom:.25rem}.visual-label{font-size:.75rem;color:#64748b;text-align:center}.submit-btn{width:100%;padding:.875rem 2rem;background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #a855f740}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #a855f759}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.results-container{margin-top:2rem;animation:fadeInUp .5s ease-out}.results-title{text-align:center;font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.results-grid{display:grid;gap:1.5rem;margin-bottom:1.5rem}.result-main{position:relative;padding:2rem;border-radius:1rem;text-align:center;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #a855f7;overflow:hidden}.result-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a855f7,#9333ea)}.result-percentage{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.result-category{font-size:1.5rem;font-weight:700;color:#7c3aed;margin-bottom:.25rem}.result-label{font-size:.875rem;color:#6b21a8;font-weight:500}.composition-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.composition-card{padding:1.25rem;border-radius:.75rem;text-align:center;transition:all .3s ease}.composition-card.fat{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171}.composition-card.lean{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.composition-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.composition-icon{font-size:1.5rem;margin-bottom:.5rem}.composition-label{font-size:.875rem;color:#475569;font-weight:500;margin-bottom:.5rem}.composition-value{font-size:2rem;font-weight:800;color:#1e293b;line-height:1}.composition-unit{font-size:.875rem;color:#64748b;font-weight:600;margin-top:.25rem}.category-badge{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;margin-top:1rem}.category-badge.essential{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.category-badge.athlete{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.category-badge.fitness{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#16a34a}.category-badge.average{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#ca8a04}.category-badge.high{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}@media (max-width: 640px){.method-select,.input-grid,.measurements-grid{grid-template-columns:1fr}.visual-options{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.composition-cards{grid-template-columns:1fr}}.header-section[data-astro-cid-cfa2ksvp]{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}h1[data-astro-cid-cfa2ksvp]{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:.5rem;color:#334155}.highlight[data-astro-cid-cfa2ksvp]{background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.subtitle[data-astro-cid-cfa2ksvp]{font-size:1.25rem;color:#64748b;margin-top:.5rem}.info-section-container[data-astro-cid-cfa2ksvp]{margin-top:4rem;animation:fadeInUp .8s ease-out}.info-header[data-astro-cid-cfa2ksvp]{text-align:center;margin-bottom:2rem}.info-header[data-astro-cid-cfa2ksvp] h2[data-astro-cid-cfa2ksvp]{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.info-highlight[data-astro-cid-cfa2ksvp]{background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-subtitle[data-astro-cid-cfa2ksvp]{font-size:1.125rem;color:#64748b}.info-content[data-astro-cid-cfa2ksvp]{background:#fff;border-radius:1.5rem;padding:3rem;box-shadow:0 20px 40px #00000014;margin-bottom:3rem}.section-block[data-astro-cid-cfa2ksvp]{margin-bottom:3rem}.section-block[data-astro-cid-cfa2ksvp]:last-child{margin-bottom:0}.section-block[data-astro-cid-cfa2ksvp] h3[data-astro-cid-cfa2ksvp]{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.25rem}.section-block[data-astro-cid-cfa2ksvp] p[data-astro-cid-cfa2ksvp]{color:#475569;line-height:1.7;margin-bottom:1.5rem}.methods-grid[data-astro-cid-cfa2ksvp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.method-card[data-astro-cid-cfa2ksvp]{text-align:center;padding:1.25rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:.75rem;border:1px solid #e9d5ff;transition:all .3s ease}.method-card[data-astro-cid-cfa2ksvp]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.method-icon[data-astro-cid-cfa2ksvp]{font-size:2rem;margin-bottom:.5rem}.method-card[data-astro-cid-cfa2ksvp] h4[data-astro-cid-cfa2ksvp]{font-weight:700;color:#7c3aed;margin-bottom:.25rem;font-size:.9375rem}.method-card[data-astro-cid-cfa2ksvp] p[data-astro-cid-cfa2ksvp]{color:#6b21a8;font-size:.8125rem;margin:0}.ranges-container[data-astro-cid-cfa2ksvp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.gender-ranges[data-astro-cid-cfa2ksvp]{background:#f8fafc;border-radius:.75rem;padding:1.25rem}.gender-title[data-astro-cid-cfa2ksvp]{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.range-bars[data-astro-cid-cfa2ksvp]{display:flex;flex-direction:column;gap:.75rem}.range-bar[data-astro-cid-cfa2ksvp]{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem}.range-label[data-astro-cid-cfa2ksvp]{font-weight:600}.range-value[data-astro-cid-cfa2ksvp]{font-weight:700}.essential-male[data-astro-cid-cfa2ksvp],.essential-female[data-astro-cid-cfa2ksvp]{background:linear-gradient(90deg,#fef2f2,#fee2e2);color:#dc2626}.athlete-male[data-astro-cid-cfa2ksvp],.athlete-female[data-astro-cid-cfa2ksvp]{background:linear-gradient(90deg,#ecfeff,#cffafe);color:#0891b2}.fitness-male[data-astro-cid-cfa2ksvp],.fitness-female[data-astro-cid-cfa2ksvp]{background:linear-gradient(90deg,#f0fdf4,#dcfce7);color:#16a34a}.average-male[data-astro-cid-cfa2ksvp],.average-female[data-astro-cid-cfa2ksvp]{background:linear-gradient(90deg,#fefce8,#fef3c7);color:#ca8a04}.high-male[data-astro-cid-cfa2ksvp],.high-female[data-astro-cid-cfa2ksvp]{background:linear-gradient(90deg,#fef2f2,#fee2e2);color:#dc2626}.benefits-grid[data-astro-cid-cfa2ksvp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.benefit-card[data-astro-cid-cfa2ksvp]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .3s ease}.benefit-card[data-astro-cid-cfa2ksvp]:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.benefit-icon[data-astro-cid-cfa2ksvp]{font-size:1.75rem;margin-bottom:.5rem}.benefit-card[data-astro-cid-cfa2ksvp] h4[data-astro-cid-cfa2ksvp]{font-weight:700;color:#334155;margin-bottom:.25rem}.benefit-card[data-astro-cid-cfa2ksvp] p[data-astro-cid-cfa2ksvp]{color:#64748b;font-size:.875rem;margin:0}.measure-container[data-astro-cid-cfa2ksvp]{margin:3rem 0}.measure-container[data-astro-cid-cfa2ksvp] h3[data-astro-cid-cfa2ksvp]{font-size:1.75rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:2rem}.measure-grid[data-astro-cid-cfa2ksvp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.measure-card[data-astro-cid-cfa2ksvp]{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .3s ease}.measure-card[data-astro-cid-cfa2ksvp]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.measure-icon[data-astro-cid-cfa2ksvp]{font-size:1.5rem;margin-bottom:.5rem}.measure-card[data-astro-cid-cfa2ksvp] h4[data-astro-cid-cfa2ksvp]{font-weight:700;color:#7c3aed;margin-bottom:.25rem}.measure-card[data-astro-cid-cfa2ksvp] p[data-astro-cid-cfa2ksvp]{color:#6b21a8;font-size:.875rem;margin:0}.risks-container[data-astro-cid-cfa2ksvp]{margin:3rem 0}.risks-container[data-astro-cid-cfa2ksvp] h3[data-astro-cid-cfa2ksvp]{font-size:1.75rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:2rem}.risks-grid[data-astro-cid-cfa2ksvp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.risk-card[data-astro-cid-cfa2ksvp]{border-radius:.75rem;overflow:hidden;transition:all .3s ease}.risk-card[data-astro-cid-cfa2ksvp]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.risk-card[data-astro-cid-cfa2ksvp].low{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.risk-card[data-astro-cid-cfa2ksvp].optimal{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.risk-card[data-astro-cid-cfa2ksvp].high{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.risk-header[data-astro-cid-cfa2ksvp]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff80}.risk-icon[data-astro-cid-cfa2ksvp]{font-size:1.25rem}.risk-header[data-astro-cid-cfa2ksvp] h4[data-astro-cid-cfa2ksvp]{font-weight:700;color:#1e293b;margin:0}.risk-list[data-astro-cid-cfa2ksvp]{padding:1rem;list-style:none}.risk-list[data-astro-cid-cfa2ksvp] li[data-astro-cid-cfa2ksvp]{color:#475569;font-size:.875rem;padding:.25rem 0}.tips-container[data-astro-cid-cfa2ksvp]{margin:3rem 0}.tips-container[data-astro-cid-cfa2ksvp] h3[data-astro-cid-cfa2ksvp]{font-size:1.75rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:2rem}.tips-grid[data-astro-cid-cfa2ksvp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.tip-card[data-astro-cid-cfa2ksvp]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .3s ease}.tip-card[data-astro-cid-cfa2ksvp]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.tip-icon[data-astro-cid-cfa2ksvp]{font-size:2rem;margin-bottom:.5rem}.tip-card[data-astro-cid-cfa2ksvp] h4[data-astro-cid-cfa2ksvp]{font-weight:700;color:#0c4a6e;margin-bottom:.25rem}.tip-card[data-astro-cid-cfa2ksvp] p[data-astro-cid-cfa2ksvp]{color:#075985;font-size:.875rem;margin:0}.cta-section[data-astro-cid-cfa2ksvp]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1.5rem;padding:3rem;text-align:center;color:#fff;margin-top:3rem}.cta-section[data-astro-cid-cfa2ksvp] h3[data-astro-cid-cfa2ksvp]{font-size:1.75rem;margin-bottom:.5rem}.cta-section[data-astro-cid-cfa2ksvp] p[data-astro-cid-cfa2ksvp]{font-size:1.125rem;opacity:.9;margin-bottom:2rem}.cta-buttons[data-astro-cid-cfa2ksvp]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-link[data-astro-cid-cfa2ksvp]{display:inline-block;padding:.875rem 2rem;border-radius:.75rem;font-weight:700;text-decoration:none;transition:all .3s ease}.cta-link[data-astro-cid-cfa2ksvp].primary{background:#fff;color:#667eea}.cta-link[data-astro-cid-cfa2ksvp].secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-link[data-astro-cid-cfa2ksvp]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.info-content[data-astro-cid-cfa2ksvp]{padding:2rem 1.5rem}.methods-grid[data-astro-cid-cfa2ksvp],.ranges-container[data-astro-cid-cfa2ksvp],.benefits-grid[data-astro-cid-cfa2ksvp],.measure-grid[data-astro-cid-cfa2ksvp],.risks-grid[data-astro-cid-cfa2ksvp],.tips-grid[data-astro-cid-cfa2ksvp]{grid-template-columns:1fr}.cta-buttons[data-astro-cid-cfa2ksvp]{flex-direction:column}.cta-link[data-astro-cid-cfa2ksvp]{width:100%;text-align:center}}