.message-limit-notice {
  position: absolute;
  z-index: 7;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(460px, calc(100% - 40px));
  max-height: calc(100dvh - 190px);
  overflow-y: auto;
  padding: 27px 30px;
  border: 1px solid #d5bdcf38;
  border-radius: 18px;
  background: #231b29ed;
  color: #f2e9eb;
  text-align: center;
  box-shadow: 0 8px 30px #160e2426;
}
.message-limit-notice[hidden], .message-limit-notice [hidden] { display: none; }
.message-limit-notice [data-limit-title] {
  margin: 0;
  color: #f3e8e8;
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.65;
  text-wrap: balance;
}
.message-limit-notice [data-limit-message] { margin: 13px 0 0; color: #d2c4d6; font-size: 14px; line-height: 1.95; text-wrap: pretty; }
.message-limit-notice [data-limit-reset] { margin: 15px 0 0; color: #e3c5a3; font-size: 12px; line-height: 1.7; }
.message-limit-notice [data-limit-signin] { display: block; min-height: 46px; width: min(280px, 100%); margin: 22px auto 0; border: 1px solid #e3c29d; border-radius: 999px; background: #e7c7a1; color: #33241f; font-size: 14px; font-weight: 600; line-height: 1.5; }
.message-limit-notice [data-limit-signin]:hover { background: #eed2b1; }
.message-limit-notice button:focus-visible { outline: 2px solid #e6c6a2; outline-offset: 3px; }
@media (max-width: 480px) {
  .message-limit-notice { padding: 23px 22px; }
  .message-limit-notice [data-limit-title] { font-size: 20px; }
  .message-limit-notice [data-limit-message] { font-size: 13px; }
}
@media (max-height: 520px) {
  .message-limit-notice { max-height: calc(100dvh - 140px); padding: 18px 24px; }
  .message-limit-notice [data-limit-signin] { margin-top: 14px; }
}