@layer legacy{.filter-button-age{width:170px}.age-picker-dropdown{z-index:var(--z-dropdown);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:300px;max-width:90vw;max-height:60vh;position:absolute;top:100%;left:50%;overflow:auto;transform:translate(-50%)}.age-picker-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.age-picker-header h4{font-size:var(--font-size-base);color:var(--text-primary);margin:0}.age-picker-clear{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-normal);background:0 0;border:none;text-decoration:underline}.age-picker-clear:hover{color:var(--primary-color)}.age-picker-grid{gap:var(--spacing-xs);padding:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.age-button{padding:var(--spacing-sm)var(--spacing-md);background:var(--light-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm);justify-content:center;align-items:center;min-height:40px;font-weight:500;display:flex}.age-button:hover{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color);transform:translateY(-1px)}.age-button--selected{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.age-button--selected:hover{background:var(--primary-dark);transform:translateY(-1px)}.filter-chevron{position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (max-width:768px){.filter-button-age{width:100%;min-width:81dvw}}}
@layer legacy{.filter-bar{background:var(--light-grey);padding:var(--spacing-sm)}.filter-bar-content{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.filter-buttons{gap:var(--spacing-sm);display:flex}.filter-button-container{position:relative}.filter-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm);display:flex;position:relative}.filter-button:hover{background:var(--light-color);color:var(--text-primary);border-color:var(--border-color)}.filter-button-search{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.filter-button-search:hover{background:var(--primary-dark);color:var(--text-white);border-color:var(--primary-color)}.filter-bar-mobile{display:none}.filter-bar-mobile-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.filter-bar-mobile-toggle{width:100%;padding:var(--spacing-md);cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.filter-bar-mobile-content{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.filter-bar-mobile-label{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:flex}.filter-bar-mobile-summary{color:var(--text-secondary);font-size:var(--font-size-xs);text-align:left;line-height:1.4}.filter-bar-mobile-filters{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.filter-bar-mobile-filters .filter-button{width:100%}.filter-bar-desktop{display:block}.filter-button-state{width:130px}.state-selector-chevron{transition:transform .15s}.state-selector-chevron.open{transform:rotate(180deg)}.state-selector-dropdown{z-index:200;border:1px solid var(--border-color,#e5e7eb);background:#fff;border-radius:10px;flex-direction:column;min-width:200px;padding:4px 0;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001a}.state-selector-option{color:var(--text-primary,#1a1a1a);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;transition:background-color .1s;display:flex}.state-selector-option:hover{background-color:var(--bg-hover,#f9fafb)}.state-selector-option.active{font-weight:600}.state-selector-check{flex-shrink:0;width:16px}.state-selector-divider{background:var(--border-color,#e5e7eb);height:1px;margin:4px 0}.state-selector-request-btn{color:var(--color-primary,#3b5bdb);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;transition:background-color .1s;display:flex}.state-selector-request-btn:hover{background-color:var(--bg-hover,#f9fafb)}.location-request-modal{gap:var(--spacing-md,1rem);flex-direction:column;width:100%;max-width:420px;display:flex}.location-request-title{margin:0;font-size:1.25rem;font-weight:700}.location-request-description{color:var(--text-secondary,#6b7280);margin:0;font-size:.9rem}.location-request-success{text-align:center;padding:var(--spacing-lg,1.5rem)0;font-size:1rem}.btn--full{width:100%}@media (max-width:768px){.filter-bar{padding:var(--spacing-xs)var(--spacing-sm)}.filter-bar-mobile{display:block}.filter-bar-desktop{display:none}}}