.water-bottle-v2{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px;width:100%;max-width:420px;padding:32px 16px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottle-wrapper{position:relative;flex-shrink:0;cursor:pointer;touch-action:none}.water-info-panel{display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:150px;flex-shrink:0;text-align:right;order:-1}.hydration-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 12px;border-radius:20px;background:rgba(0,0,0,.1);backdrop-filter:blur(8px);min-width:110px}:root[data-theme=dark] .hydration-status{background:rgba(255,255,255,.1)}.status-emoji{font-size:18px}.status-text{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.water-main-amount{display:flex;align-items:baseline;gap:4px;justify-content:flex-end}.amount-value{font-size:48px;font-weight:700;color:var(--color-text-primary,#fff);line-height:1;font-variant-numeric:tabular-nums;width:100px;text-align:right}.amount-unit{font-size:20px;font-weight:500}.amount-secondary,.amount-unit{color:var(--color-text-secondary,rgba(255,255,255,.7))}.amount-secondary{font-size:14px;font-weight:400;margin-left:4px}.glasses-display{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.glasses-row{display:flex;gap:2px}.glass-icon{font-size:18px;transition:all .2s ease;opacity:.3}.glass-icon.filled{opacity:1;filter:drop-shadow(0 0 4px rgba(66,165,245,.5))}.glasses-text{font-size:12px;color:var(--color-text-secondary,rgba(0,0,0,.6));margin:0}.drag-hint{font-size:11px;color:var(--color-text-tertiary,rgba(0,0,0,.4));margin:8px 0 0;transition:opacity .2s}@media (max-width:480px){.water-bottle-v2{gap:16px;padding:12px}.water-info-panel{min-width:90px}.amount-value{font-size:36px;min-width:70px}.amount-unit,.glass-icon{font-size:16px}.status-text{font-size:12px}.status-emoji{font-size:16px}}.bubble{animation:bubbleRise 3s ease-in-out infinite}.bubble-1{animation-delay:0s;animation-duration:2.5s}.bubble-2{animation-delay:.5s;animation-duration:3s}.bubble-3{animation-delay:1s;animation-duration:2.8s}.bubble-4{animation-delay:.3s;animation-duration:3.2s}.bubble-5{animation-delay:.8s;animation-duration:2.6s}.bubble-6{animation-delay:1.2s;animation-duration:3.4s}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.6;transform:translateY(-10px) scale(1)}80%{opacity:.4;transform:translateY(-40px) scale(.8)}to{opacity:0;transform:translateY(-60px) scale(.3)}}