:root{--color-primary:#03A9F4;--color-primary-light:#4FC3F7;--color-primary-dark:#0288D1;--color-secondary:#29B6F6;--color-secondary-light:#81D4FA;--color-water-gradient-start:#4FC3F7;--color-water-gradient-mid:#29B6F6;--color-water-gradient-end:#03A9F4}.tool-container{display:flex;flex-direction:column;align-items:center;max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.tool-hero.glass{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl);border-radius:var(--border-radius-xl);background:linear-gradient(135deg,rgba(3,169,244,.15) 0,rgba(2,136,209,.12) 25%,rgba(79,195,247,.1) 50%,rgba(2,136,209,.12) 75%,rgba(3,169,244,.15) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(3,169,244,.2);box-shadow:0 8px 32px rgba(2,136,209,.1)}.glass{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}html[data-theme=dark] .glass{background:rgba(30,30,30,.9);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.tool-hero{padding:var(--spacing-2xl) var(--spacing-lg)}.tool-hero h1{font-size:clamp(1.75rem, 6vw, 2.25rem)}.tool-hero .lead{font-size:clamp(.9375rem, 3vw, 1rem)}.input-section{padding:var(--spacing-xl)}.form-field{margin-bottom:var(--spacing-lg)}.field-label{font-size:var(--font-size-base)}.climate-btn,.gender-btn{min-height:44px;padding:var(--spacing-sm) var(--spacing-base);font-size:clamp(.875rem, 3vw, 1rem)}.activity-option{padding:var(--spacing-sm)}.visualization-section{align-items:center;text-align:center}.water-bottle-container{margin:0 auto}.result-display{text-align:center}}@media (max-width:480px){.tool-hero{padding:var(--spacing-xl) var(--spacing-base);margin-top:var(--spacing-base)}.tool-hero h1{font-size:clamp(1.5rem, 7vw, 1.75rem)}.tool-hero .lead{font-size:clamp(.875rem, 3.5vw, .9375rem)}.input-section{padding:var(--spacing-lg)}.form-field{margin-bottom:var(--spacing-base)}.field-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.activity-compact{gap:var(--spacing-xs)}.activity-option{padding:var(--spacing-xs)}.activity-option-icon{width:24px;height:24px}.activity-option-text{font-size:var(--font-size-xs)}.climate-btn,.gender-btn{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.water-bottle-container{width:120px}.bottle-outline{height:250px}.result-number{font-size:clamp(2rem, 8vw, 2.5rem)}.result-label{font-size:var(--font-size-base)}.glasses-display{gap:var(--spacing-sm)}.glass-option{padding:var(--spacing-sm)}.glass-size{font-size:var(--font-size-xs)}.glass-count{font-size:var(--font-size-xl)}}@media (max-width:375px){.tool-hero{padding:var(--spacing-base);margin-top:var(--spacing-xs)}.tool-hero h1{font-size:clamp(1.375rem, 8vw, 1.5rem);margin-bottom:var(--spacing-sm)}.tool-hero .lead{font-size:var(--font-size-sm)}.input-section{padding:var(--spacing-base)}.activity-compact{grid-template-columns:1fr 1fr;gap:6px}.activity-option{padding:6px}.activity-option-icon{width:20px;height:20px}.activity-option-text{font-size:.6875rem}}