.event-preference-controls,
.event-reminder-form {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}
.event-view-switch { margin-bottom: 1rem; }
.event-preference-controls { margin-top: 1rem; cursor: default; }
.event-preference-controls details { flex-basis: 100%; }
.event-preference-controls summary { cursor: pointer; padding: .4rem 0; }
.event-reminder-form { margin-top: .5rem; }
.event-reminder-form label { display: flex; align-items: center; gap: .4rem; }
.event-reminder-form select { padding: .4rem; border-radius: .35rem; }
.event-reminder-form input[type="checkbox"] { width: auto; }
.reminder-hide-option { margin-top: .75rem; }
.event-reminder-status { font-size: .85rem; }
#event-preferences-feedback:empty { display: none; }
.event-card-row.event-swiping {
    transform: translateX(var(--swipe-offset, 0));
    opacity: var(--swipe-opacity, 1);
    transition: none;
    will-change: transform, opacity;
}
.event-card-row.event-swipe-returning {
    transform: translateX(var(--swipe-offset, 0));
    opacity: var(--swipe-opacity, 1);
    transition: transform 200ms ease-out, opacity 200ms ease-out;
    will-change: transform, opacity;
}
.event-card-row.event-hiding {
    box-sizing: border-box;
    overflow: hidden;
    height: 0 !important;
    min-height: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    opacity: 0;
    transform: translateX(-110%);
    pointer-events: none;
    transition: transform 250ms ease, opacity 200ms ease, height 500ms ease,
                margin 500ms ease, padding 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
    .event-card-row.event-hiding { transition: none; }
}
@media (max-width: 600px) {
    .event-reminder-form { align-items: flex-start; flex-direction: column; }
}