.techniques-browse-page{animation:fadeIn var(--transition-normal);padding-bottom:var(--space-6)}.browse-header{text-align:center;margin-bottom:var(--space-5)}.browse-header h1{font-size:var(--font-size-hero);font-weight:900}.browse-subtitle{color:var(--color-text-muted);margin-top:var(--space-2)}.browse-controls{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.controls-top-row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.search-wrapper{width:100%;max-width:420px;position:relative}.search-icon{left:var(--space-3);color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.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)}.search-input:focus{border-color:var(--color-primary);outline:none}.search-clear-btn{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%)}.search-clear-btn:hover{color:var(--color-primary);background:#ff33331a}.control-buttons{flex-shrink:0;gap:.5rem;display:flex}.random-drill-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;display:flex}.random-drill-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.filter-toggle-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.filter-toggle-btn:hover,.filter-toggle-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.filter-count-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:.65rem;font-weight:700}.category-filters{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:.85rem;font-weight:600}.filter-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-count{opacity:.7;font-size:.8em;font-weight:400}.advanced-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:1.25rem;padding:1.25rem;animation:.2s fadeIn;display:flex}.filter-group{flex-direction:column;flex:1;gap:.4rem;min-width:200px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);font-size:.7rem;font-weight:700}.filter-pills{flex-wrap:wrap;gap:.35rem;display:flex}.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}.pill:hover{border-color:var(--color-text-muted);color:var(--color-text)}.pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pill.beginner.active{background:var(--color-success);border-color:var(--color-success)}.pill.intermediate.active{background:#c9a800;border-color:#c9a800}.pill.advanced.active{background:var(--color-danger);border-color:var(--color-danger)}.browse-results-bar{margin-bottom:var(--space-3);color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.clear-all-btn{color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.85rem;font-weight:600}.clear-all-btn:hover{text-decoration:underline}.browse-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.browse-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.browse-grid{grid-template-columns:repeat(3,1fr)}}.browse-card{padding:var(--space-4);color:var(--color-text);transition:all var(--transition-fast);flex-direction:column;min-height:220px;text-decoration:none;display:flex;position:relative}.browse-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 25px #ff33331a}.card-top-row{margin-bottom:var(--space-2);align-items:center;gap:.5rem;display:flex}.card-fav-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;margin-left:auto;padding:4px;display:flex}.card-fav-btn:hover,.card-fav-btn.fav-active{color:var(--color-primary)}.browse-category{text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);font-size:.75rem}.difficulty-badge{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.5px;padding:3px 10px;font-size:.65rem;font-weight:700}.difficulty-badge.beginner{color:var(--color-success);background:#22c55e1f}.difficulty-badge.intermediate{color:var(--color-warning);background:#ffd7001f}.difficulty-badge.advanced{color:var(--color-primary);background:#ff33331f}.browse-card h3{margin-bottom:var(--space-2);font-size:1.3rem}.browse-card p{color:var(--color-text-muted);-webkit-line-clamp:2;margin-bottom:var(--space-2);-webkit-box-orient:vertical;flex-grow:1;font-size:.9rem;display:-webkit-box;overflow:hidden}.card-format-tags{margin-bottom:var(--space-2);flex-wrap:wrap;gap:.25rem;display:flex}.format-chip{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);padding:2px 8px;font-size:.65rem;font-weight:700}.browse-muscles{gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.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}.read-more{color:var(--color-primary);margin-top:auto;font-size:.95rem;font-weight:700}.grid-ad-slot{grid-column:1/-1;justify-content:center;display:flex}.no-results{text-align:center;padding:var(--space-6);color:var(--color-text-muted);grid-column:1/-1}.no-results-emoji{margin-bottom:var(--space-3);font-size:3rem}.no-results h3{color:var(--color-text);margin-bottom:var(--space-2)}.no-results p{margin-bottom:var(--space-4)}.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}.clear-filters-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px)}@media (max-width:600px){.controls-top-row{flex-direction:column}.search-wrapper{max-width:100%}.control-buttons{justify-content:center;width:100%}.advanced-filters{flex-direction:column}.filter-group{min-width:unset}}