.water-card{overflow:hidden;background:linear-gradient(145deg,rgba(12,192,223,.1),rgba(255,222,89,.06))}.water-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.water-head h3{margin:7px 0 0}.water-head strong{font-size:27px;color:var(--aqua);white-space:nowrap}.water-glasses{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:20px 0}.water-glass{position:relative;height:38px;border:1px solid #45544f;border-top:0;border-radius:3px 3px 8px 8px;overflow:hidden}.water-glass i{position:absolute;inset:auto 2px 2px;height:0;border-radius:2px 2px 5px 5px;background:linear-gradient(180deg,#0cc0df,#68cfb3);transition:height .25s ease}.water-glass.filled{border-color:rgba(12,192,223,.7)}.water-glass.filled i{height:82%}.water-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.water-actions button{width:100%}.water-actions button:disabled{opacity:.35;cursor:not-allowed}.water-note{font-size:11px;margin:12px 0 0}.water-card .eyebrow{color:#ffde59}@media(max-width:380px){.water-glasses{gap:4px}.water-glass{height:32px}}