#site-reminder-dialog {
  width: min(460px,calc(100vw - 28px));
  max-height: min(82dvh,520px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid rgba(114,199,255,.32);
  border-radius: 16px;
  color: #e9eef5;
  background: linear-gradient(145deg,#19212c,#10161e);
  box-shadow: 0 24px 80px rgba(0,0,0,.62),0 0 38px rgba(114,199,255,.12);
  font: 14px/1.55 Arial,Helvetica,"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;
}
#site-reminder-dialog::backdrop { background: rgba(2,5,9,.72); backdrop-filter: blur(5px); }
#site-reminder-dialog .reminder-inner { padding: 22px; }
#site-reminder-dialog .reminder-kicker { margin: 0 0 5px; color: #72c7ff; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
#site-reminder-dialog h2 { margin: 0 0 12px; color: #f4f7fa; font-size: 19px; line-height: 1.35; }
#site-reminder-dialog .reminder-copy { margin: 0 0 8px; color: #dce5ee; font-size: 14px; }
#site-reminder-dialog .reminder-task { margin: 0 0 17px; padding: 10px 12px; border-left: 3px solid #ffd75e; border-radius: 5px; color: #ffd75e; background: rgba(255,215,94,.07); font-size: 12px; font-weight: 700; }
#site-reminder-dialog .reminder-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#site-reminder-dialog button,#site-reminder-dialog a {
  min-height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid #273242;
  border-radius: 8px;
  color: #a7b1be;
  background: transparent;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
#site-reminder-dialog button:hover,#site-reminder-dialog a:hover { color: #e9eef5; background: #19212c; }
#site-reminder-dialog .reminder-primary { border-color: rgba(114,199,255,.42); color: #09131b; background: #72c7ff; }
#site-reminder-dialog .reminder-primary:hover { color: #09131b; background: #8bd2ff; }
#site-reminder-dialog button:focus-visible,#site-reminder-dialog a:focus-visible { outline: 2px solid #72c7ff; outline-offset: 2px; }
@media (max-width: 420px) {
  #site-reminder-dialog .reminder-inner { padding: 18px; }
  #site-reminder-dialog .reminder-actions { display: grid; grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { #site-reminder-dialog::backdrop { backdrop-filter: none; } }