/* "You forgot last time" reminder: calm, friendly, closes by itself */
.forget-overlay{
  position:fixed; inset:0; z-index:100001; display:none; align-items:center; justify-content:center; padding:24px; overflow-y:auto;
  background:linear-gradient(165deg,#f2f7f3 0%,#fbf7ec 55%,#f6f1fb 100%); color:#2f3e46;
  animation:forgetFadeIn .45s ease;
}
.forget-overlay.leaving{ animation:forgetFadeOut .45s ease forwards; }
@keyframes forgetFadeIn{ from{ opacity:0; } to{ opacity:1; } }
@keyframes forgetFadeOut{ to{ opacity:0; } }
.forget-card{ width:100%; max-width:460px; margin:auto; text-align:center; }
.forget-emoji{ font-size:72px; line-height:1; margin-bottom:14px; display:inline-block; animation:forgetBounce 1.6s ease-in-out infinite; }
@keyframes forgetBounce{ 0%,100%{ transform:translateY(0) rotate(-4deg); } 50%{ transform:translateY(-12px) rotate(4deg); } }
.forget-title{ font-family:var(--font-display); font-size:28px; font-weight:600; letter-spacing:-.02em; margin-bottom:12px; }
.forget-text{ font-size:17px; line-height:1.65; color:#3d4f56; margin-bottom:26px; }
.forget-bar{ height:6px; border-radius:999px; background:#dde8e1; overflow:hidden; margin:0 auto 12px; max-width:320px; }
.forget-bar i{ display:block; height:100%; width:100%; transform-origin:left center; background:linear-gradient(90deg,#5f8f7b,#e9b44c); }
@keyframes forgetBar{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } }
.forget-note{ font-size:12px; color:#7b8a86; letter-spacing:.04em; }
@media (max-width:560px){ .forget-emoji{ font-size:60px; } .forget-title{ font-size:23px; } .forget-text{ font-size:15px; } }
@media (prefers-reduced-motion: reduce){ .forget-emoji{ animation:none; } .forget-overlay{ animation:none; } }