.filter-container{--filter-bar-gap: var(--spacing-lg);justify-content:center;align-items:stretch;padding:var(--spacing-lg);background-color:var(--bg-elevated);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;border:1px solid var(--border-color)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-weight:700;color:var(--text-primary);font-size:.9375rem}.filter-group select{font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:2px solid var(--border-color);background-color:var(--bg-input);color:var(--text-secondary);transition:border-color var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.filter-toggle-btn{display:none;background-color:var(--primary-color);color:var(--text-primary);border:none;border-radius:var(--radius-sm);padding:.75rem 1.25rem;font-size:1rem;cursor:pointer;transition:background-color var(--transition-fast);margin:var(--spacing-lg) auto;width:100%;max-width:25rem}.filter-toggle-btn:hover{background-color:var(--primary-hover)}.filter-toggle-btn i{margin-left:var(--spacing-xs);transition:transform var(--transition-base)}.filter-toggle-btn.active i{transform:rotate(180deg)}.checkbox-group{display:flex;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);justify-content:center;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:400;cursor:pointer;color:var(--text-secondary)}.clear-btn,.reset-button{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-tertiary));color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.clear-btn:hover,.reset-button:hover{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-elevated));border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.clear-btn:active,.reset-button:active{transform:translateY(0)}.clear-btn i{color:var(--danger-color);transition:transform var(--transition-base)}.clear-btn:hover i{transform:rotate(180deg)}.clear-btn{background:linear-gradient(135deg,var(--danger-alpha-10),var(--danger-alpha-15))}.clear-btn:hover{background:linear-gradient(135deg,var(--danger-alpha-15),var(--danger-alpha-25));border-color:var(--danger-color);color:var(--danger-color);box-shadow:0 4px 12px var(--danger-alpha-25)}.clear-btn:active{box-shadow:inset 0 2px 4px var(--danger-alpha-25)}.loading-skeleton{animation:fade-in var(--transition-base)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.skeleton-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.skeleton-line,.skeleton-element{background:linear-gradient(90deg,var(--bg-primary) 25%,var(--border-color) 50%,var(--bg-primary) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:1rem;margin-bottom:var(--spacing-sm)}.skeleton-title{width:60%;height:1.5rem;margin-bottom:var(--spacing-md)}.skeleton-text{width:100%}.skeleton-text:last-child{width:80%}.skeleton-gallery{aspect-ratio:22 / 14}.skeleton-image{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-primary) 25%,var(--border-color) 50%,var(--bg-primary) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:skeleton-loading 1.5s infinite}.gem-icon{width:1.5rem;height:1.5rem;vertical-align:middle;filter:drop-shadow(0 2px 4px var(--overlay-light))}.image-popup,.lightbox-modal{position:fixed;inset:0;z-index:var(--z-modal);background:var(--bg-glass);backdrop-filter:blur(10px);justify-content:center;align-items:center}@media(max-width:768px){.filter-toggle-btn{display:block}.filter-container{display:none;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.filter-container.visible{display:flex}.filter-group,.filter-group select{width:100%}.checkbox-group{flex-wrap:wrap;gap:var(--spacing-sm)}}@media(max-width:480px){.gem-icon{width:1.25rem;height:1.25rem}}body.dark-mode .filter-container{background-color:var(--bg-secondary);border:none}body.dark-mode .checkbox-group{background-color:var(--bg-input);border:none}body.dark-mode .filter-group select{background-color:var(--bg-input);border:2px solid var(--bg-secondary)}body.dark-mode .filter-group select:focus{box-shadow:none}body.dark-mode .clear-btn,body.dark-mode .reset-button{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary))}body.dark-mode .clear-btn:hover,body.dark-mode .reset-button:hover{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-elevated))}body.dark-mode .clear-btn{background:linear-gradient(135deg,var(--danger-alpha-15),var(--danger-alpha-25))}body.dark-mode .clear-btn:hover{background:linear-gradient(135deg,var(--danger-alpha-25),var(--danger-alpha-40));border-color:var(--danger-color);color:var(--danger-color);box-shadow:0 4px 12px var(--danger-alpha-25)}body.dark-mode .skeleton-card{background:var(--bg-secondary)}body.dark-mode .skeleton-line,body.dark-mode .skeleton-element{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%}body.dark-mode .gem-icon{filter:drop-shadow(0 2px 4px var(--overlay-strong))}@media print{.filter-toggle-btn{display:none!important}}