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