/* NUTRI 1.9.7 Hydration Experience — scoped, mobile-first */
.hx-root{--hx-dark:#104a3b;--hx-deep:#075d50;--hx-green:#087761;--hx-mint:#dff5eb;--hx-blue:#1599b8;--hx-stroke:#dce9e1;--hx-text:#164b3d;--hx-muted:#718d81;color:var(--hx-text);max-width:1260px;margin:0 auto 40px;font-family:'DM Sans',sans-serif}
.hx-root *{box-sizing:border-box}.hx-root a{text-decoration:none}.hx-root button,.hx-root input{font:inherit}.hx-root button{cursor:pointer}.hx-root button:focus-visible,.hx-root a:focus-visible,.hx-root input:focus-visible{outline:3px solid #88ce97;outline-offset:3px}
.hx-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:4px 0 22px}.hx-kicker,.hx-overline,.hx-control-label{font-size:10px;font-weight:900;letter-spacing:1.75px;color:#498472}.hx-kicker-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#96d46f;box-shadow:0 0 0 4px #e2f4df;margin-right:7px}.hx-header h1{font-family:Outfit,sans-serif;letter-spacing:-1.65px;font-size:clamp(29px,3.2vw,43px);line-height:1.12;margin:11px 0 7px;font-weight:800;color:var(--hx-dark)}.hx-header h1 em{font-style:normal;color:#35a57b}.hx-header p,.hx-section-top p{color:var(--hx-muted);margin:0;font-size:13px;line-height:1.6}.hx-settings{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;color:var(--hx-deep);background:white;border:1px solid var(--hx-stroke);border-radius:13px;padding:13px 16px;font-weight:800;font-size:12px}
.hx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.hx-tabs{display:flex;gap:4px;background:#eaf3ee;padding:4px;border-radius:14px}.hx-tabs a{font-size:12px;font-weight:800;color:#607e71;padding:10px 15px;border-radius:11px;white-space:nowrap}.hx-tabs a.is-active{background:#fff;box-shadow:0 3px 14px #0f57321b;color:var(--hx-deep)}.hx-date{display:flex;gap:8px;align-items:center;padding:5px;border:1px solid var(--hx-stroke);background:white;border-radius:14px}.hx-date a,.hx-date>span{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--hx-green);background:#eef7f1;border-radius:9px;font-weight:800}.hx-date>span{opacity:.35}.hx-date form{margin:0}.hx-date input{border:0;outline:0;color:var(--hx-text);font-size:12px;font-weight:800;max-width:150px;background:transparent;padding:6px 2px}.hx-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hx-lead-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:16px}.hx-stage,.hx-register,.hx-panel{border-radius:25px;border:1px solid var(--hx-stroke);min-width:0}.hx-stage{position:relative;background:linear-gradient(145deg,#ecfbf3,#d9f6ed 56%,#d8f5f8);overflow:hidden;min-height:476px;padding:25px 27px}.hx-stage:after{position:absolute;content:'';width:440px;height:440px;border:1px solid #6fc4b32d;border-radius:50%;left:-180px;bottom:-260px;pointer-events:none}.hx-stage-head{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}.hx-day-tag{font-size:11px;font-weight:800;color:#2c8273;background:#ffffffad;border:1px solid #ffffff;border-radius:30px;padding:9px 12px}.hx-stage-inner{display:grid;grid-template-columns:48% 1fr;align-items:center;gap:12px;min-height:380px}.hx-bottle-scene{height:370px;max-width:300px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.hx-halo{position:absolute;width:270px;height:270px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#9be4d366 0%,#9be4d31a 55%,transparent 75%);border:1px solid #b1e7db66;z-index:-1}.hx-bottle{display:block;width:100%;height:100%;max-width:255px;filter:drop-shadow(0px 18px 15px #136c6340)}.hx-bottle-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);border-radius:999px;background:#fffde9;font:800 12px Outfit,sans-serif;color:#137568;padding:5px 12px;box-shadow:0 6px 16px #1c786b14}.hx-liquid-group{transform:translateY(var(--hx-level));transform-box:fill-box;transition:transform 1.35s cubic-bezier(.17,.78,.17,1);will-change:transform}.hx-root.hx-animating .hx-liquid-group{animation:hx-rise 1.4s cubic-bezier(.18,.82,.18,1) both}.hx-wave{animation:hx-slosh 4s ease-in-out infinite alternate;transform-origin:center}.hx-wave-back{animation-duration:5s;animation-direction:alternate-reverse}@keyframes hx-rise{from{transform:translateY(var(--hx-from,100%))}to{transform:translateY(var(--hx-level))}}@keyframes hx-slosh{from{transform:translateX(-14px) rotate(-1deg)}to{transform:translateX(14px) rotate(1deg)}}
.hx-stage-copy{position:relative;z-index:1}.hx-total{display:flex;align-items:baseline;gap:9px;margin:10px 0 1px;font-family:Outfit,sans-serif;color:#075943}.hx-total strong{font-size:clamp(44px,4.2vw,63px);font-weight:800;letter-spacing:-3px;line-height:1}.hx-total span{font-size:16px;font-weight:700}.hx-target{font-size:13px;color:#4e8271;margin:7px 0 19px}.hx-track,.hx-period-track{background:#b7dfd0;height:9px;border-radius:999px;overflow:hidden}.hx-track span,.hx-period-track span{display:block;height:100%;background:linear-gradient(90deg,#178b92,#23bfc4);border-radius:inherit;transition:width 1.3s cubic-bezier(.22,.8,.25,1)}.hx-status{font-size:13px;font-weight:600;line-height:1.5;color:#276955;margin:12px 0 20px}.hx-status b{color:#065744}.hx-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hx-mini-stats>span{background:#ffffff87;border:1px solid #ffffffa3;border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:6px}.hx-mini-stats small{font-size:10px;color:#679687;font-weight:800}.hx-mini-stats strong{font-family:Outfit,sans-serif;font-size:16px;white-space:nowrap}
.hx-register{background:#fff;padding:28px 26px}.hx-section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.hx-section-top h2{font-family:Outfit,sans-serif;font-size:clamp(21px,2vw,26px);letter-spacing:-.8px;margin:8px 0 3px;color:var(--hx-dark)}.hx-soft-icon{width:41px;height:41px;background:#eaf7ef;color:#138869;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:23px}.hx-control-label{display:block;margin:24px 0 11px}.hx-volumes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hx-volume{border:1px solid #cee9db;border-radius:15px;background:#f2faf6;color:#075b47;min-height:72px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.hx-volume:hover,.hx-volume:focus-visible{transform:translateY(-2px);background:#e2f5e9;border-color:#75c6a0;box-shadow:0 8px 16px #0d754514}.hx-volume:disabled{opacity:.6;cursor:wait}.hx-volume-symbol{width:30px;height:30px;background:white;border-radius:10px;display:grid;place-items:center;color:#1ca6a3}.hx-volume strong{font:800 14px Outfit,sans-serif;white-space:nowrap}.hx-vessels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hx-vessels button{border:1px solid #e0ede5;border-radius:14px;background:#fff;display:flex;align-items:center;flex-direction:column;padding:10px 5px;gap:3px;color:var(--hx-text);transition:background .18s,border-color .18s,transform .18s}.hx-vessels button:hover{border-color:#83c7a4;background:#eff9f2;transform:translateY(-2px)}.hx-vessels button span{font-size:24px}.hx-vessels button strong{font-size:11px}.hx-vessels button small{color:#789487;font-size:10px}.hx-custom-form{margin-top:20px}.hx-custom-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}.hx-custom-line{display:flex;gap:8px}.hx-custom-line input{min-width:0;flex:1;border:1px solid #dcebe1;background:#f8fbf9;border-radius:12px;padding:13px 15px;font-size:14px}.hx-custom-line button{border:0;border-radius:12px;background:#075d45;color:#fff;padding:0 19px;font-weight:800;font-size:12px;white-space:nowrap}.hx-custom-line button:hover{background:#087454}.hx-hint,.hx-footnote{color:#789288;font-size:11px;line-height:1.55;margin:13px 0 0}
.hx-bottom-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;margin-top:17px;align-items:start}.hx-panel{padding:25px 26px;background:#fff}.hx-insight-stack{display:flex;flex-direction:column;gap:16px}.hx-outline-pill{color:#077a6b;border-radius:999px;background:#edf8f2;font-size:11px;padding:10px 13px;font-weight:800;white-space:nowrap}.hx-empty{margin:22px 0 0;border:1px dashed #c9e3d5;background:#f8fcf9;border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 18px}.hx-empty span{font-size:28px}.hx-empty strong{margin-top:10px;font-size:14px}.hx-empty p{margin:5px 0 0;color:#7c998b;font-size:12px;line-height:1.6}.hx-timeline{list-style:none;margin:21px 0 0;padding:0;max-height:400px;overflow:auto}.hx-timeline li{display:grid;grid-template-columns:48px 14px minmax(0,1fr);gap:12px;align-items:center;min-height:70px}.hx-time{font-size:11px;font-weight:800;color:#789487;text-align:right}.hx-timeline-dot{background:#2cafa1;width:11px;height:11px;border:3px solid #e6f6ef;border-radius:50%;box-shadow:0 0 0 1px #a1d9ca;position:relative}.hx-timeline li:not(:last-child) .hx-timeline-dot:after{content:'';position:absolute;left:3px;top:13px;height:58px;width:1px;background:#d8eee2}.hx-timeline-card{min-width:0;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f8fbf9;border:1px solid #e8f1e9;border-radius:13px;padding:13px}.hx-timeline-card strong,.hx-timeline-card small{display:block}.hx-timeline-card strong{font:800 14px Outfit,sans-serif;color:#125740}.hx-timeline-card small{color:#7d9a88;font-size:11px;margin-top:3px}.hx-timeline-card button{border:0;background:none;color:#8b777b;font-size:11px;font-weight:800;padding:8px 3px}.hx-timeline-card button:hover{color:#b34444}.hx-periods{margin-top:24px;display:grid;gap:19px}.hx-period-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px;font-size:13px;font-weight:800}.hx-period-row span small{display:block;color:#8ca195;font-weight:500;font-size:11px;margin-top:3px}.hx-period-row strong{font-size:12px;white-space:nowrap}.hx-period-track{height:7px;background:#e6f0eb}.hx-period-track span{background:#43baa1}.hx-week-total{font:800 13px Outfit,sans-serif;color:#168d7d;white-space:nowrap}.hx-week-chart{margin-top:24px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;align-items:end;height:150px}.hx-week-col{display:flex;align-items:center;flex-direction:column;gap:9px;height:100%;min-width:0}.hx-bar-shell{flex:1;width:100%;max-width:28px;border-radius:9px;background:#edf6f1;display:flex;align-items:flex-end;overflow:hidden}.hx-bar-shell>span{display:block;background:linear-gradient(0deg,#128c8d,#7de0ca);width:100%;border-radius:9px;min-height:0;transition:height .9s ease}.hx-week-col small{color:#769184;font-size:10px}.hx-reminder-link{border:1px solid #d9e8df;border-radius:17px;background:#f3faf5;padding:17px;display:flex;align-items:center;gap:12px;color:var(--hx-dark)}.hx-reminder-link>span:first-child{display:grid;place-items:center;background:#d9efe1;width:40px;height:40px;border-radius:12px;font-size:23px}.hx-reminder-link>span:nth-child(2){flex:1}.hx-reminder-link strong,.hx-reminder-link small{display:block}.hx-reminder-link strong{font-size:13px}.hx-reminder-link small{color:#799484;font-size:11px;margin-top:3px}.hx-toast{position:fixed;z-index:1000;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:13px 18px;border-radius:14px;background:#073e30;color:white;font-weight:700;font-size:13px;box-shadow:0 14px 42px #043b3070;width:max-content;max-width:calc(100vw - 32px)}.hx-toast[hidden]{display:none}
@media(max-width:1040px){.hx-stage-inner{grid-template-columns:44% 1fr}.hx-stage{padding:20px;min-height:410px}.hx-bottle-scene{height:330px}.hx-register{padding:22px}}
@media(max-width:800px){.hx-lead-grid,.hx-bottom-grid{grid-template-columns:minmax(0,1fr)}.hx-stage{min-height:0}.hx-stage-inner{grid-template-columns:44% 1fr;min-height:320px}.hx-bottle-scene{height:316px}.hx-bottom-grid{margin-top:14px}}
@media(max-width:520px){.hx-root{margin-bottom:95px}.hx-header{margin-top:0;margin-bottom:15px;align-items:flex-start}.hx-header h1{font-size:30px;letter-spacing:-1px}.hx-header p{font-size:12px}.hx-settings{padding:9px 10px;margin-top:14px}.hx-settings span{display:none}.hx-toolbar{flex-direction:column-reverse;align-items:stretch;gap:10px}.hx-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hx-tabs a{text-align:center;padding:11px 3px;font-size:11px}.hx-date{justify-content:center;align-self:stretch}.hx-date input{width:140px}.hx-stage{padding:17px 15px 20px;border-radius:22px}.hx-stage-inner{min-height:0;display:flex;flex-direction:column;gap:0}.hx-bottle-scene{height:300px;width:100%;margin:0 auto -3px}.hx-bottle{max-width:205px}.hx-bottle-label{bottom:7px}.hx-stage-copy{width:100%;text-align:center}.hx-total{justify-content:center;margin-top:6px}.hx-total strong{font-size:45px}.hx-target{margin-bottom:12px}.hx-status{margin:9px 0 13px}.hx-mini-stats{max-width:none}.hx-mini-stats>span{text-align:left}.hx-register,.hx-panel{padding:19px 17px;border-radius:21px}.hx-section-top h2{font-size:22px}.hx-volumes{gap:8px}.hx-volume{min-height:66px}.hx-volumes strong{font-size:13px}.hx-volume-symbol{width:26px;height:26px}.hx-week-chart{height:130px}.hx-vessels{gap:7px}.hx-custom-line button{padding:0 15px}}
@media(prefers-reduced-motion:reduce){.hx-root *, .hx-root *:before,.hx-root *:after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}