.meow-dialog-overlay {
  position: fixed;
  inset: 0;
  z-index: 1002500;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(5, 5, 5, .42);
  backdrop-filter: blur(5px);
}
.meow-dialog-overlay.open {
  display: flex;
}
.meow-dialog {
  width: min(100%, 440px);
  background: #fbf7f0;
  color: #050505;
  border: 1.5px solid #050505;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  padding: 20px;
  transform: translateY(8px) scale(.98);
  animation: meowDialogIn .16s ease forwards;
}
@keyframes meowDialogIn {
  to { transform: translateY(0) scale(1); }
}
.meow-dialog-title {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
}
.meow-dialog-message {
  color: #333;
  font-size: 15px;
  line-height: 1.45;
  white-space: pre-wrap;
}
.meow-dialog-input {
  width: 100%;
  margin-top: 14px;
  border: 1.5px solid #050505;
  border-radius: 12px;
  padding: 11px 12px;
  background: #fff;
  color: #050505;
  font: inherit;
  outline: none;
}
.meow-dialog-input:focus {
  box-shadow: 0 0 0 3px rgba(255,199,95,.45);
}
.meow-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  flex-wrap: wrap;
}
.meow-dialog-btn {
  border: 1.5px solid #050505;
  border-radius: 999px;
  min-height: 38px;
  padding: 9px 18px;
  background: #f9edcf;
  color: #050505;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
.meow-dialog-btn:hover {
  transform: translateY(-1px);
  background: #ffd782;
  box-shadow: 0 4px 0 #050505;
}
.meow-dialog-btn.primary {
  background: #ffc75f;
}
.meow-dialog-btn.danger {
  background: #ff7675;
}
.meow-dialog-btn:active {
  transform: translateY(1px);
  box-shadow: none;
}

/* Dark theme — the shared dialog was cream-only, so modals like Notes «Clear notes»
   rendered white-on-dark and were unreadable. */
[data-theme="dark"] .meow-dialog,
body.meow-dark .meow-dialog {
  background: #1b2230;
  color: #eef0f5;
  border-color: rgba(255, 255, 255, .16);
}
[data-theme="dark"] .meow-dialog-title,
body.meow-dark .meow-dialog-title {
  color: #f4ca87;
}
[data-theme="dark"] .meow-dialog-message,
body.meow-dark .meow-dialog-message {
  color: #c9cedb;
}
[data-theme="dark"] .meow-dialog-input,
body.meow-dark .meow-dialog-input {
  background: #0f1521;
  color: #eef0f5;
  border-color: rgba(255, 255, 255, .2);
}