.event-card[data-event-owner] { touch-action: pan-y; }
.event-card-head { display: flex; align-items: flex-start; gap: 10px; }
.event-card-head h2 { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.event-options { flex: none; border: 0; border-radius: 8px; background: transparent; color: #a5a0a0; padding: 0 7px; min-width: 32px; min-height: 32px; font-size: 22px; line-height: 1; }
.event-options:hover { background: var(--surface-accent); color: var(--action-primary); }
.event-context-active { box-shadow: 0 0 0 3px var(--focus-ring); }
.event-context { position: fixed; margin: 0; padding: 0; width: min(204px, calc(100vw - 24px)); max-width: none; border: 1px solid #ffffff24; border-radius: 14px; color: #f8f8f7; background: linear-gradient(135deg, #2c2d2cf0, #181e1bf0); box-shadow: 0 15px 45px #0004; backdrop-filter: blur(28px) saturate(1.5); -webkit-backdrop-filter: blur(28px) saturate(1.5); animation: event-menu-pop .18s ease-out both; overflow: hidden; }
.event-context:focus { outline: none; }
.event-context::backdrop { background: #151a1726; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
.event-context button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; border: 0; padding: 10px 13px; background: transparent; color: inherit; font-size: 13px; }
.event-context button svg { width: 21px; height: 21px; flex: none; }
.event-context button:hover, .event-context button:active { background: #ffffff12; }
.event-context button:focus-visible { outline: 2px solid var(--action-primary); outline-offset: -4px; }
@keyframes event-menu-pop { from { opacity: 0; transform: translateY(5px) scale(.96); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .event-context { animation: none; } }

.album-card[data-album-owner] { touch-action: pan-y; }
.album-context-active { box-shadow: 0 0 0 3px var(--focus-ring); }