.exl-page{animation:fadeIn var(--transition-normal);padding-bottom:var(--space-6)}.exl-header{text-align:center;margin-bottom:var(--space-5)}.exl-header h1{font-size:var(--font-size-hero);font-weight:900}.exl-subtitle{color:var(--color-text-muted);margin-top:var(--space-2);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.exl-controls{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.exl-search-row{justify-content:center;display:flex}.exl-search-wrapper{width:100%;max-width:480px;position:relative}.exl-search-icon{left:var(--space-3);color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.exl-search-input{width:100%;padding:var(--space-3) 2.5rem var(--space-3) 2.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:1rem;font-family:var(--font-sans);transition:border-color var(--transition-fast)}.exl-search-input:focus{border-color:var(--color-primary);outline:none}.exl-search-clear{right:var(--space-3);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.exl-search-clear:hover{color:var(--color-primary);background:#ff33331a}.exl-filter-section{flex-direction:column;align-items:center;gap:.4rem;display:flex}.exl-filter-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);font-size:.7rem;font-weight:700}.exl-filter-pills{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.exl-pill{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.exl-pill:hover{border-color:var(--color-text-muted);color:var(--color-text)}.exl-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.exl-pill.exl-diff-beginner.active{background:var(--color-success);border-color:var(--color-success)}.exl-pill.exl-diff-intermediate.active{background:#c9a800;border-color:#c9a800}.exl-pill.exl-diff-advanced.active{background:var(--color-danger);border-color:var(--color-danger)}.exl-results-bar{margin-bottom:var(--space-3);color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.exl-clear-btn{color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.85rem;font-weight:600}.exl-clear-btn:hover{text-decoration:underline}.exl-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.exl-grid{grid-template-columns:repeat(2,1fr)}}.exl-card{padding:var(--space-4);color:var(--color-text);transition:all var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;position:relative}.exl-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 25px #ff33331a}.exl-card-top{margin-bottom:var(--space-2);align-items:center;gap:.5rem;display:flex}.exl-category{text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);font-size:.75rem}.exl-difficulty{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.5px;margin-left:auto;padding:3px 10px;font-size:.65rem;font-weight:700}.exl-diff-beginner{color:var(--color-success);background:#22c55e1f}.exl-diff-intermediate{color:var(--color-warning);background:#ffd7001f}.exl-diff-advanced{color:var(--color-primary);background:#ff33331f}.exl-card h3{margin-bottom:var(--space-1);font-size:1.2rem}.exl-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);width:fit-content;margin-bottom:var(--space-2);align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.exl-type-badge.boxing{color:var(--color-primary);background:#ff33331f}.exl-type-badge.strength{color:var(--color-secondary);background:#00e5ff1f}.exl-pill-icon{vertical-align:-2px;margin-right:2px;display:inline}.exl-context{color:var(--color-text-muted);margin-bottom:var(--space-3);flex-grow:1;font-size:.88rem;line-height:1.5}.exl-muscles{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.exl-muscle-chip{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-secondary);border:1px solid #00e5ff33;padding:2px 8px;font-size:.7rem}.exl-equipment{color:var(--color-text-muted);margin-bottom:var(--space-3);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.exl-equipment svg{opacity:.6;flex-shrink:0}.exl-read-more{color:var(--color-primary);margin-top:auto;font-size:.95rem;font-weight:700}.exl-no-results{text-align:center;padding:var(--space-6);color:var(--color-text-muted);grid-column:1/-1}.exl-no-results-emoji{margin-bottom:var(--space-3);font-size:3rem}.exl-no-results h3{color:var(--color-text);margin-bottom:var(--space-2)}.exl-no-results p{margin-bottom:var(--space-4)}.exl-clear-filters-btn{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:700}.exl-clear-filters-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px)}@media (max-width:640px){.exl-search-wrapper{max-width:100%}.exl-filter-pills{justify-content:flex-start}}