:root{--water-50:#ecfeff;--water-100:#cffafe;--water-200:#a5f3fc;--water-300:#67e8f9;--water-400:#22d3ee;--water-500:#06b6d4;--water-600:#0891b2;--water-700:#0e7490;--water-800:#155e75;--water-900:#164e63;--water-glow:rgba(6, 182, 212, 0.3);--glass-color:rgba(34, 211, 238, 0.25);--glass-border:rgba(34, 211, 238, 0.5)}.calculator-form{background:rgba(15,23,42,.8);border:1px solid var(--water-800);border-radius:12px;padding:2rem;margin-bottom:2rem;backdrop-filter:blur(10px)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--water-200);font-size:.95rem}.form-group input[type=number],.form-group select{width:100%;padding:.85rem 1rem;background:rgba(15,23,42,.9);border:1px solid var(--water-700);border-radius:8px;color:#e2e8f0;font-size:1rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input[type=number]:focus,.form-group select:focus{outline:0;border-color:var(--water-400);box-shadow:0 0 0 3px var(--water-glow)}.form-group input[type=number]::placeholder{color:#64748b}.form-group small{display:block;margin-top:.35rem;font-size:.8rem;color:#64748b}.special-conditions{border:1px solid var(--water-700);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.special-conditions legend{color:var(--water-300);font-weight:600;padding:0 .5rem;font-size:.95rem}.checkbox-group{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.checkbox-group:last-child{margin-bottom:0}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--water-500);cursor:pointer}.checkbox-group label{display:inline;margin-bottom:0;color:#cbd5e1;cursor:pointer;font-weight:400}.btn-primary{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--water-600),var(--water-500));color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .3s,background .3s;letter-spacing:.02em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--water-glow);background:linear-gradient(135deg,var(--water-500),var(--water-400))}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:3px solid var(--water-300);outline-offset:2px}.results-section{background:rgba(15,23,42,.8);border:1px solid var(--water-700);border-radius:12px;padding:2rem;margin-bottom:2rem;backdrop-filter:blur(10px);animation:fadeInUp .5s ease-out}.results-section h2{text-align:center;color:var(--water-200);margin-bottom:1.5rem;font-size:1.4rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.result-card{background:rgba(21,94,117,.25);border:1px solid var(--water-700);border-radius:10px;padding:1.25rem;text-align:center;transition:transform .2s,border-color .3s}.result-card:hover{transform:translateY(-3px);border-color:var(--water-400)}.result-card.result-main{background:linear-gradient(135deg,var(--color-primary-muted),var(--color-primary-muted));border-color:var(--water-500);grid-column:1/-1;padding:1.75rem}.result-icon{font-size:2rem;margin-bottom:.5rem}.result-main .result-icon{font-size:2.5rem}.result-value{font-size:2.2rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:.25rem}.result-main .result-value{font-size:3rem;background:linear-gradient(135deg,var(--water-300),var(--water-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-label{font-size:.85rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.water-visual{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--color-primary-muted);border-radius:10px}.water-visual h3{color:var(--water-300);margin-bottom:1.25rem;font-size:1.1rem}.water-stack{display:flex;justify-content:center;align-items:flex-end;gap:6px;flex-wrap:wrap;min-height:80px;padding:1rem 0}.water-glass{width:30px;height:45px;border:2px solid var(--glass-border);border-top:none;border-radius:0 0 6px 6px;position:relative;overflow:hidden;opacity:0;transform:translateY(10px);animation:glassFill .4s ease-out forwards}.water-glass::before{content:'';position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,var(--water-500),var(--water-400));opacity:.7;animation:waterRise .6s ease-out .3s forwards;transform:scaleY(0);transform-origin:bottom}.water-glass::after{content:'';position:absolute;top:0;left:2px;right:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.15),transparent);border-radius:0 0 4px 4px}.water-bottle{width:22px;height:55px;border:2px solid var(--water-600);border-radius:4px 4px 8px 8px;position:relative;overflow:hidden;opacity:0;transform:translateY(10px);animation:glassFill .4s ease-out forwards}.water-bottle::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:12px;height:8px;background:var(--water-600);border-radius:3px 3px 0 0}.water-bottle::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,var(--water-500),var(--water-400));opacity:.7;animation:waterRise .6s ease-out .3s forwards;transform:scaleY(0);transform-origin:bottom}.visual-label{width:100%;text-align:center;font-size:.8rem;color:#64748b;margin-top:.75rem;font-style:italic}.schedule-section{margin-bottom:2rem}.schedule-section h3{text-align:center;color:var(--water-300);margin-bottom:1rem;font-size:1.1rem}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.schedule-item{background:rgba(21,94,117,.2);border:1px solid rgba(14,116,144,.4);border-radius:10px;padding:1.25rem;text-align:center;transition:border-color .3s}.schedule-item:hover{border-color:var(--water-400)}.schedule-time{font-size:1rem;font-weight:700;color:var(--water-200);margin-bottom:.5rem}.schedule-amount{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.35rem}.schedule-detail{font-size:.75rem;color:#64748b}.result-breakdown{background:var(--color-primary-muted);border-radius:8px;padding:1.25rem;margin-top:1rem}.result-breakdown p{color:#94a3b8;font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.result-breakdown p:last-child{margin-bottom:0}.result-breakdown strong{color:var(--water-300)}.tips-section{margin-bottom:2rem}.tips-section h2{color:var(--water-200);margin-bottom:1.25rem;font-size:1.3rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.tip-card{background:rgba(15,23,42,.8);border:1px solid var(--water-800);border-radius:10px;padding:1.25rem;transition:border-color .3s,transform .2s}.tip-card:hover{border-color:var(--water-500);transform:translateY(-2px)}.tip-card h3{color:var(--water-300);font-size:1rem;margin-bottom:.5rem}.tip-card p{color:#94a3b8;font-size:.9rem;line-height:1.6}.dehydration-signs{background:rgba(15,23,42,.8);border:1px solid rgba(234,179,8,.3);border-radius:12px;padding:2rem;margin-bottom:2rem}.dehydration-signs h2{color:#fbbf24;margin-bottom:1.25rem;font-size:1.3rem}.signs-list{display:flex;flex-direction:column;gap:1rem}.sign-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:rgba(15,23,42,.6);border-radius:8px}.sign-severity{display:inline-block;min-width:12px;height:12px;border-radius:50%;margin-top:5px;flex-shrink:0}.sign-severity.moderate{background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.4)}.sign-severity.high{background:#f97316;box-shadow:0 0 8px rgba(249,115,22,.4)}.sign-severity.severe{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.4)}.sign-item strong{color:#e2e8f0;display:block;margin-bottom:.25rem}.sign-item p{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0}.disclaimer{margin-bottom:2rem}.disclaimer-content{background:rgba(15,23,42,.8);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1.5rem}.disclaimer-content h3{color:#f87171;margin-bottom:.75rem;font-size:1.1rem}.disclaimer-content p{color:#94a3b8;font-size:.9rem;line-height:1.7}.disclaimer-content strong{color:#fca5a5}.tool-footer{display:flex;justify-content:center;gap:2rem;padding:1.5rem;border-top:1px solid rgba(14,116,144,.2)}.tool-footer a{color:var(--water-400);text-decoration:none;font-size:.95rem;transition:color .3s}.tool-footer a:hover{color:var(--water-200)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glassFill{to{opacity:1;transform:translateY(0)}}@keyframes waterRise{to{transform:scaleY(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.hidden{display:none!important}@media (max-width:768px){.calculator-form{padding:1.25rem}.results-section{padding:1.25rem}.results-grid{grid-template-columns:repeat(2,1fr)}.result-main .result-value{font-size:2.2rem}.result-value{font-size:1.6rem}.schedule-grid{grid-template-columns:repeat(2,1fr)}.tips-grid{grid-template-columns:1fr}.tool-footer{flex-direction:column;align-items:center;gap:.75rem}.water-glass{width:24px;height:36px}.water-bottle{width:18px;height:44px}}@media (max-width:480px){.results-grid{grid-template-columns:1fr 1fr}.schedule-grid{grid-template-columns:1fr 1fr}.result-main{grid-column:1/-1}.signs-list .sign-item{flex-direction:column;gap:.5rem}.sign-severity{margin-top:0}}