.water-calculator{width:100%}.input-field{width:100%;margin-bottom:1.5rem}.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:#06b6d4;background:#fff;box-shadow:0 0 0 3px #06b6d41a}.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}.activity-button{padding:1rem;text-align:center;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.activity-button:hover{border-color:#06b6d4;background:#f0fdfa}.activity-button.active{border-color:#06b6d4;background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0e7490}.activity-button.activity-sedentary:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8}.activity-button.activity-sedentary.active{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#64748b;color:#475569}.activity-button.activity-light:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.activity-button.activity-light.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#4ade80;color:#15803d}.activity-button.activity-moderate:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.activity-button.activity-moderate.active{background:linear-gradient(135deg,#fde68a,#fbbf24);border-color:#f59e0b;color:#92400e}.activity-button.activity-active:hover{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.activity-button.activity-active.active{background:linear-gradient(135deg,#fdba74,#fb923c);border-color:#ea580c;color:#7c2d12}.activity-button.activity-very-active:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#f87171}.activity-button.activity-very-active.active{background:linear-gradient(135deg,#fca5a5,#f87171);border-color:#ef4444;color:#991b1b}.climate-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;transition:all .3s ease;cursor:pointer;min-height:120px}.climate-button:hover{border-color:#06b6d4;background:#f0fdfa;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d426}.climate-button.climate-moderate:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.climate-button.climate-moderate.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#4ade80;color:#15803d}.climate-button.climate-hot:hover{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fdba74}.climate-button.climate-hot.active{background:linear-gradient(135deg,#fed7aa,#fb923c);border-color:#ea580c;color:#7c2d12}.climate-button.climate-very-hot:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.climate-button.climate-very-hot.active{background:linear-gradient(135deg,#fecaca,#f87171);border-color:#dc2626;color:#991b1b}.activity-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.activity-option{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.activity-option:hover{background:#f0fdfa;border-color:#5eead4}.activity-option.active{background:linear-gradient(135deg,#cffafe,#a5f3fc);border-color:#06b6d4}.activity-title{font-weight:600;color:#334155;font-size:.9375rem;margin-bottom:.25rem}.activity-desc{font-size:.8125rem;color:#64748b}.climate-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.climate-option{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center;width:100%}.climate-option:hover{background:#fef3c7;border-color:#fbbf24}.climate-option.active.moderate{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.climate-option.active.hot{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.climate-option.active.very-hot{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444}.climate-icon{font-size:1.5rem;margin-bottom:.5rem}.climate-title{font-weight:600;color:#334155;font-size:.9375rem;margin-bottom:.25rem}.climate-desc{font-size:.75rem;color:#64748b}.submit-btn{width:100%;padding:.875rem 2rem;background:linear-gradient(135deg,#06b6d4,#0ea5e9);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #06b6d440}.water-visual{background:linear-gradient(135deg,#e0f2fe,#bae6fd);padding:1.5rem;border-radius:1rem;margin:1.5rem 0}.water-bottle{font-size:2rem;animation:float 3s ease-in-out infinite}.water-bottle:nth-child(odd){animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.schedule-card{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.schedule-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.schedule-item:last-child{border-bottom:none}.tips-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #06b6d459}.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;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.result-card{position:relative;padding:1.5rem;border-radius:1rem;text-align:center;transition:all .3s ease;background:#fff;border:2px solid #e2e8f0;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color-1),var(--card-color-2))}.result-card.basic{--card-color-1: #67e8f9;--card-color-2: #22d3ee;background:linear-gradient(135deg,#ecfeff,#cffafe);border:2px solid #67e8f9}.result-card.adjusted{--card-color-1: #06b6d4;--card-color-2: #0891b2;background:linear-gradient(135deg,#cffafe,#a5f3fc);border:2px solid #06b6d4}.result-card.primary{background:linear-gradient(135deg,#cffafe,#a5f3fc);border-color:#06b6d4}.result-card.primary:before{background:linear-gradient(45deg,#06b6d4,#0ea5e9)}.result-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.result-icon{position:absolute;top:.75rem;right:.75rem;font-size:1.5rem;opacity:.8}.result-label{font-size:.875rem;color:#0e7490;font-weight:500;margin-bottom:.5rem}.result-value{font-size:2.5rem;font-weight:800;color:#0c4a6e;line-height:1;margin-bottom:.25rem}.result-desc{font-size:.8125rem;color:#0891b2;font-weight:500;margin-top:.5rem}.intake-tips{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:.75rem;padding:1.25rem;margin-top:1rem}.intake-tips-title{font-weight:600;color:#0c4a6e;margin-bottom:.75rem;font-size:.9375rem}.intake-schedule{display:grid;gap:.5rem}.schedule-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border-radius:.5rem;font-size:.875rem}.schedule-time{font-weight:600;color:#0891b2;min-width:60px}.schedule-amount{color:#334155}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.activity-select,.climate-select,.results-grid{grid-template-columns:1fr}}