.growth-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px}.growth-bar{width:100%;border-radius:8px 8px 0 0;transition:height 1s cubic-bezier(.34,1.56,.64,1);position:relative;min-height:4px}.growth-bar-label{font-size:.7rem;color:var(--text-dim);margin-top:6px;text-align:center;font-weight:600}.growth-bar-value{font-size:.75rem;color:var(--text);font-weight:700;margin-bottom:4px}.percentile-card{display:flex;align-items:center;padding:18px 20px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(123,31,162,.15);margin-bottom:10px;transition:var(--transition)}.percentile-card:hover{border-color:rgba(123,31,162,.4);transform:translateX(-4px)}.percentile-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-left:14px;flex-shrink:0}.percentile-info{flex:1}.percentile-name{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:2px}.percentile-desc{font-size:.75rem;color:var(--text-dim)}.percentile-value{font-size:1.3rem;font-weight:800;color:var(--accent-light);min-width:80px;text-align:left}.bmi-category-item{display:flex;align-items:center;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid transparent;transition:var(--transition)}.bmi-category-item.active{border-color:var(--accent);background:rgba(224,64,251,.08);box-shadow:0 0 16px rgba(224,64,251,.1)}.bmi-cat-color{width:12px;height:12px;border-radius:50%;margin-left:12px;flex-shrink:0}.bmi-cat-info{flex:1}.bmi-cat-name{font-size:.9rem;font-weight:700}.bmi-cat-range{font-size:.75rem;color:var(--text-dim);margin-top:2px}.stat-card{padding:16px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(123,31,162,.15);text-align:center;transition:var(--transition)}.stat-card:hover{border-color:rgba(123,31,162,.4);transform:translateY(-2px)}.stat-icon{font-size:1.8rem;margin-bottom:6px}.stat-value{font-size:1.4rem;font-weight:800;color:var(--accent-light)}.stat-label{font-size:.75rem;color:var(--text-dim);margin-top:4px}.milestone-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(123,31,162,.15)}.milestone-icon{width:36px;height:36px;background:rgba(224,64,251,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.milestone-text{font-size:.9rem;color:var(--text-muted);line-height:1.6;font-weight:500}.tip-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(123,31,162,.15)}.tip-icon{width:36px;height:36px;background:rgba(224,64,251,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tip-text{font-size:.9rem;color:var(--text-muted);line-height:1.6;font-weight:500}.toast.show{transform:translateX(-50%) translateY(0)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:20px 0;opacity:.3}