/* Coming Soon card styles */ .cs-wrap { min-height: calc(100vh - 200px); display: flex; align-items: center; justify-content: center; padding: 40px 16px; } .cs-card { max-width: 480px; width: 100%; background: #fff; border: 2px solid #cffafe; border-radius: 24px; padding: 44px 36px; text-align: center; box-shadow: 0 8px 40px rgba(0,0,0,0.07); } [data-theme="dark"] .cs-card { background: #1e293b !important; border-color: #334155 !important; } .cs-icon-wrap { width: 72px; height: 72px; background: #cffafe; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .cs-icon-wrap svg { width: 34px; height: 34px; stroke: #0891b2; } .cs-badge { display: inline-flex; align-items: center; gap: 6px; background: #cffafe; color: #0891b2; border: 1.5px solid #22d3ee44; border-radius: 50px; padding: 5px 14px; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .cs-title { font-size: 1.55rem; font-weight: 900; color: #0f172a; letter-spacing: -0.02em; margin-bottom: 10px; line-height: 1.25; } [data-theme="dark"] .cs-title { color: #f1f5f9 !important; } .cs-desc { font-size: 0.92rem; color: #64748b; line-height: 1.65; margin-bottom: 28px; } [data-theme="dark"] .cs-desc { color: #94a3b8 !important; } .cs-divider { height: 1px; background: linear-gradient(90deg, transparent, #22d3ee66, transparent); margin-bottom: 24px; } .cs-notify-btn { display: inline-flex; align-items: center; gap: 8px; background: #0891b2; color: #fff; padding: 13px 28px; border-radius: 12px; font-weight: 700; font-size: 0.88rem; text-decoration: none; transition: all 0.2s; box-shadow: 0 4px 14px #0891b244; margin-bottom: 14px; width: 100%; justify-content: center; } .cs-notify-btn:hover { opacity: 0.9; transform: translateY(-2px); } .cs-back-btn { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #64748b; padding: 10px 20px; border-radius: 10px; font-weight: 600; font-size: 0.85rem; text-decoration: none; border: 1.5px solid #e2e8f0; transition: all 0.2s; width: 100%; justify-content: center; } [data-theme="dark"] .cs-back-btn { border-color: #334155; color: #94a3b8; } .cs-back-btn:hover { border-color: #0891b2; color: #0891b2; } .cs-dots { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 24px; } .cs-dot { width: 8px; height: 8px; border-radius: 50%; background: #cffafe; border: 2px solid #22d3ee; animation: dotPulse 1.5s ease-in-out infinite; } .cs-dot:nth-child(2) { animation-delay: 0.3s; } .cs-dot:nth-child(3) { animation-delay: 0.6s; } @keyframes dotPulse { 0%,100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.3); opacity: 1; background: #0891b2; } }
We're building this tool for you. It will be available very soon — check back shortly!
A water intake calculator estimates how much water you should be drinking daily based on your body weight, activity level, and climate — instead of the generic 'drink 8 glasses a day' advice that doesn't account for your actual body size or how much you sweat. Enter a few basic details and get a daily hydration target in liters or ounces.
The 8-glasses rule gets repeated everywhere, but it was never really based on individual body weight or lifestyle. A 90kg person doing manual labor in summer needs a lot more water than someone who weighs 55kg and sits at a desk all day in air conditioning. This tool exists to give a more personalized number.
The baseline formula multiplies your body weight by a standard hydration factor, then adds extra for exercise duration and hot weather since you lose more fluid through sweat in both cases. So someone weighing 70kg with moderate activity might land around 2.4-2.6 liters a day, while the same person training hard in a hot climate could need closer to 3.5 liters.
Not really — it's a rough average that doesn't account for body weight, activity, or climate, which is why this calculator gives a more tailored number.
Mild caffeinated drinks contribute some hydration, but plain water is still the most reliable source and shouldn't be fully replaced by them.
Yes, and this calculator factors in extra fluid needs based on your selected activity level.
In rare cases, yes — overhydration can dilute sodium levels. The amounts shown here are within normal safe ranges for most healthy adults.
Yes, hot and humid conditions increase fluid loss through sweat, so your daily target goes up in those environments.