/* Mimi celebrations and gentle hydration reminders */
.mh-pop-layer{position:fixed;inset:0;z-index:20000;background:rgba(12,7,28,.70);display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}
.mh-pop-layer[hidden],.mh-float[hidden],.mh-water-mini[hidden]{display:none!important}
.mh-pop{width:min(100%,390px);max-height:min(90vh,680px);overflow:auto;background:linear-gradient(150deg,#302044,#1b1430);border:1px solid #b59acb;border-radius:25px;box-shadow:0 24px 80px #0008;padding:28px 22px;text-align:center;color:#fff}
.mh-pop .mh-cat{font-size:74px;line-height:1.4;filter:drop-shadow(0 5px 18px #eeb4eb66)}
.mh-pop h2{font-size:25px;margin:8px 0 12px;color:#f9d9fb}.mh-pop p{line-height:1.8;margin:10px 0}.mh-rewards{display:flex;justify-content:center;gap:10px;margin:20px 0}.mh-rewards span{padding:12px;border:1px solid #947aa8;border-radius:14px;flex:1;background:#ffffff0b}
.mh-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mh-actions button,.mh-float button,.mh-water-mini button{cursor:pointer;border-radius:12px;padding:10px 15px;background:#d5a4ea;color:#251333;border:0;font-weight:700}.mh-actions .secondary{background:#ffffff19;color:#fff;border:1px solid #9d88b4}
.mh-float{position:fixed;bottom:18px;right:18px;z-index:8000;display:flex;align-items:end;gap:7px;direction:rtl}.mh-float-cat{font-size:44px!important;padding:7px!important;border-radius:50%!important;box-shadow:0 8px 24px #0006}.mh-float-bubble{max-width:190px;border-radius:16px;background:#332341;color:white;border:1px solid #b69bcf;padding:11px;font-size:13px;line-height:1.6;direction:rtl}.mh-float-close{padding:5px 8px!important;background:#342444!important;color:#fff!important;font-size:13px}
.mh-water-mini{position:fixed;bottom:92px;right:14px;z-index:10010;max-width:280px;border-radius:16px;background:#2b2243;color:#fff;padding:14px;box-shadow:0 10px 30px #0009;direction:rtl}.mh-water-mini button{margin:7px 3px 0;font-size:12px}
@media(max-width:600px){.mh-pop{padding:20px 15px}.mh-float{bottom:10px;right:8px}.mh-float-cat{font-size:34px!important}.mh-float-bubble{max-width:145px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.mh-pop{animation:mh-in .24s ease-out}@keyframes mh-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}}