.event-mobile-filters{position:fixed;bottom:0;left:0;right:0;border-top:var(--border-width-thin) solid var(--gray-200);padding:var(--space-sm) var(--space-md);gap:var(--space-xs);z-index:100;box-shadow:var(--shadow-lg)}.event-mobile-filters,.event-mobile-filters__pill{background:var(--white);display:flex;align-items:center}.event-mobile-filters__pill{flex:1 1;flex-direction:column;gap:var(--space-xxs);border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);min-height:var(--filter-height);cursor:pointer;transition:background .15s ease,border-color .15s ease}.event-mobile-filters__pill:hover{background:var(--gray-50);border-color:var(--gray-400)}.event-mobile-filters__pill:active{transform:scale(.98)}.event-mobile-filters__pill--pulse{animation:mobile-pill-pulse 2s ease-in-out infinite}@keyframes mobile-pill-pulse{0%,to{border-color:var(--gray-300);box-shadow:0 0 0 0 var(--primary-600)}50%{border-color:var(--primary-600);box-shadow:0 0 0 4px rgba(22,214,107,.3)}}@media (prefers-reduced-motion:reduce){.event-mobile-filters__pill--pulse{animation:none;border-color:var(--primary-600)}}.event-mobile-filters__icon{font-size:var(--font-size-sm);color:var(--gray-600)}.event-mobile-filters__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--gray-700);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.event-mobile-filters__reset{display:inline-flex;align-items:center;justify-content:center;width:var(--filter-height);height:var(--filter-height);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--gray-300);color:var(--gray-700);background:var(--white);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);transition:background .15s ease,border-color .15s ease}.event-mobile-filters__reset:hover{background:var(--gray-50);border-color:var(--gray-400)}.event-mobile-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:modal-overlay-enter .3s ease}@keyframes modal-overlay-enter{0%{opacity:0}to{opacity:1}}.event-mobile-modal{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100vw;max-height:80vh;display:flex;flex-direction:column;animation:modal-slide-up .3s ease;box-shadow:var(--shadow-lg)}@keyframes modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.event-mobile-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:var(--border-width-thin) solid var(--gray-200);flex-shrink:0}.event-mobile-modal__content{flex:1 1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.event-mobile-modal__section{display:flex;flex-direction:column;gap:var(--space-md)}.event-mobile-modal__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;padding-bottom:var(--space-xs);border-bottom:var(--border-width-thin) solid var(--gray-200)}.event-mobile-modal__options{display:flex;flex-direction:column;gap:var(--space-xs)}.event-mobile-modal__option{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-700);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background .15s ease,border-color .15s ease}.event-mobile-modal__option:hover{background:var(--gray-50);border-color:var(--gray-300)}.event-mobile-modal__option--active{background:var(--primary-100);border-color:var(--primary-200);color:var(--primary-800);font-weight:var(--font-weight-semibold)}.event-mobile-modal__footer{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:var(--border-width-thin) solid var(--gray-200);background:var(--gray-50);flex-shrink:0}.event-mobile-modal__reset{flex:1 1}.event-mobile-modal__close{flex:2 1}@media screen and (min-width:768px){.event-mobile-filters{display:none}}