.entry-reminder {
  width: min(420px, calc(100% - 32px));
  box-sizing: border-box;
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 24px;
  background: #f5f7ff;
  color: #1c2946;
  box-shadow: 0 24px 70px rgba(19, 30, 65, .28), inset 0 1px 0 rgba(255,255,255,.9);
  font-family: inherit;
}
.entry-reminder::backdrop { background: rgba(12, 20, 39, .48); }
.entry-reminder h2 { margin: 0 0 12px; font-size: 21px; line-height: 1.35; }
.entry-reminder p { margin: 0; color: #485671; font-size: 15px; line-height: 1.65; }
.entry-reminder__choice { display: flex; align-items: center; gap: 10px; margin: 22px 0 20px; cursor: pointer; font-size: 14px; }
.entry-reminder__choice input { width: 17px; height: 17px; margin: 0; accent-color: #526fda; }
.entry-reminder__close { width: 100%; min-height: 46px; padding: 10px 16px; border: 0; border-radius: 14px; background: #526fda; color: white; font: inherit; font-weight: 700; cursor: pointer; }
.entry-reminder__close:hover { background: #405ec4; }
.entry-reminder :focus-visible { outline: 3px solid #8299f3; outline-offset: 3px; }
:root[data-theme="dark"] .entry-reminder { background: #202a42; border-color: rgba(166,181,220,.28); color: #f3f6ff; box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08); }
:root[data-theme="dark"] .entry-reminder p { color: #c3cde1; }
@media (max-width: 480px) { .entry-reminder { padding: 23px; } }