*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--water-color:#2196f3;--water-dark:#1565c0;--water-light:#bbdefb;--water-surface:#fff6;--bg:#f0f4f8;--bg-secondary:#e4ecf4;--card-bg:#fff;--card-shadow:0 2px 12px #2196f314, 0 1px 4px #0000000d;--text:#1a1f2e;--text-muted:#6b7589;--border:#d8e2ef;--accent:#2196f3;--success:#4caf50;--danger:#f44336;--warning:#ff9800;--sidebar-bg:#fff;--sidebar-width:220px}@media (prefers-color-scheme:dark){:root{--bg:#0e1420;--bg-secondary:#161d2e;--card-bg:#1c2333;--card-shadow:0 2px 16px #0000004d;--text:#e8edf5;--text-muted:#8892a4;--border:#2a3348;--sidebar-bg:#1c2333;--water-light:#2196f340}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}html,body{-webkit-user-select:none;user-select:none}html,body,button,a,input,select,textarea,label{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input,select,textarea,a{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--water-color);outline-offset:2px}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.app-container{flex-direction:row;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:50;flex-direction:column;min-height:100vh;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:1rem;padding:0 .5rem 1.5rem;font-size:1.25rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-bottom{border-top:1px solid var(--border);padding-top:1rem}.nav-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .15s,color .15s,transform .1s;display:flex}.nav-item.active{background:var(--water-light);color:var(--water-dark);font-weight:700}.nav-item:hover:not(.active){background:var(--bg-secondary);color:var(--text)}.nav-item:active{transform:scale(.96)}.nav-icon{font-size:1.1rem}.bottom-nav{display:none}@property --hydration-h1{syntax:"<number>";inherits:false;initial-value:210}@property --hydration-s1{syntax:"<number>";inherits:false;initial-value:15}@property --hydration-l1{syntax:"<number>";inherits:false;initial-value:97}@property --hydration-h2{syntax:"<number>";inherits:false;initial-value:210}@property --hydration-s2{syntax:"<number>";inherits:false;initial-value:20}@property --hydration-l2{syntax:"<number>";inherits:false;initial-value:93}.app-content{margin-left:var(--sidebar-width);background:linear-gradient(160deg, hsl(var(--hydration-h1) calc(var(--hydration-s1) * 1%) calc(var(--hydration-l1) * 1%)) 0%, hsl(var(--hydration-h2) calc(var(--hydration-s2) * 1%) calc(var(--hydration-l2) * 1%)) 100%);touch-action:pan-y;flex-direction:column;flex:1;align-items:center;min-height:100vh;transition:--hydration-h1 1.5s cubic-bezier(.22,1,.36,1),--hydration-s1 1.5s cubic-bezier(.22,1,.36,1),--hydration-l1 1.5s cubic-bezier(.22,1,.36,1),--hydration-h2 1.5s cubic-bezier(.22,1,.36,1),--hydration-s2 1.5s cubic-bezier(.22,1,.36,1),--hydration-l2 1.5s cubic-bezier(.22,1,.36,1);display:flex;overflow-y:auto}.view-shell{opacity:1;will-change:opacity;flex-direction:column;align-items:center;width:100%;min-height:100%;transition:opacity .18s cubic-bezier(.22,1,.36,1);display:flex}.view-shell.view-fade-out{opacity:0;pointer-events:none}.view-shell.view-fade-in{opacity:1}.home-view{flex-direction:column;align-items:center;width:100%;max-width:520px;padding:.6rem 1rem 1rem;display:flex}.app-header{justify-content:space-between;align-items:center;width:100%;padding:.5rem 0;display:flex}.app-title{color:var(--text);font-size:1.5rem;font-weight:800}.app-main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1rem;width:100%;padding:.5rem 0 0;display:flex}.btn-press{transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s,box-shadow .15s!important}.btn-press:active{transform:scale(.92)!important}.btn-goal{color:var(--accent);cursor:pointer;background:#2196f324;border:1.5px solid #2196f359;border-radius:20px;padding:.4rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700}.btn-goal:hover{border-color:var(--accent);background:#2196f342}@media (prefers-color-scheme:dark){.btn-goal{color:#90caf9;background:#2196f338;border-color:#2196f380}.btn-goal:hover{background:#2196f359}}.btn-reset{background:var(--bg-secondary);color:var(--text-muted);border:1.5px solid color-mix(in srgb, var(--border) 85%, var(--text-muted));cursor:pointer;border-radius:20px;width:100%;max-width:280px;margin:0 auto;padding:.6rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .15s;box-shadow:0 2px 10px #0000001a}.btn-reset:hover{background:color-mix(in srgb, var(--bg-secondary) 85%, var(--water-light));color:var(--text);border-color:var(--text-muted);box-shadow:0 5px 14px #00000024}.water-circle-wrapper{justify-content:center;padding:1rem 0 0;display:flex}.water-circle{background:radial-gradient(ellipse at 35% 35%, var(--bg) 0%, var(--bg-secondary) 100%);width:320px;height:320px;box-shadow:var(--card-shadow), inset 0 -4px 12px #2196f314;border:8px solid var(--border);border-radius:50%;transition:box-shadow .4s;position:relative;overflow:hidden}.water-fill{background:linear-gradient(to top, var(--water-dark) 0%, var(--water-color) 55%, #90caf9 100%);transition:height .7s cubic-bezier(.34,1.2,.64,1);position:absolute;bottom:-1px;left:-1px;right:-1px;overflow:visible}.wave-svg{fill:#ffffff47;pointer-events:none;width:200%;height:60px;animation:3s linear infinite waveMove;position:absolute;top:-20px;left:0}.wave-svg.wave2{fill:#ffffff29;height:52px;animation:4.8s linear infinite reverse waveMove;top:-14px}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.water-bubble{pointer-events:none;background:#ffffff80;border-radius:50%;animation:linear infinite bubbleRise;position:absolute}@keyframes bubbleRise{0%{opacity:.7;transform:translateY(0)scale(1)}60%{opacity:.45}to{opacity:0;transform:translateY(-220px)scale(.4)}}.water-ripple-ring{pointer-events:none;z-index:3;border:4px solid #ffffffb3;border-radius:50%;animation:.7s ease-out forwards rippleRing;position:absolute;inset:0}@keyframes rippleRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.1)}}.water-text{z-index:4;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.water-amount,.water-unit,.water-goal,.water-percent{-webkit-text-stroke:2px #000000a6;paint-order:stroke fill;text-shadow:0 1px 2px #00000040,0 0 1px #00000059}.water-amount{color:var(--text);font-size:3.3rem;font-weight:800;line-height:1;transition:color .3s}.water-unit{color:var(--text-muted);font-size:1.25rem;font-weight:500}.water-goal{color:var(--text-muted);margin-top:.25rem;font-size:1.05rem}.water-percent{color:var(--water-color);margin-top:.25rem;font-size:1.25rem;font-weight:700}.water-warning{color:var(--warning)!important}.water-danger{color:var(--danger)!important}.water-circle-glare{pointer-events:none;z-index:1;background:radial-gradient(at 40% 40%,#ffffff38 0%,#fff0 70%);border-radius:50%;width:32%;height:22%;position:absolute;top:8%;left:12%}.goal-reached{--goal-ring-width:8px;border:2px solid #000000a6;animation:12s linear infinite goalGlowRainbow}.goal-reached:before{content:"";border-radius:inherit;padding:calc(var(--goal-ring-width) + 1px);-webkit-mask-composite:xor;pointer-events:none;z-index:5;background:conic-gradient(#ff4d4d,#ff9f43,#ffe66d,#4cd137,#3fa9f5,#7d5fff,#ff4d4d);animation:12s linear infinite goalRingRotate;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.goal-reached .water-text .water-amount{color:#fff;-webkit-text-stroke:2px #000000bf;text-shadow:0 1px 6px #00000059}.goal-reached .water-text .water-unit,.goal-reached .water-text .water-goal{color:#fffc}.goal-reached .water-text .water-percent{color:#a5d6a7}@keyframes goalGlowRainbow{0%,to{box-shadow:0 0 16px 4px #ff4d4d73,inset 0 0 20px #ff4d4d1f}16%{box-shadow:0 0 16px 4px #ff9f4373,inset 0 0 20px #ff9f431f}32%{box-shadow:0 0 16px 4px #ffe66d73,inset 0 0 20px #ffe66d1f}48%{box-shadow:0 0 16px 4px #4cd13773,inset 0 0 20px #4cd1371f}64%{box-shadow:0 0 16px 4px #3fa9f573,inset 0 0 20px #3fa9f51f}80%{box-shadow:0 0 16px 4px #7d5fff73,inset 0 0 20px #7d5fff1f}}@keyframes goalRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports not ((-webkit-mask-composite:xor) or (mask-composite:exclude)){.goal-reached{border:var(--goal-ring-width) solid #ff4d4d;animation:12s linear infinite goalGlowRainbow,12s linear infinite goalBorderRainbow}.goal-reached:before{content:none}}@keyframes goalBorderRainbow{0%{border-color:#ff4d4d}16%{border-color:#ff9f43}32%{border-color:#ffe66d}48%{border-color:#4cd137}64%{border-color:#3fa9f5}80%{border-color:#7d5fff}to{border-color:#ff4d4d}}.quick-add{background:linear-gradient(165deg, color-mix(in srgb, var(--water-color) 32%, var(--card-bg)) 0%, color-mix(in srgb, var(--water-color) 18%, transparent) 100%);border:1.5px solid color-mix(in srgb, var(--water-color) 45%, var(--border));border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;margin-top:1rem;padding:.35rem;display:grid;box-shadow:0 2px 10px #2196f326}.quick-add-btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#2ba7ff 0%,#1a86e8 50%,#0f6ecf 100%);border:none;border-radius:16px;justify-content:center;align-items:baseline;gap:.3rem;width:100%;padding:1.2rem .5rem;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #107cd347,inset 0 1px #ffffff59}.quick-add-btn:nth-child(2){background:linear-gradient(145deg,#43b7ff 0%,#2398f2 50%,#1976d2 100%)}.quick-add-btn:nth-child(3){background:linear-gradient(145deg,#2f9ee8 0%,#1687dc 50%,#0f67c4 100%)}.quick-add-btn:nth-child(4){background:linear-gradient(145deg,#4cc3ff 0%,#2ea5f4 45%,#1b7ed6 100%)}.quick-add-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff3d 50%,#fff0 100%);width:55%;height:220%;transition:transform .28s;position:absolute;top:-60%;left:-30%;transform:rotate(20deg)}.quick-add-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #107cd359,inset 0 1px #ffffff61}.quick-add-btn:hover:after{transform:translate(120%)rotate(20deg)}.quick-add-btn-value{letter-spacing:.01em;font-size:1.03rem;font-weight:800;line-height:1}.quick-add-btn-unit{opacity:.92;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.intake-warning-wrapper{justify-content:center;width:100%;max-height:0;transition:max-height .35s;display:flex;overflow:hidden}.intake-warning-wrapper.visible{max-height:160px}.intake-warning-card{opacity:0;background:color-mix(in srgb, var(--warning) 12%, var(--card-bg));border:1.5px solid color-mix(in srgb, var(--warning) 40%, transparent);border-radius:14px;align-items:center;gap:.65rem;width:100%;max-width:520px;padding:.5rem 1rem;transition:transform .35s,opacity .35s;display:flex;transform:translateY(-6px);box-shadow:0 2px 10px #ff980026}.intake-warning-wrapper.visible .intake-warning-card{opacity:1;transform:translateY(0)}.intake-warning-card--danger{background:color-mix(in srgb, var(--danger) 12%, var(--card-bg));border-color:color-mix(in srgb, var(--danger) 40%, transparent);box-shadow:0 2px 10px #f4433626}.intake-warning-icon{flex-shrink:0;font-size:1.3rem}.intake-warning-text{color:var(--text);font-size:.88rem;font-weight:600;line-height:1.4}.recent-log{background:var(--card-bg);width:100%;box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:.3rem;margin-top:.5rem;padding:.4rem;display:flex}.recent-log-item{background:var(--bg-secondary);border-left:2px solid var(--water-color);border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.85rem;animation:.35s ease-out slideInRight;display:flex}.recent-log-emoji{flex-shrink:0;font-size:1.1rem;line-height:1}.recent-log-text{color:var(--text);font-weight:700}.recent-log-compliment{color:var(--water-color);letter-spacing:.02em;margin-left:auto;font-weight:600}.home-footer{flex-direction:column;gap:.75rem;width:100%;margin-top:auto;padding:0 0 1.5rem;display:flex}.view-title{color:var(--text);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.streak-badge{background:linear-gradient(135deg,#ffab4057,#ff704342);border:1px solid #ff980066;border-radius:16px;flex-direction:column;align-items:center;gap:.25rem;width:100%;margin-bottom:1.25rem;padding:1rem 2rem;animation:2.8s ease-in-out infinite streakGlow;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000024,inset 0 0 0 1px #ff980024}.streak-badge--active{background:linear-gradient(135deg,#ffab405c,#ff704347);border-color:#ff980070;animation:2.8s ease-in-out infinite streakGlow;box-shadow:0 12px 28px #00000029,inset 0 0 0 1px #ff980038}.streak-badge--active:before{background:radial-gradient(at top,#ffc87852 0%,#0000 72%);animation:2.8s ease-in-out infinite streakRadiance}.streak-flame,.icon-number{z-index:2;align-items:center;gap:.85rem;display:flex;position:relative}.streak-flame-icon{transform-origin:bottom;filter:drop-shadow(0 1px 4px #ff980073);text-shadow:0 0 4px #ff7a0059;font-size:2.9rem;display:inline-block;position:relative}.streak-badge--active .streak-flame-icon{animation:1.05s ease-in-out infinite flameDance,1.75s ease-in-out infinite flameGlow}.streak-flame-icon:before,.streak-flame-icon:after{content:"";opacity:0;pointer-events:none;border-radius:50%;width:.46rem;height:.46rem;position:absolute;bottom:.45rem}.streak-badge--active .streak-flame-icon:before{background:radial-gradient(circle,#fff5aaf2 0%,#ffa000c7 68%,#0000 100%);animation:1.1s ease-out infinite emberRiseA;left:0;box-shadow:0 0 7px #ff8c007a}.streak-badge--active .streak-flame-icon:after{background:radial-gradient(circle,#ffd88ce6 0%,#ff6e00bf 70%,#0000 100%);animation:1.28s ease-out .24s infinite emberRiseB;right:.05rem;box-shadow:0 0 8px #ff6e0073}.streak-badge--frozen .streak-flame-icon{transform-origin:bottom;z-index:2;filter:drop-shadow(0 0 4px #aadcff8c);text-shadow:0 0 8px #aadcffb3;animation:2.1s ease-in-out infinite protectedBob;position:relative}.streak-badge--frozen .streak-flame-icon:after{display:none}.streak-badge--protected .streak-flame-icon{filter:drop-shadow(0 0 6px #4fa9f573);text-shadow:0 0 8px #26619173;animation:2.1s ease-in-out infinite protectedBob}.streak-badge--frozen{background:linear-gradient(135deg,#c4e8ff6b,#8dd1ff4d);border-color:#83c1ec7a;animation:none;box-shadow:0 8px 20px #0000001f,inset 0 0 0 1px #b4e1ff57}.streak-badge--active{animation:2.8s ease-in-out infinite streakGlow,1.6s ease-in-out infinite firePulse}@keyframes firePulse{0%{box-shadow:0 8px 20px #00000024,inset 0 0 0 1px #ff980024}50%{box-shadow:0 14px 34px #0000002e,inset 0 0 12px #ff8c0038}to{box-shadow:0 8px 20px #00000024,inset 0 0 0 1px #ff980024}}.streak-badge--frozen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#b4e6ff29 0%,#b4e6ff0f 35%,#0000 60%);border-radius:18px;animation:none;position:absolute;inset:-6%}.streak-badge--protected{background:linear-gradient(135deg,#43a0ff4d,#ffc15a52);border-color:#79abe885;box-shadow:0 8px 20px #00000024,inset 0 0 0 1px #79abe838}.streak-badge--dimmed{pointer-events:none;opacity:.9;background:linear-gradient(135deg,#e6e6e68f,#d2d2d27a);border-color:#9696966b;animation:none;box-shadow:0 8px 20px #0000000f,inset 0 0 0 1px #a0a0a00a}.streak-badge--dimmed:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 10%,#dcdcdc5c 45%,#0000 80%);border-radius:14px;animation:none;position:absolute;inset:0}.streak-badge--dimmed .streak-flame-icon{transform-origin:bottom;filter:grayscale()opacity(.72)drop-shadow(0 0 #0000);text-shadow:none;color:#6f6f6f;animation:2.8s ease-in-out infinite dimmedPulse}.streak-badge--dimmed .streak-number{color:#6f6f6f;text-shadow:none}.streak-badge--dimmed .streak-label{color:#6f6f6f}.streak-badge--protected:before{background:radial-gradient(at top,#78beff4d 0%,#0000 72%)}.streak-badge--frozen .streak-number{color:#6da8d6;text-shadow:0 2px 8px #6da8d647}.streak-badge--protected .streak-number{color:#4f9de6;text-shadow:0 2px 8px #4f9de64d}.streak-badge--frozen .streak-label,.streak-badge--protected .streak-label{color:var(--text)}@keyframes flameDance{0%,to{transform:scale(1)rotate(-3deg)}25%{transform:scale(1.08)rotate(3deg)}50%{transform:scale(1.12)rotate(-2deg)}75%{transform:scale(1.05)rotate(2deg)}}@keyframes flameGlow{0%,to{filter:drop-shadow(0 1px 5px #ff980080);text-shadow:0 0 5px #ff7a0066}50%{filter:drop-shadow(0 0 14px #ffaa28d9);text-shadow:0 0 12px #ff8214b3}}@keyframes emberRiseA{0%{opacity:0;transform:translate(0)scale(.9)}20%{opacity:.92}to{opacity:0;transform:translate(-.58rem,-1.55rem)scale(.2)}}@keyframes emberRiseB{0%{opacity:0;transform:translate(0)scale(.86)}22%{opacity:.86}to{opacity:0;transform:translate(.55rem,-1.35rem)scale(.18)}}@keyframes streakGlow{0%,to{box-shadow:0 8px 20px #00000024,inset 0 0 0 1px #ff980024}50%{box-shadow:0 10px 24px #00000029,inset 0 0 0 1px #ff980038}}@keyframes streakRadiance{0%,to{opacity:.5}50%{opacity:.9}}@keyframes protectedBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.streak-badge:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg, transparent 0%, #fff0 18%, var(--streak-shimmer-color,#ffffff5c) 50%, #fff0 82%, transparent 100%);opacity:0;will-change:transform, opacity;border-radius:12px;width:80%;height:100%;animation:8s linear infinite streakShimmer;position:absolute;top:0;left:0;transform:skew(-18deg)translate(-200%)}.streak-badge--active{--streak-shimmer-color:#ffffff70}.streak-badge--protected{--streak-shimmer-color:#bee6ff5c}.streak-badge--frozen{--streak-shimmer-color:#c8ebff85}.streak-badge--dimmed{--streak-shimmer-color:#ffffff2e}@keyframes streakShimmer{0%{opacity:0;transform:skew(-18deg)translate(-200%)}10%{opacity:.18}50%{opacity:1;transform:skew(-18deg)translate(0%)}90%{opacity:.18}to{opacity:0;transform:skew(-18deg)translate(200%)}}@keyframes dimmedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.streak-number{color:var(--warning);text-shadow:0 2px 8px #ff980059;-webkit-text-stroke:4px #0009;paint-order:stroke fill;font-size:3.35rem;font-weight:900;line-height:1}.streak-label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;-webkit-text-stroke:1px #000;paint-order:stroke fill;font-size:1.1rem;font-weight:600}.history-view{width:100%;max-width:700px;padding:1.5rem}.stat-cards{gap:1rem;margin-bottom:1.5rem;display:flex}.stat-card{background:var(--card-bg);box-shadow:var(--card-shadow);text-align:center;border-radius:12px;flex:1;padding:1.25rem 1rem;position:relative}.stat-achievement{color:var(--water-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0;font-size:.75rem;font-weight:700}.stat-reached{text-align:center}.stat-reached-layout{justify-content:center;align-items:center;gap:.75rem;display:flex}.stat-reached-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.stat-reached .stat-value{line-height:1}.stat-reached .stat-label{text-align:center;margin-top:.3rem}.stat-reached .stat-achievement{text-align:center;flex:1;justify-content:center;align-items:center;max-width:none;font-size:1rem;display:flex}.stat-value{color:var(--water-color);font-size:1.6rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.8rem;font-weight:500}.chart-card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:12px;padding:1.5rem}.bar-chart{align-items:flex-end;gap:.5rem;height:180px;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-wrapper{flex:1;align-items:flex-end;width:100%;display:flex;position:relative}.bar{border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .5s cubic-bezier(.34,1.2,.64,1)}.bar-reached{background:var(--success)}.bar-partial{background:var(--water-color)}.bar-empty{background:var(--border);min-height:4px;height:4px!important}.goal-line{background:var(--danger);z-index:1;border-radius:1px;height:2px;position:absolute;left:-2px;right:-2px}.bar-label{color:var(--text-muted);margin-top:.35rem;font-size:.75rem;font-weight:600}.bar-value{color:var(--text-muted);margin-top:.1rem;font-size:.65rem}.statistics-view{width:100%;max-width:700px;padding:1.5rem}.statistics-view .view-title{margin-bottom:1.5rem}.stats-footer{margin:1.5rem 0 0}.btn-close-stats{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;letter-spacing:.02em;text-align:center;box-shadow:var(--card-shadow);border-radius:12px;padding:.85rem 1rem;font-size:1rem;font-weight:700;transition:background .18s,color .18s,transform .12s;display:block}.btn-close-stats:hover{background:var(--bg-secondary);color:var(--text)}.btn-close-stats:active{transform:scale(.96)}.btn-full-stats{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--water-color);cursor:pointer;letter-spacing:.02em;box-shadow:var(--card-shadow);border-radius:12px;margin-top:1.25rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;transition:background .18s,transform .12s;display:block}.btn-full-stats:hover{background:color-mix(in srgb, var(--water-color) 8%, var(--card-bg))}.stats-overview-cards{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.stats-overview-cards>.stats-ov-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - .375rem)}.stats-ov-card{background:var(--card-bg);box-shadow:var(--card-shadow);text-align:center;border-radius:12px;padding:1rem}.stats-ov-value{color:var(--water-color);font-size:1.5rem;font-weight:800;line-height:1.1}.stats-ov-label{color:var(--text-muted);margin-top:.2rem;font-size:.78rem;font-weight:500}.stats-section{margin-bottom:1.5rem}.stats-cal-hint{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.78rem}.month-calendar{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:12px;padding:1.25rem}.month-calendar-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.month-calendar-title-group{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-height:2.6rem;display:flex}.month-calendar-title{color:var(--text);font-size:1rem;font-weight:700}.cal-today-btn{background:color-mix(in srgb, var(--water-color) 12%, var(--card-bg));border:1px solid color-mix(in srgb, var(--water-color) 40%, transparent);color:var(--water-dark);cursor:pointer;letter-spacing:.02em;border-radius:20px;padding:.2rem .65rem;font-size:.72rem;font-weight:700;transition:background .15s,transform .1s}.cal-today-btn:hover{background:color-mix(in srgb, var(--water-color) 20%, var(--card-bg))}.cal-nav-btn{background:var(--border);cursor:pointer;width:2rem;height:2rem;color:var(--text);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;transition:background .15s,opacity .15s;display:flex}.cal-nav-btn:disabled{opacity:.3;cursor:default}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-weekday-label{color:var(--text-muted);text-align:center;text-transform:uppercase;padding:.2rem 0 .35rem;font-size:.65rem;font-weight:700}.cal-day{aspect-ratio:1;cursor:pointer;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:1px;transition:transform .12s,opacity .15s;display:flex;position:relative;overflow:hidden}.cal-day-num{font-size:.72rem;font-weight:700;line-height:1}.cal-day-ml{opacity:.85;margin-top:1px;font-size:.48rem;font-weight:600;line-height:1}.cal-day-empty{background:var(--border);color:var(--text-muted)}.cal-day-empty.cal-day{cursor:pointer}.cal-day-filler{pointer-events:none;cursor:default;background:0 0}.cal-day-partial{background:var(--water-color);color:#fff;opacity:.82}.cal-day-reached{background:var(--success);color:#fff}.cal-day-future{color:var(--text-muted);opacity:.35;cursor:default;background:0 0}.cal-day-today{outline:2px solid var(--water-color);outline-offset:1px}.cal-day:not(.cal-day-future):hover{z-index:1;transform:scale(1.06)}.cal-day:disabled{pointer-events:none}.cal-legend{justify-content:center;gap:1rem;margin-top:.85rem;display:flex}.cal-legend-item{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.72rem;font-weight:500;display:flex}.cal-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.cal-legend-dot-empty{background:var(--border)}.cal-legend-dot-partial{background:var(--water-color);opacity:.82}.cal-legend-dot-reached{background:var(--success)}.day-edit-popup{max-width:380px}.day-edit-date{color:var(--text-muted);text-align:center;margin-bottom:1rem;font-size:.9rem}.day-edit-hint{background:color-mix(in srgb, var(--warning) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);border-radius:10px;gap:.6rem;margin-bottom:1.1rem;padding:.75rem;display:flex}.day-edit-hint-icon{flex-shrink:0;font-size:1.1rem}.day-edit-hint p{color:var(--text);margin:0;font-size:.82rem;line-height:1.45}.day-edit-fields{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.day-edit-label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600;display:flex}.day-edit-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;outline:none;width:100%;padding:.6rem .75rem;font-size:1rem;font-weight:600}.day-edit-input:focus{border-color:var(--water-color)}.day-edit-input--invalid{border-color:#ef5350;box-shadow:0 0 0 1px #ef535040}.day-edit-error{color:#d84343;margin:0 0 .85rem;font-size:.8rem;font-weight:600}.day-edit-actions{flex-direction:column;gap:.5rem;display:flex}.day-edit-hourly-btn{width:100%}.day-edit-save-cancel{justify-content:flex-end;gap:.75rem;display:flex}.btn-primary{background:var(--water-color);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.3rem;font-size:.9rem;font-weight:700}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--border);color:var(--text);cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600}.stats-chart-card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:12px;padding:1.25rem}.stats-chart-title{color:var(--text);margin-bottom:1rem;font-size:.95rem;font-weight:700}.stats-no-data{color:var(--text-muted);text-align:center;padding:.75rem 0;font-size:.85rem}.weekday-chart{flex-direction:column;gap:.55rem;display:flex}.weekday-row{align-items:center;gap:.6rem;display:flex}.weekday-row-label{color:var(--text-muted);flex-shrink:0;width:2rem;font-size:.78rem;font-weight:700}.weekday-bar-track{background:var(--border);border-radius:6px;flex:1;height:12px;overflow:hidden}.weekday-bar-fill{background:var(--water-color);border-radius:6px;min-width:2px;height:100%;transition:width .45s cubic-bezier(.34,1.2,.64,1)}.weekday-row-value{color:var(--text-muted);text-align:right;flex-shrink:0;width:6.5rem;font-size:.72rem;font-weight:600}.weekday-row-count{opacity:.7;font-weight:400}.hourly-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;display:flex}.hourly-reset-btn{background:var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.hourly-date-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.hourly-chart-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.hourly-chart-svg{width:100%;max-width:520px;height:auto;display:block}@media (width<=480px){.stats-overview-cards{grid-template-columns:repeat(2,1fr)}.cal-day-num{font-size:.62rem}.cal-day-ml{font-size:.42rem}.weekday-row-value{width:auto;min-width:4rem}}.settings-view{width:100%;max-width:600px;padding:1.5rem}.settings-card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:12px;margin-bottom:1rem;padding:1rem}.settings-section-title{color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.settings-row label{color:var(--text);flex-shrink:0;font-size:.9rem;font-weight:500}.settings-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);text-align:right;border-radius:8px;width:120px;padding:.4rem .75rem;font-family:inherit;font-size:.9rem}.settings-input:focus{border-color:var(--water-color);outline:none}.slider-input{flex:1;align-items:center;gap:.75rem;display:flex}.slider-range{appearance:none;background:linear-gradient(to right, var(--water-color) 0%, var(--water-color) var(--slider-fill,0%), var(--border) var(--slider-fill,0%), var(--border) 100%);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.slider-range::-webkit-slider-thumb{appearance:none;background:var(--water-color);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #2196f366}.slider-range::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 14px #2196f399}.slider-range::-moz-range-thumb{background:var(--water-color);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #2196f366}.slider-value{color:var(--water-color);text-align:right;white-space:nowrap;min-width:64px;font-size:.9rem;font-weight:700}.goal-slider-row{margin-bottom:1rem;padding:.25rem 0}.settings-select-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.4rem;min-width:130px;padding:.4rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}.settings-select-btn:hover{border-color:var(--water-color);background:var(--water-light)}.select-arrow{color:var(--text-muted);font-size:.75rem}.segmented-control{background:var(--bg-secondary);border-radius:12px;gap:0;padding:3px;display:flex;position:relative}.segmented-indicator{pointer-events:none;border-radius:9px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),background .35s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 6px #0000001f}.segmented-option{z-index:1;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;transition:color .2s,transform .1s;display:flex;position:relative}.segmented-option-icon,.segmented-option-value{justify-content:center;align-items:center;line-height:1;display:inline-flex}.segmented-option-icon{margin-right:.35rem}.segmented-option-value{text-align:center}.segmented-option.active{color:var(--text);font-weight:700}.segmented-control--divers .segmented-option.active{color:#1f2430;text-shadow:none}.segmented-option:not(.active){color:var(--text-muted)}.segmented-option:active{transform:scale(.95)}.toggle-switch{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.toggle-switch--disabled{opacity:.5;cursor:not-allowed}.toggle-switch-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle-track{background:var(--border);border-radius:14px;flex-shrink:0;width:48px;height:27px;transition:background .22s;position:relative}.toggle-switch-input:checked+.toggle-track{background:var(--water-color)}.toggle-thumb{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .22s cubic-bezier(.34,1.4,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-switch-input:checked+.toggle-track .toggle-thumb{transform:translate(21px)}.reminder-header-row{padding-bottom:0}.calculated-goal-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;padding:.75rem 0 .25rem;display:flex}.calculated-goal-label{color:var(--text-muted);font-size:.9rem}.calculated-goal-value{color:var(--water-color);font-size:1.1rem;font-weight:800}.btn-apply{background:var(--water-color);color:#fff;cursor:pointer;border:none;border-radius:20px;margin-left:auto;padding:.4rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600}.btn-apply:hover{background:var(--water-dark)}.toggle-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;min-width:60px;padding:.35rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.toggle-btn.active{background:var(--success);color:#fff;border-color:var(--success)}.reminder-intervals{flex-wrap:wrap;gap:.4rem;display:flex}.interval-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:16px;padding:.3rem .65rem;font-family:inherit;font-size:.8rem;transition:all .15s}.interval-btn.active{background:var(--water-color);color:#fff;border-color:var(--water-color);font-weight:600}.interval-btn:hover:not(.active){background:var(--border)}.calculated-goal-hint{color:var(--text-muted);margin-top:.35rem;font-size:.8rem;line-height:1.4}.calculated-goal-hint--caution{color:var(--warning);font-weight:600}.reset-stats-card{margin-top:1.5rem}.reset-stats-desc{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem;line-height:1.4}.btn-reset-stats{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .15s}.btn-reset-stats:hover{opacity:.88}.btn-reset-stats:active{transform:scale(.96)}.select-popup{background:var(--card-bg);border-radius:16px;width:90%;max-width:320px;padding:.5rem;animation:.18s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 8px 40px #0000002e}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.select-popup-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:.75rem .75rem .5rem;font-size:.8rem;font-weight:700}.select-popup-options{flex-direction:column;gap:2px;display:flex}.select-popup-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem;font-family:inherit;font-size:.95rem;transition:background .12s,transform .1s;display:flex}.select-popup-option:hover{background:var(--bg-secondary)}.select-popup-option.active{background:var(--water-light);color:var(--water-dark);font-weight:600}.select-popup-option:active{transform:scale(.97)}.select-check{color:var(--water-color);font-size:1rem;font-weight:700}.time-picker-popup{background:var(--card-bg);border-radius:16px;width:90%;max-width:300px;padding:1.5rem;animation:.18s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 8px 40px #0000002e}.time-picker-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:1rem;font-size:.8rem;font-weight:700}.time-picker-fields{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.time-field{flex-direction:column;align-items:center;gap:.3rem;display:flex}.time-field-arrow{background:var(--bg-secondary);border:1px solid var(--border);width:48px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:.85rem;transition:background .12s,color .12s;display:flex}.time-field-arrow:hover{background:var(--water-light);color:var(--water-dark);border-color:var(--water-color)}.time-field-input{background:var(--bg-secondary);border:2px solid var(--water-color);width:72px;color:var(--text);text-align:center;appearance:textfield;border-radius:10px;padding:.55rem .5rem;font-family:inherit;font-size:2rem;font-weight:800}.time-field-input::-webkit-inner-spin-button{-webkit-appearance:none}.time-field-input::-webkit-outer-spin-button{-webkit-appearance:none}.time-field-input:focus{border-color:var(--water-dark);outline:none}.time-picker-colon{color:var(--text);align-self:center;margin-top:2px;font-size:2.2rem;font-weight:800;line-height:1}.time-field-labels{justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.time-field-labels span{text-align:center;width:72px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.time-field-labels span:nth-child(2){width:28px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;animation:.25s forwards popupFadeIn;display:flex;position:fixed;inset:0}.modal-overlay--leaving{pointer-events:none;animation:.3s forwards popupFadeOut}.popup-content--leaving{animation:.25s cubic-bezier(.34,1,.64,1) forwards popOut!important}.modal,.modal-card{background:var(--card-bg);border-radius:16px;width:90%;max-width:380px;padding:1.5rem;animation:.18s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;box-shadow:0 8px 40px #00000026}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupFadeOut{0%{opacity:1}to{opacity:0}}@keyframes popOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}.modal h2,.modal-card h2{color:var(--text);margin-bottom:1rem;font-size:1.2rem;font-weight:800}.popup-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.5rem;transition:background .15s,color .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.popup-close:hover{background:var(--bg-secondary);color:var(--text)}.popup-close:active{transform:scale(.95)}.modal-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.preset-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:12px;padding:.55rem .9rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s}.preset-btn:hover,.preset-btn.active{background:var(--water-light);color:var(--water-dark);border-color:var(--water-color);font-weight:600}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn-save{background:var(--water-color);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.btn-save:hover{background:var(--water-dark)}.btn-save:active{transform:scale(.96)}.btn-cancel{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;transition:background .15s,transform .1s}.btn-cancel:hover{background:var(--bg-secondary)}.btn-cancel:active{transform:scale(.96)}.btn-destructive{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:12px;flex:1;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.btn-destructive:hover{background:#c82333}.btn-destructive:active{transform:scale(.96)}.celebration-overlay{z-index:200;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;animation:.25s forwards celebrationFadeIn;display:flex;position:fixed;inset:0}.celebration-overlay--leaving{pointer-events:none;animation:.3s forwards celebrationFadeOut}.celebration-overlay--leaving .celebration-content{animation:.25s cubic-bezier(.34,1,.64,1) forwards popOut}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes celebrationFadeOut{0%{opacity:1}to{opacity:0}}.celebration-content{background:linear-gradient(135deg, var(--card-bg) 0%, color-mix(in srgb, var(--card-bg) 90%, #4caf50 10%) 100%);text-align:center;z-index:201;border-radius:24px;padding:2.5rem 3rem;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 20px 60px #00000040,0 0 0 1px #4caf5033}.celebration-emoji{margin-bottom:.5rem;font-size:4.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both emojiPop;display:block}@keyframes emojiPop{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.celebration-title{color:var(--text);margin-bottom:.35rem;font-size:1.9rem;font-weight:800}.celebration-sub{color:var(--text-muted);font-size:1rem}.confetti-container{pointer-events:none;z-index:199;position:fixed;top:0;left:0;right:0}.confetti-piece{border-radius:2px;width:10px;height:10px;animation:2.2s ease-in forwards confettiFall;position:absolute;top:-10px}.confetti-0{background:#ef5350}.confetti-1{background:#42a5f5}.confetti-2{background:#66bb6a}.confetti-3{background:#ffa726}.confetti-4{background:#ab47bc}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scaleX(1)}50%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(900deg)scaleX(-1)}}.warning-banner{background:var(--warning);color:#fff;z-index:150;white-space:nowrap;border-radius:20px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #ff980066}.warning-banner--danger{background:var(--danger);box-shadow:0 4px 16px #f4433673}.danger-warning-popup{border-top:4px solid var(--danger);text-align:center;padding-top:1.5rem}.danger-warning-icon{margin-bottom:.5rem;font-size:3rem;animation:.4s cubic-bezier(.34,1.56,.64,1) both emojiPop;display:block}.danger-warning-title{color:var(--danger)!important;margin-bottom:.75rem!important;font-size:1.3rem!important}.danger-warning-body{color:var(--text-muted);text-align:left;margin-bottom:.75rem;font-size:.9rem;line-height:1.6}.danger-warning-symptoms{color:var(--text);border-left:3px solid var(--danger);text-align:left;background:#f4433614;border-radius:0 8px 8px 0;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.danger-warning-disclaimer{color:var(--text-muted);text-align:center;margin-bottom:1rem;font-size:.78rem;line-height:1.4}.btn-danger-dismiss{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s}.btn-danger-dismiss:hover{background:#c82333}@media (width<=768px){.sidebar{display:none}.app-content{margin-left:0;padding-bottom:70px;overflow-x:hidden}.bottom-nav{background:var(--sidebar-bg);border-top:1px solid var(--border);z-index:50;isolation:isolate;gap:0;padding:.45rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-indicator{background:color-mix(in srgb, var(--water-color) 22%, transparent);pointer-events:none;z-index:0;border-radius:11px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),background .25s;position:absolute;top:.45rem;bottom:.45rem;left:.45rem;box-shadow:0 1px 10px #2196f333}.bottom-nav-item{z-index:1;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.45rem 0;font-family:inherit;font-size:.7rem;font-weight:500;transition:color .2s,transform .1s;display:flex;position:relative}.bottom-nav-item .nav-icon{font-size:1.3rem;transition:transform .22s}.bottom-nav-item.active{color:var(--water-dark);font-weight:700}.bottom-nav-item.active .nav-icon{transform:translateY(-1px)}.bottom-nav-item:active{transform:scale(.97)}.water-circle{width:260px;height:260px}.water-amount{font-size:2.65rem}.history-view,.settings-view{padding:1rem}.stat-cards{flex-direction:column}.reminder-intervals{gap:.3rem}}._wrapper_719wh_1{width:100%;margin-top:1.5rem}._toggleBtn_719wh_5{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}._toggleBtn_719wh_5:hover{background:var(--bg-secondary);border-color:var(--water-color)}._arrow_719wh_27{color:var(--text-muted);font-size:.8rem;transition:transform .22s cubic-bezier(.34,1.4,.64,1);display:inline-block}._arrowOpen_719wh_33{transform:rotate(180deg)}._cards_719wh_36{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.75rem;animation:.2s ease-out _expandIn_719wh_1;display:grid}@keyframes _expandIn_719wh_1{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}._card_719wh_36{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--card-shadow);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem 1rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}._card_719wh_36:hover{transform:translateY(-2px)}._patreonCard_719wh_72:hover{box-shadow:var(--card-shadow), 0 0 20px #ff424d26;border-color:#ff6b6b80}._linktreeCard_719wh_78:hover{box-shadow:var(--card-shadow), 0 0 20px #10b98126;border-color:#10b98180}._iconBox_719wh_84{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}._icon_719wh_84{object-fit:contain;width:34px;height:34px}._textBox_719wh_100{flex:1}._cardTitle_719wh_103{color:var(--text);margin:0 0 .25rem;font-size:1rem;font-weight:700}._cardDesc_719wh_109{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}._actionBtn_719wh_115{text-align:center;cursor:pointer;color:#fff;border:none;border-radius:20px;width:100%;margin-top:.25rem;padding:.45rem 1.2rem;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none;display:block}._patreonBtn_719wh_130{background:#ff424dbf}._patreonBtn_719wh_130:hover{background:#ff424df2}._linktreeBtn_719wh_136{background:#10b981bf}._linktreeBtn_719wh_136:hover{background:#10b981f2}@media (width<=768px){._cards_719wh_36{grid-template-columns:1fr}._card_719wh_36{text-align:left;flex-direction:row;align-items:center;gap:.75rem;padding:1rem}._textBox_719wh_100{text-align:left}._actionBtn_719wh_115{white-space:nowrap;width:auto}}