.couple-shortcuts { display: flex; flex-shrink: 0; }
.couple-shortcuts .movie-shortcut { flex: 1; min-width: 0; padding: 9px 6px; font-size: 12px; }
.couple-shortcuts .movie-shortcut + .movie-shortcut { border-left: 1px solid #edcada; }
.reminder-dialog { max-width: 540px; }
#reminder-compose summary { padding: 12px 14px; margin: 14px 0; border: 1px solid #e7b9ce; border-radius: 14px; background: #fff0f5; color: #80274e; cursor: pointer; font-weight: 600; }
.reminder-dialog textarea { width: 100%; border: 1px solid #e4cbd8; border-radius: 12px; background: white; padding: 10px; font: inherit; }
.reminder-filters { display: flex; gap: 8px; margin: 16px 0; flex-wrap: wrap; }
.reminder-filters button, .reminder-card button { background: #fff6fb; color: #80274e; border: 1px solid #e7b9ce; border-radius: 14px; padding: 7px 11px; font: inherit; cursor: pointer; }
.reminder-filters button[aria-pressed="true"] { background: #85294f; color: white; }
.reminder-card { padding: 14px; margin: 10px 0; border: 1px solid #edcada; border-radius: 18px; background: linear-gradient(120deg, #fff4e6, #fff0f7); overflow-wrap: anywhere; }
.reminder-card.is-due { border: 2px solid #c54d7b; }
.reminder-card h3 { margin: 0 0 7px; font-size: 16px; }
.reminder-card p { white-space: pre-wrap; font-size: 13px; }
.reminder-card small { display: block; color: #76536a; margin-bottom: 10px; }
.reminder-card div { display: flex; flex-wrap: wrap; gap: 8px; }