/* Trinken: scoped to the water room; existing state and action hooks stay intact. */
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="water"]){background:#0d1b25!important;padding-top:env(safe-area-inset-top)!important}
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="water"])>.mobile-head{display:none!important}
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="water"]) .app-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:100svh}
html[data-theme] #trackingView[data-tracking-room="water"],html[data-theme] #trackingView[data-tracking-room="water"] .body-tracking-shell{padding:0!important;margin:0 auto!important;max-width:none!important;width:100%!important}
html[data-theme] #trackingView .alltag-house:has(#trackingRoom-water.on){padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
html[data-theme] #trackingView #trackingRoom-water{--water-ink:#edf7fc;--water-muted:#a7becb;--water-accent:#a4e4f4;--water-border:#b1d8e328;--water-card:#c5e8f506;color:var(--water-ink)}
html[data-theme] #trackingView #trackingRoom-water .alltag-stage{display:block;box-sizing:border-box;max-width:640px;min-height:100svh;margin:auto;padding:24px 24px max(32px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 80% 25%,#274a5955,transparent 55%),linear-gradient(145deg,#122733,#0d1b25 70%)!important;box-shadow:none!important}
html[data-theme] #trackingView #trackingRoom-water .alltag-stage:before,html[data-theme] #trackingView #trackingRoom-water .alltag-stage:after{display:none!important}
html[data-theme] #trackingView #trackingRoom-water .water-reference-head{position:relative;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;box-sizing:border-box;width:var(--glass-header-width);height:64px;margin:0;padding:8px 12px;border:1px solid #b5d5e050;border-radius:999px;background:#ffffff04;backdrop-filter:blur(12px)}
html[data-theme] #trackingView #trackingRoom-water .alltag-back{min-height:44px;padding:0!important;color:var(--water-ink)!important;font:400 14px/1.3 Inter,sans-serif!important}
html[data-theme] #trackingView #trackingRoom-water .water-reference-head strong{font:500 15px/1.3 Inter,sans-serif}
.water-header-drop{display:grid;place-items:center;justify-self:end;width:40px;height:40px;color:var(--water-accent)}
.water-header-drop svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis{display:block!important;margin:34px 0 24px!important;padding:0!important;text-align:center}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis small{color:var(--water-muted)!important;font:500 10px/1.4 Inter,sans-serif;letter-spacing:.2em}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis h2{margin:10px auto!important;max-width:340px;color:var(--water-ink)!important;font:500 clamp(27px,7vw,36px)/1.2 Inter,sans-serif!important;letter-spacing:-.04em}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis p{max-width:380px;margin:0 auto;color:var(--water-muted)!important;font:400 13px/1.6 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-water .routine-water-status-pill{display:inline-flex;margin-top:14px;padding:6px 12px;border:1px solid var(--water-border)!important;border-radius:99px;background:var(--water-card)!important;color:var(--water-accent)!important;font:500 11px/1.4 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-water .routine-water-status-pill[data-state="done"]{color:#9ee2be!important}
html[data-theme] #trackingView #trackingRoom-water .alltag-board{display:block;margin:0!important;padding:0!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water{padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-dashboard{display:grid;grid-template-columns:1fr;gap:26px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-panel{display:flex;flex-direction:column;gap:20px;padding:0 0 4px!important;border:0!important;background:none!important;box-shadow:none!important;text-align:center}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring{width:204px;height:204px;background:conic-gradient(from -90deg,var(--water-accent) 0 var(--water-progress),#b3d5e220 var(--water-progress) 100%)!important;border:1px solid var(--water-border);box-shadow:0 0 44px #8bdff00b,inset 0 1px #fff5}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring:before{inset:4px;background:#10232f!important;box-shadow:inset 0 0 0 9px #a2dff406,inset 0 1px 1px #d3f4ff33}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring>div{display:flex;flex-direction:column;align-items:center;gap:2px}
html[data-theme] #trackingView #trackingRoom-water .water-glass-art{display:block;width:86px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 10px #0003);margin-top:-4px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring strong{font:500 23px/1.3 Inter,sans-serif;color:var(--water-ink)!important;letter-spacing:-.03em}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring span{font:400 10px/1.5 Inter,sans-serif;color:var(--water-muted)!important;letter-spacing:.04em}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy{display:grid;gap:7px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy small{font:500 10px/1.4 Inter,sans-serif;color:var(--water-muted)!important;letter-spacing:.16em}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy strong{font:500 clamp(25px,7vw,34px)/1.2 Inter,sans-serif;color:var(--water-ink)!important;letter-spacing:-.04em;white-space:normal}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy span{font:400 12px/1.5 Inter,sans-serif;color:var(--water-muted)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-panel{padding:20px!important;gap:18px;border:1px solid var(--water-border)!important;border-radius:24px;background:var(--water-card)!important;box-shadow:inset 0 1px #ffffff05}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-head strong{color:var(--water-ink)!important;font:500 15px/1.4 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-head small{color:var(--water-muted)!important;font:400 11px/1.5 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-head>span{display:none}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions button{min-height:76px;padding:12px 4px;border:1px solid #c5e9f044!important;border-radius:17px;background:linear-gradient(145deg,#a4e4f418,#a4e4f407)!important;color:var(--water-ink)!important;box-shadow:inset 0 1px #ffffff12!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions button b{font:500 21px/1.3 Inter,sans-serif;color:var(--water-ink)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions button span{font:400 11px/1.4 Inter,sans-serif;color:var(--water-muted)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions button:hover:not(:disabled){background:#a4e4f426!important;border-color:var(--water-accent)!important}
html[data-theme] #trackingView #trackingRoom-water :is(button,input):focus-visible{outline:2px solid var(--water-accent)!important;outline-offset:4px}
html[data-theme] #trackingView #trackingRoom-water button:disabled{opacity:.4;cursor:default;transform:none}
html[data-theme] #trackingView #trackingRoom-water .routine-water-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--water-border)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:0!important;background:none!important;border:0!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-copy strong{font:500 12px/1.5 Inter,sans-serif;color:var(--water-ink)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-copy small{font:400 11px/1.5 Inter,sans-serif;color:var(--water-muted)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-field{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--water-border)!important;border-radius:12px;background:var(--water-card)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-field input{box-sizing:border-box;width:52px;min-height:34px;padding:0;border:0!important;background:none!important;box-shadow:none!important;font:500 16px/1.4 Inter,sans-serif;color:var(--water-ink)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-field b{font:400 11px/1.4 Inter,sans-serif;color:var(--water-muted)!important}
html[data-theme] #trackingView #trackingRoom-water :is(.routine-water-undo,.routine-water-pause){min-height:44px;padding:8px;border:0!important;border-radius:12px;background:none!important;box-shadow:none!important;font:400 12px/1.4 Inter,sans-serif;color:var(--water-muted)!important;white-space:normal}
html[data-theme] #trackingView #trackingRoom-water :is(.routine-water-undo,.routine-water-pause):hover:not(:disabled){color:var(--water-ink)!important;background:var(--water-card)!important}
html[data-theme="light"] body.dash-page:has(#trackingView.active[data-tracking-room="water"]){background:#eaf2f5!important}
html[data-theme="light"] #trackingView #trackingRoom-water{--water-ink:#193b4b;--water-muted:#526e7b;--water-accent:#267d96;--water-border:#52788730;--water-card:#ffffff55}
html[data-theme="light"] #trackingView #trackingRoom-water .alltag-stage{background:radial-gradient(ellipse at 80% 25%,#d2e9edaa,transparent 55%),linear-gradient(145deg,#f1f7f9,#e6eff3 70%)!important}
html[data-theme="light"] #trackingView #trackingRoom-water .water-reference-head{border-color:#648a9d55;background:#ffffff40}
html[data-theme="light"] #trackingView #trackingRoom-water .routine-water-progress-ring:before{background:#eaf3f6!important}
html[data-theme="light"] #trackingView #trackingRoom-water .routine-water-actions button{border-color:#52788740!important;background:linear-gradient(145deg,#fff9,#cce8ee55)!important}
html[data-theme="light"] #trackingView #trackingRoom-water .routine-water-actions button:hover:not(:disabled){background:#c5e4ec!important}
@media(min-width:700px){html[data-theme] #trackingView #trackingRoom-water .routine-water-dashboard{gap:32px}html[data-theme] #trackingView #trackingRoom-water .alltag-stage{padding-left:40px!important;padding-right:40px!important}}
@media(max-width:360px){html[data-theme] #trackingView #trackingRoom-water .alltag-stage{padding-left:18px!important;padding-right:18px!important}html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-panel{padding:16px!important}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring{width:184px;height:184px}}

/* Compact layout with a live, layered glass inside the progress circle. */
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="water"]){padding-bottom:0!important}
html[data-theme] #trackingView #trackingRoom-water{min-height:0!important}
html[data-theme] #trackingView #trackingRoom-water .alltag-stage{min-height:calc(100svh - env(safe-area-inset-top))!important;padding:16px 24px max(12px,env(safe-area-inset-bottom))!important;display:flex;flex-direction:column;justify-content:center}
html[data-theme] #trackingView #trackingRoom-water .water-reference-head{flex:none;height:56px!important;min-height:56px!important;max-height:56px!important}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis{flex:none;margin:18px 0 12px!important}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis small{display:none}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis h2{font-size:clamp(23px,6vw,30px)!important;margin:0 auto 7px!important;max-width:none}
html[data-theme] #trackingView #trackingRoom-water .alltag-vis p{font-size:12px;line-height:1.45;max-width:420px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-status-pill{margin-top:8px;padding:4px 10px}
html[data-theme] #trackingView #trackingRoom-water .alltag-board{flex:none}
html[data-theme] #trackingView #trackingRoom-water .routine-water-dashboard{gap:14px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-panel{display:flex;flex-direction:column;gap:9px;padding:0!important;text-align:center}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring{width:clamp(172px,26svh,224px);height:clamp(172px,26svh,224px);border:1px solid var(--water-border);border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#c0eaff08,transparent 70%)!important;box-shadow:inset 0 1px 1px #e4faff22,0 8px 30px #0000000d!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring:before{display:none}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring>div{width:100%;height:100%;justify-content:center;padding:20px;box-sizing:border-box}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring strong{font-size:18px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring>div>span{display:none}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy{gap:3px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy strong{font-size:clamp(23px,6vw,34px)!important}
html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy small{font-size:9px!important;letter-spacing:.1em}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-panel{padding:14px!important;gap:10px;border-radius:20px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-head small{display:none}
html[data-theme] #trackingView #trackingRoom-water .routine-water-actions button{min-height:60px;padding:7px 4px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-footer{margin-top:14px;padding-top:12px;gap:4px 8px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-copy small{display:none}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-copy strong{font-size:11px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-field{padding:2px 8px}
html[data-theme] #trackingView #trackingRoom-water .routine-water-goal-field input{min-height:36px}
html[data-theme] #trackingView #trackingRoom-water :is(.routine-water-undo,.routine-water-pause){min-height:44px}
/* Elliptical lip, thick base, tapered walls and independent highlights. */
html[data-theme] #trackingView #trackingRoom-water .water-real-glass{position:relative;flex:none;height:65%;min-height:0;width:49%;max-height:145px;margin:0 auto 3px;filter:drop-shadow(0 12px 15px #0002);isolation:isolate}
.water-glass-vessel{position:absolute;inset:9% 0 7%;clip-path:polygon(5% 0,95% 0,85% 95%,80% 99%,20% 99%,15% 95%);background:linear-gradient(90deg,#e1f8ff8c 0%,#9ad7e326 5%,#ffffff0a 17%,#d2f1ff10 65%,#dcf9ff6b 88%,#b3e9ffb3 94%,#ffffff9c 96%);border-radius:8% 8% 23% 23% / 3% 3% 8% 8%;box-shadow:inset 6px 0 7px #dcf8ff30,inset -6px 0 8px #ecfdff33}
.water-glass-inside{position:absolute;inset:5% 7% 7%;clip-path:polygon(1% 0,99% 0,88% 96%,82% 100%,18% 100%,12% 96%);overflow:hidden}
.water-glass-liquid{position:absolute;left:0;right:0;bottom:0;height:var(--water-level,0%);max-height:93%;background:linear-gradient(90deg,#2389b080,#8cdef3b0 24%,#389bbb7d 66%,#b3edffb3);box-shadow:inset 0 -8px 12px #075c8433;transition:height 1.25s cubic-bezier(.22,.75,.18,1);border-radius:45% 45% 12% 12% / 7px 7px 6px 6px}
html[data-theme] #trackingView #trackingRoom-water .water-surface{position:absolute;display:block;top:-5px;left:-12%;width:124%;height:13px;border:1px solid #cef6ffe6;border-radius:50%;background:#b4efff91;box-shadow:0 2px 5px #d4fbff44;animation:water-surface-sway 3.6s ease-in-out infinite alternate}
html[data-theme] #trackingView #trackingRoom-water .water-surface-back{top:-3px;opacity:.35;animation-delay:-1.8s;animation-direction:alternate-reverse}
.water-glass-reflection{position:absolute;inset:4% 10% 8%;background:linear-gradient(97deg,transparent 7%,#ffffff6b 9%,#ffffff0a 13%,transparent 17%,transparent 65%,#e1faff26 70%,transparent 75%);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);pointer-events:none}
.water-glass-rim{position:absolute;top:6%;left:5%;right:5%;height:9%;border:2px solid #dff9ff9c;border-bottom-color:#9bdef869;border-radius:50%;background:radial-gradient(ellipse,#d9f7ff05 55%,#c1efff20 70%);box-shadow:inset 0 1px 2px #fff9,0 -1px 3px #b3eaff33;z-index:3}
.water-glass-base{position:absolute;bottom:6%;left:15%;right:15%;height:7%;border-radius:50%;border:2px solid #d4f4ff91;background:linear-gradient(#e1f8ff30,#a3deef66,#e5fbff77);box-shadow:0 2px 4px #ecfaff33,inset 0 2px 3px #ffffff8c;z-index:3}
.water-glass-shadow{position:absolute;bottom:0;left:10%;right:10%;height:8%;border-radius:50%;background:#0003;filter:blur(5px)}
html[data-theme="light"] #trackingView #trackingRoom-water .water-glass-vessel{background:linear-gradient(90deg,#6391a380,#e2faff55 6%,#fff3 17%,#e6f8ff11 65%,#ffffff9c 88%,#638c9f80 94%,#fff9 96%)}
html[data-theme="light"] #trackingView #trackingRoom-water :is(.water-glass-rim,.water-glass-base){border-color:#668d9f91}
html[data-theme="light"] #trackingView #trackingRoom-water .water-glass-liquid{background:linear-gradient(90deg,#369bc799,#8edff0bb 24%,#3ca3c399 66%,#9cdcedcc)}
@keyframes water-surface-sway{from{transform:translateX(-3%) rotate(-2deg)}to{transform:translateX(3%) rotate(2deg)}}
@media(max-height:700px){html[data-theme] #trackingView #trackingRoom-water .alltag-stage{padding-top:10px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}html[data-theme] #trackingView #trackingRoom-water .alltag-vis{margin:12px 0 6px!important}html[data-theme] #trackingView #trackingRoom-water .routine-water-status-pill{display:none}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring{width:168px;height:168px}html[data-theme] #trackingView #trackingRoom-water .routine-water-dashboard{gap:10px}html[data-theme] #trackingView #trackingRoom-water .routine-water-footer{margin-top:10px;padding-top:8px}}
@media(max-height:580px){html[data-theme] #trackingView #trackingRoom-water .alltag-vis h2{font-size:22px!important}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring{width:148px;height:148px}html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-panel{padding:10px!important;gap:6px}html[data-theme] #trackingView #trackingRoom-water .routine-water-actions button{min-height:52px}}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingView #trackingRoom-water .water-surface{animation:none}html[data-theme] #trackingView #trackingRoom-water .water-glass-liquid{transition:none}}

/* Progress arc and water share the same exact target ratio and easing. */
html[data-theme] #trackingView #trackingRoom-water .water-progress-track{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;transform:rotate(-90deg);pointer-events:none;fill:none}
.water-progress-rail{stroke:var(--water-border);stroke-width:2}
.water-progress-fill{stroke:var(--water-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--water-ratio,0));transition:stroke-dashoffset 1.25s cubic-bezier(.22,.75,.18,1);filter:drop-shadow(0 0 3px #a1e4ff44)}
/* Clear crystal walls with a rounded lip, polished foot and refracted highlights. */
html[data-theme] #trackingView #trackingRoom-water .water-glass-vessel{background:linear-gradient(93deg,#f1fbffb3 0%,#def7ff33 4%,#ffffff08 13%,#ffffff03 30%,#b0d9e611 63%,#e8fbff5c 86%,#ffffffcc 93%,#a8d5e37a 97%);box-shadow:inset 3px 0 4px #e0faff40,inset -3px 0 5px #defaff4d}
html[data-theme] #trackingView #trackingRoom-water .water-glass-rim{top:6.5%;height:8%;border-width:1px;border-top-color:#f4fcffed;border-left-color:#e1f7ffbb;border-right-color:#eefbffcc;box-shadow:inset 0 1px 1px #fff9,0 -1px 2px #b3eaff33}
html[data-theme] #trackingView #trackingRoom-water .water-glass-base{height:6%;border-width:1px;background:linear-gradient(#fcffff26,#d7f6ff99 45%,#ffffffb3 60%,#adcbd54d);box-shadow:0 2px 3px #0002,inset 0 1px 2px #fff9}
html[data-theme] #trackingView #trackingRoom-water .water-glass-reflection{background:linear-gradient(96deg,transparent 5%,#ffffff87 8%,#ffffff08 12%,transparent 16%,transparent 62%,#e5faff24 70%,transparent 74%)}
html[data-theme] #trackingView #trackingRoom-water .water-glass-vessel:after{content:"";position:absolute;inset:58% 13% 9%;border-radius:0 0 50% 50%;background:radial-gradient(ellipse at 55% 95%,#e0faff80,transparent 52%),linear-gradient(108deg,transparent 25%,#efffff19 29%,transparent 34%);pointer-events:none;mix-blend-mode:screen}
html[data-theme] #trackingView #trackingRoom-water .water-glass-liquid{background:linear-gradient(90deg,#5bb6d073,#b0e6ef8c 23%,#7bcbdc6b 48%,#3886a34d 75%,#e0faff8c);box-shadow:inset 0 -5px 8px #0b526e33,inset 4px 0 5px #c7f8ff26}
html[data-theme] #trackingView #trackingRoom-water .water-surface{height:9px;top:-4px;background:linear-gradient(#d7f7ffb3,#87c6d369);border-color:#d4f5ffb3}
html[data-theme="light"] #trackingView #trackingRoom-water .water-glass-vessel{background:linear-gradient(93deg,#5d7f8a80 0%,#fff9 4%,#fff1 13%,#ecf7ff08 30%,#aec5cf11 63%,#fff8 86%,#fff 93%,#7e9da780 97%)}
html[data-theme="light"] #trackingView #trackingRoom-water .water-glass-rim{border-color:#73909a8c;border-top-color:#a4b5bccc}
@media(max-height:700px){html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy small{display:none}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy strong{font-size:25px!important}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-panel{gap:6px}}
@media(max-height:580px){html[data-theme] #trackingView #trackingRoom-water .alltag-vis{margin:8px 0 4px!important}html[data-theme] #trackingView #trackingRoom-water .alltag-vis h2{font-size:21px!important;margin-bottom:4px!important}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy strong{font-size:23px!important}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-copy span{font-size:11px}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-panel{gap:3px}html[data-theme] #trackingView #trackingRoom-water .routine-water-footer{margin-top:8px;padding-top:6px}}
@media(prefers-reduced-motion:reduce){.water-progress-fill{transition:none}}
/* Keep the complete/paused two-line status inside short phone viewports. */
@media(max-height:580px){html[data-theme] #trackingView #trackingRoom-water .routine-water-actions-head{display:none}}

/* Separate outer motion from the fixed inner amount arc. */
html[data-theme] #trackingView #trackingRoom-water .water-orbit{--orbit-tail:#d8efff08;--orbit-body:#d9edff87;--orbit-head:#fff;--orbit-glow:#c5e5ff;position:absolute;display:block;inset:-7px;border:1px solid #d1e9f013;border-radius:50%;pointer-events:none;animation:water-rim-orbit 10s linear infinite;filter:drop-shadow(0 0 3px #c5e5ff66)}
html[data-theme] #trackingView #trackingRoom-water .water-orbit:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from -20deg,transparent 0deg,var(--orbit-tail) 8deg,var(--orbit-body) 38deg,var(--orbit-head) 65deg,var(--orbit-body) 72deg,transparent 85deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}
html[data-theme] #trackingView #trackingRoom-water .water-orbit:after{content:"";position:absolute;left:calc(85.355% - 2px);top:calc(14.645% - 2px);width:4px;height:4px;border-radius:50%;background:var(--orbit-head);box-shadow:0 0 6px 1px var(--orbit-glow)}
html[data-theme="light"] #trackingView #trackingRoom-water .water-orbit{--orbit-tail:#5c729d08;--orbit-body:#60789d87;--orbit-head:#435a80;--orbit-glow:#6a8aa8;border-color:#435a8018;filter:drop-shadow(0 0 3px #6a8aa844)}
html[data-theme] #trackingView #trackingRoom-water:not(.on) .water-orbit{animation-play-state:paused}
@keyframes water-rim-orbit{to{transform:rotate(360deg)}}
@media(max-height:580px){html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-panel{gap:9px}html[data-theme] #trackingView #trackingRoom-water .routine-water-progress-ring{margin-top:4px}}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingView #trackingRoom-water .water-orbit{display:none;animation:none}}