#personalReminderNav[hidden],#personalReminderNav [hidden],#personalReminders [hidden]{display:none!important}
#personalReminders{position:fixed;inset:0;margin:auto;width:min(680px,94vw);max-height:86vh;max-height:86dvh;overflow:auto;box-sizing:border-box;border:1px solid #d8d2eb;border-radius:18px;padding:clamp(16px,3vw,32px);color:#26213a;background:#fff;box-shadow:0 15px 75px #30274638}
#personalReminders::backdrop{background:#211a39a8}
#personalReminders header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#personalReminders h2{font-size:clamp(24px,4vw,34px);margin:4px 0 16px}
#personalReminders small{color:#574f69}#personalReminders button{min-height:44px}
#prForm{display:grid;gap:9px}#prForm label{font-weight:650}
#prNote{min-height:84px}#prMsg{color:#514373;min-height:1em}
#prList article{background:#f6f3fb;border-radius:10px;margin:8px 0;padding:14px}
#prList p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.5}
#personalReminders #prForm{grid-template-columns:minmax(0,1fr)}
#personalReminders :is(input,textarea,button){max-width:100%;min-width:0;box-sizing:border-box}