.water-intake-icon{filter:brightness(0) saturate(100%);opacity:.7;transition:opacity .2s}.water-intake-icon:hover,body.dark-mode .water-intake-icon:hover{opacity:1}body.dark-mode .water-intake-icon{filter:none;opacity:.8}#waterIntakeListModal,#waterIntakeModal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:3000;backdrop-filter:blur(5px)}#waterIntakeListModal.active,#waterIntakeModal.active{display:flex!important}#waterIntakeListModal .modal-content,#waterIntakeModal .modal-content{display:flex;flex-direction:column;overflow:hidden}#waterIntakeListModal .modal-header,#waterIntakeModal .modal-header{flex-shrink:0;position:relative}#waterIntakeListModal .modal-body,#waterIntakeModal .modal-body{flex:1;overflow-y:auto;padding:0 20px 20px}#waterIntakeListModal .close-btn,#waterIntakeModal .close-btn{position:absolute;top:-6px;right:0;z-index:1}#waterIntakeListModal h2,#waterIntakeModal h2{margin:0;padding-bottom:16px}.water-intake-entry{transition:.2s}.water-intake-entry:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}body.dark-mode #waterIntakeModal div[style*="background: var(--color-surface)"],body.dark-mode .water-intake-entry{background:0 0!important}body.dark-mode .water-intake-entry:hover{background:#32373f!important;box-shadow:0 4px 12px rgba(0,0,0,.3)}@keyframes waterIntakeModalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#waterIntakeListModal small,#waterIntakeModal small{font-size:.85em;line-height:1.4}body.dark-mode #waterIntakeListModal .modal-content,body.dark-mode #waterIntakeModal .modal-content{background:#1e2228;color:#e3e3e3}body.dark-mode #waterIntakeListModal input,body.dark-mode #waterIntakeListModal select,body.dark-mode #waterIntakeModal input,body.dark-mode #waterIntakeModal select{background:0 0;color:#e3e3e3;border:1px solid #3a3f47}body.dark-mode #waterIntakeListModal input:focus,body.dark-mode #waterIntakeListModal select:focus,body.dark-mode #waterIntakeModal input:focus,body.dark-mode #waterIntakeModal select:focus{border-color:#2196f3;outline:0}body.dark-mode #waterIntakeListModal h2,body.dark-mode #waterIntakeModal h2{color:#e3e3e3}body.dark-mode #waterIntakeListModal label,body.dark-mode #waterIntakeModal label{color:#b8b8b8}#waterIntakeListModal label,#waterIntakeModal label{margin-top:0!important}body.dark-mode #waterIntakeListModal small,body.dark-mode #waterIntakeModal small{color:#8b949e}