.wt-page{min-height:80vh;background:linear-gradient(170deg,#e8f4fd,#d0ecfa 40%,#f0f8ff);display:flex;justify-content:center;padding:var(--space-8) var(--space-4)}.wt-card{background:#fff;border-radius:16px;box-shadow:0 8px 40px #1e96d11a,0 2px 8px #0000000a;max-width:480px;width:100%;padding:40px 36px;position:relative}.wt-card__title{text-align:center;font-size:1.6rem;font-weight:700;color:#1a6fa0;margin-bottom:4px}.wt-card__subtitle{text-align:center;color:#6b9ec2;font-size:.95rem;margin-bottom:32px}.wt-glass{position:relative;width:160px;height:260px;margin:0 auto 24px}.wt-glass__svg{width:100%;height:100%}.wt-glass__water,.wt-glass__wave{transition:y .8s cubic-bezier(.4,0,.2,1)}.wt-glass__wave{animation:wt-wave 3s ease-in-out infinite}@keyframes wt-wave{0%,to{d:path("M20,320 Q55,310,100,320 Q145,330,180,320 V640 H20 Z")}50%{d:path("M20,320 Q55,330,100,320 Q145,310,180,320 V640 H20 Z")}}.wt-glass__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:40px}.wt-glass__pct{font-size:2rem;font-weight:800;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.15)}.wt-stats{text-align:center;margin-bottom:28px}.wt-stats__main{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:6px}.wt-stats__consumed{font-size:2.4rem;font-weight:800;color:#1a6fa0;line-height:1}.wt-stats__unit{font-size:1rem;font-weight:600;color:#6b9ec2}.wt-stats__sep{font-size:.95rem;color:#94b8d4;margin:0 2px}.wt-stats__total{font-size:1rem;color:#6b9ec2}.wt-stats__remaining{font-size:.88rem;color:#8fb8d8}.wt-stats__reached{margin-top:8px;font-size:.95rem;font-weight:700;color:#22c55e;animation:wt-popIn .4s ease}@keyframes wt-popIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.wt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.wt-btn--drink{width:100%;padding:16px 24px;font-size:1.1rem;border-radius:14px;background:linear-gradient(135deg,#2db5f4,#1a8fd1);color:#fff;box-shadow:0 4px 16px #1e96d14d;margin-bottom:12px}.wt-btn--drink:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e96d166;background:linear-gradient(135deg,#40bdf6,#2199d8)}.wt-btn--drink:active{transform:translateY(0) scale(.98)}.wt-actions-sec{display:flex;gap:10px;margin-bottom:28px}.wt-btn--outline{flex:1;padding:10px 12px;font-size:.85rem;border-radius:10px;background:transparent;border:1.5px solid #d0e6f2;color:#6b9ec2}.wt-btn--outline:hover{background:#f0f8ff;border-color:#a8d4ea;color:#1a6fa0}.wt-history{margin-bottom:20px;position:relative}.wt-history__label{display:block;font-size:.8rem;font-weight:600;color:#94b8d4;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.wt-history__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.wt-history__empty{grid-column:1 / -1;text-align:center;font-size:.85rem;color:#b8d4e8;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.wt-history__empty svg{opacity:.4}.wt-history__chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px 8px;border-radius:10px;background:linear-gradient(135deg,#e8f4fd,#d0eaf9);border:1px solid #a8d8f0;cursor:pointer;transition:all .2s ease;user-select:none;overflow:visible;font:inherit;color:inherit}.wt-history__chip:hover,.wt-history__chip--active{transform:translateY(-2px);box-shadow:0 4px 12px #1e96d12e;border-color:#82c8e8}.wt-history__chip-time{font-size:.78rem;font-weight:700;color:#1a6fa0;line-height:1.1}.wt-history__chip-amount{font-size:.68rem;font-weight:500;color:#5aabd6;line-height:1.1}.wt-history__chip--removing{animation:wt-chipRemove .3s ease forwards}@keyframes wt-chipRemove{0%{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.5}to{transform:scale(.6);opacity:0}}.wt-popover-overlay{position:fixed;inset:0;z-index:999;background:#00000014}.wt-popover{position:fixed;z-index:1000;background:#fff;border:1px solid #e2edf5;border-radius:12px;box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f;padding:6px;min-width:160px;animation:wt-popoverIn .15s ease}@keyframes wt-popoverIn{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wt-popover:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-right:1px solid #e2edf5;border-bottom:1px solid #e2edf5}.wt-popover__btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;font-size:.85rem;font-weight:500;color:#374151;cursor:pointer;transition:background .12s,color .12s;font-family:inherit;text-align:left}.wt-popover__btn svg{flex-shrink:0;color:#1a6fa0}.wt-popover__btn:hover{background:#e8f4fd}.wt-popover__btn--danger{color:#dc4468}.wt-popover__btn--danger svg{color:#dc4468}.wt-popover__btn--danger:hover{background:#fff0f4}.wt-popover__edit{display:none;padding:6px 6px 4px;gap:6px;align-items:center}.wt-popover__edit--visible{display:flex}.wt-popover__edit-input{width:72px;padding:6px 8px;border:1.5px solid #a8d8f0;border-radius:6px;font-size:.85rem;color:#1a6fa0;background:#f8fcff;text-align:center;font-family:inherit;transition:border-color .15s}.wt-popover__edit-input:focus{border-color:#2db5f4;outline:none;box-shadow:0 0 0 3px #2db5f426}.wt-popover__edit-confirm{padding:6px 12px;border:none;border-radius:6px;background:linear-gradient(135deg,#2db5f4,#1a8fd1);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s;white-space:nowrap}.wt-popover__edit-confirm:hover{background:linear-gradient(135deg,#40bdf6,#2199d8);transform:scale(1.04)}.wt-settings{border:1.5px solid #e4eff6;border-radius:12px;overflow:hidden}.wt-settings__toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:600;color:#6b9ec2;cursor:pointer;list-style:none;user-select:none;transition:background .15s}.wt-settings__toggle:hover{background:#f0f8ff}.wt-settings__toggle::-webkit-details-marker{display:none}.wt-settings__fields{padding:0 16px 16px;display:flex;gap:16px}.wt-settings__field{flex:1}.wt-settings__label{display:block;font-size:.8rem;font-weight:600;color:#4a8db5;margin-bottom:4px}.wt-settings__input{width:100%;padding:8px 10px;border:1.5px solid #d0e6f2;border-radius:8px;font-size:.92rem;color:#1a6fa0;background:#f8fcff;transition:border-color .15s}.wt-settings__input:focus{border-color:#2db5f4;outline:none}.wt-settings__hint{display:block;font-size:.75rem;color:#94b8d4;margin-top:3px}.wt-presets{padding:0 16px 16px;display:flex;gap:16px}.wt-presets__group{flex:1;min-width:0}.wt-presets__title{display:block;font-size:.72rem;font-weight:600;color:#94b8d4;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.wt-presets__row{display:flex;flex-wrap:wrap;gap:6px}.wt-presets__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1.5px solid #d0e6f2;border-radius:8px;background:#f8fcff;font-size:.78rem;font-weight:600;color:#4a8db5;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.wt-presets__btn svg{flex-shrink:0;stroke:#6b9ec2}.wt-presets__btn:hover{background:#e8f4fd;border-color:#a8d8f0;color:#1a6fa0}.wt-presets__btn:hover svg{stroke:#1a6fa0}.wt-presets__btn--active{background:linear-gradient(135deg,#e8f4fd,#d0eaf9);border-color:#2db5f4;color:#1a6fa0}.wt-presets__btn--active svg{stroke:#1a6fa0}.wt-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}@media(max-width:520px){.wt-page{padding:var(--space-4) var(--space-3)}.wt-card{padding:32px 24px;border-radius:14px}.wt-card__title{font-size:1.35rem}.wt-stats__consumed{font-size:2rem}.wt-settings__fields{flex-direction:column;gap:12px}.wt-history__chips{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}}