/* All visual changes are scoped to the new feature. */
body.hydration-open main>header{display:none}#hydration{padding-top:24px}.hyd-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hyd-heading h1{flex:1;font-size:22px;text-align:center;letter-spacing:0;margin:0;text-transform:uppercase}.hyd-heading button{width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#35d5ff;font:34px Arial;cursor:pointer}.hyd-heading h1:focus{outline:none}.hyd-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin-bottom:20px}.hyd-person{width:100%;max-height:440px;overflow:visible}.hyd-numbers{min-width:0;display:flex;flex-direction:column;align-items:center;gap:22px}#hyd-progress{text-align:center;width:100%}#hyd-total{display:block;font-size:clamp(29px,7.5vw,46px);line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}#hyd-total small{font-size:22px;letter-spacing:0}#hyd-target{display:block;font-size:20px;color:#b7c9df;margin-top:10px}.hyd-ring{--progress:0%;background:conic-gradient(#35d5ff var(--progress),#203750 0);width:clamp(100px,34vw,168px);aspect-ratio:1;border-radius:50%;padding:15px;display:flex;align-items:stretch}.hyd-ring span{border-radius:50%;background:#08152b;display:flex;align-items:center;justify-content:center;width:100%;font-size:28px;font-weight:700}#hyd-message{border-radius:22px;background:#102747;padding:18px 14px;width:100%;font-size:17px;text-align:center;line-height:1.55}#hyd-message.complete{background:#12372f;color:#96f0c9}.hyd-add{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hyd-add button{border:0;border-radius:20px;min-height:100px;padding:14px 4px;color:#ffffff;font:700 20px Arial;background:linear-gradient(145deg,#007da3,#006fa3);cursor:pointer;white-space:nowrap}.hyd-add button:nth-child(2){background:linear-gradient(145deg,#007da3,#006fa3)}.hyd-add button:nth-child(3){background:linear-gradient(145deg,#007da3,#006fa3)}.hyd-add span{display:block;font-size:28px;margin-bottom:10px;filter:grayscale(1) brightness(0) invert(1);opacity:.85}.hyd-add button:active{transform:scale(.97)}#hyd-undo{width:100%;border:0;border-radius:18px;padding:18px;background:#102747;color:#ffffff;font:18px Arial;margin:16px 0;cursor:pointer}#hyd-undo:disabled{cursor:default;opacity:.45}.hyd-history{background:#102747;border-radius:20px;padding:20px 16px}.hyd-history summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.hyd-history summary::-webkit-details-marker{display:none}.hyd-history summary>span:first-child{font-size:32px}.hyd-history summary>span:last-child{margin-left:auto;font-size:27px}.hyd-history summary>span:nth-child(2){font-weight:700;font-size:17px}.hyd-history h2,#hyd-settings h2{font-size:20px}.hyd-history ol{list-style:none;padding:0;max-height:280px;overflow-y:auto}.hyd-history li{font-size:14px;padding:12px 0;border-top:1px solid #24496d}.hyd-note{font-size:14px;color:#b7c9df;line-height:1.5}#hyd-settings{border:1px solid #24496d;border-radius:18px;padding:18px;margin-bottom:20px;background:#122d4d}#hyd-settings label{font-size:16px}.hyd-toggle{display:flex;align-items:center;gap:12px}.hyd-toggle input{width:22px;height:22px;flex:none;accent-color:#35d5ff}.hyd-save{width:100%;padding:14px;margin-top:20px;background:#007da3;color:#ffffff;border:0;border-radius:10px;font:700 17px Arial;cursor:pointer}#hyd-settings-status{font-size:14px}#hyd-storage{color:#ff9cab;font-size:14px}#hyd-reminder{background:#102747;border-radius:12px;padding:15px}#hyd-water-level{transition:transform 1s ease,opacity .3s}.hyd-moving .hyd-wave{animation:hyd-wave .9s linear 2}@keyframes hyd-wave{from{transform:translateX(0)}to{transform:translateX(110px)}}@media(max-width:360px){.hyd-heading{gap:2px}.hyd-heading h1{font-size:18px}.hyd-add{gap:7px}.hyd-add button{font-size:17px;border-radius:16px}.hyd-numbers{gap:14px}#hyd-message{padding:12px 8px;font-size:15px}.hyd-ring{padding:11px}.hyd-ring span{font-size:24px}#hyd-target{font-size:17px}}@media(prefers-reduced-motion:reduce){#hyd-water-level{transition:none}.hyd-moving .hyd-wave{animation:none}}

/* Glass figure and water details; hydration state is unchanged. */
.hyd-person{isolation:isolate}.hyd-water-fill{fill:url(#hyd-water)}.hyd-surface{opacity:.9}.hyd-bubble{animation:hyd-bubble-rise var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.hyd-moving .hyd-wave{animation:hyd-glass-wave .9s ease-in-out 2}@keyframes hyd-glass-wave{0%,100%{transform:translateX(0)}50%{transform:translateX(128px)}}@keyframes hyd-bubble-rise{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(calc(-1 * var(--rise)));opacity:1}}@media(prefers-reduced-motion:reduce){.hyd-bubble,.hyd-moving .hyd-wave{animation:none}}

#hyd-canvas{display:block;width:100%;height:auto;max-height:none;pointer-events:none;aspect-ratio:675 / 1536}.hyd-add button{touch-action:manipulation;position:relative;z-index:1}

#menu .hydration-thumb{background:#fff}#menu .hydration-thumb img{width:100%;height:100%;object-fit:contain}.hyd-reward{margin:0 0 20px;text-align:center;color:#ffffff;font-size:16px;line-height:1.5}

.hyd-prize{margin-top:18px}#hyd-claim{width:100%;border:0;border-radius:14px;padding:17px 12px;background:#007da3;color:#ffffff;font:700 18px Arial;cursor:pointer;touch-action:manipulation}#hyd-claim:hover:not(:disabled){background:#006fa3}#hyd-claim:disabled{background:#203750;color:#b7c9df;opacity:1;cursor:not-allowed}#hyd-claim-status{font-size:14px;line-height:1.5;color:#b7c9df;text-align:center;margin:9px 0 0}

/* Water bubble opens the existing settings panel. */
.hyd-heading #hyd-settings-button{position:relative;isolation:isolate;overflow:hidden;flex:0 0 58px;width:58px;height:58px;min-height:58px;border:1px solid #72ccef;border-radius:50%;background:radial-gradient(ellipse at 30% 18%,#fff 0%,#e8fbff 19%,#b9ecfc 56%,#75c7ef 100%);box-shadow:inset -3px -4px 7px #176fb53b,inset 2px 2px 5px #fff,0 2px 6px #12558b24;font:700 14px/1 Arial,Helvetica,sans-serif;touch-action:manipulation}.hyd-heading #hyd-settings-button:before{content:"";position:absolute;z-index:-1;inset:35% -12% -15%;border-radius:45% 55% 0 0 / 15% 20% 0 0;background:linear-gradient(135deg,#007da3,#006fa3 65%,#0756a5);border-top:2px solid #b9f5ff;box-shadow:inset 4px 0 8px #b8f5ff66}.hyd-heading #hyd-settings-button:after{content:"";position:absolute;left:12px;top:7px;width:18px;height:8px;border-radius:50%;background:#ffffffdc;transform:rotate(-30deg);pointer-events:none}.hyd-heading #hyd-settings-button span{position:relative;top:3px;color:#fff;text-shadow:0 1px 2px #03446c}.hyd-heading #hyd-settings-button:active{transform:scale(.96)}.hyd-heading #hyd-settings-button[aria-expanded="true"]{outline:2px solid #147bb8;outline-offset:3px}

.hyd-reward-title{text-align:center;font-size:20px;line-height:1.3;margin:0 0 8px}#hyd-challenge{text-align:center;font-size:16px;line-height:1.4;margin:0;color:#ffffff}