.gth-water-intake-calculator .gth-water-visual { text-align: center; padding: var(--gth-space-4); background: linear-gradient(135deg, #e0f2fe, #bae6fd); border-radius: var(--gth-radius-lg); margin-bottom: var(--gth-space-4); }
.gth-water-intake-calculator .gth-water-icon { font-size: 48px; margin-bottom: var(--gth-space-2); }
.gth-water-intake-calculator .gth-water-amount { font-size: var(--gth-text-3xl); font-weight: var(--gth-font-bold); color: var(--gth-primary); }
.gth-water-intake-calculator .gth-water-unit { color: var(--gth-text-secondary); }
.gth-water-intake-calculator .gth-water-breakdown { display: flex; justify-content: center; gap: var(--gth-space-6); }
.gth-water-intake-calculator .gth-breakdown-item { text-align: center; }
.gth-water-intake-calculator .gth-breakdown-label { display: block; font-size: var(--gth-text-sm); color: var(--gth-text-secondary); margin-bottom: var(--gth-space-1); }
.gth-water-intake-calculator .gth-breakdown-value { font-size: var(--gth-text-xl); font-weight: var(--gth-font-bold); color: var(--gth-primary); }