/* Mock Enjoy Prompt — shared styles (module v1.0).
   Quiet by design: bottom card, app-neutral ink/line colors with a navy
   primary that sits inside every shelf app's existing palette. Never a
   modal, never an overlay — the app behind it stays fully usable. */
.mep-card {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 99990;
  max-width: 520px;
  margin: 0 auto;
  background: #fff;
  color: #1c2430;
  border: 1px solid #dde3ea;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(15, 42, 67, 0.25);
  padding: 16px;
  font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}
.mep-card h3 {
  margin: 0 28px 8px 0;
  font-size: 16.5px;
  line-height: 1.3;
}
.mep-card .mep-sub {
  font-size: 13.5px;
  opacity: 0.8;
  margin: 0 0 4px;
}
.mep-card .mep-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.mep-card .mep-btn {
  appearance: none;
  border: 1px solid #0f2a43;
  background: #0f2a43;
  color: #fff;
  border-radius: 8px;
  padding: 10px 18px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  min-height: 44px;
}
.mep-card .mep-btn.ghost {
  background: #fff;
  color: #0f2a43;
}
.mep-card .mep-x {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 36px;
  height: 36px;
  background: none;
  border: 0;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  color: inherit;
  opacity: 0.7;
}
.mep-card textarea {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  padding: 8px;
  border: 1px solid #c8d0da;
  border-radius: 8px;
  min-height: 70px;
  margin: 8px 0 4px;
  background: transparent;
  color: inherit;
}
.mep-card .mep-note {
  font-size: 12.5px;
  opacity: 0.8;
  margin-top: 8px;
}
.mep-card .mep-note a {
  color: inherit;
}
@media (prefers-color-scheme: dark) {
  .mep-card {
    background: #161c24;
    color: #e8edf2;
    border-color: #33404e;
  }
  .mep-card .mep-btn.ghost {
    background: transparent;
    color: #e8edf2;
    border-color: #7d8ea0;
  }
  .mep-card textarea {
    border-color: #46586a;
  }
}