.category-filter-container{margin-bottom:var(--space-xl);display:inline-block;position:relative}.category-filter-button{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:var(--bg-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);display:flex}.category-filter-button:hover{background:var(--bg-glass-strong);border-color:var(--color-neon-blue);color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-filter-button-text{-webkit-user-select:none;user-select:none}.category-filter-icon{width:16px;height:16px;transition:transform var(--transition-base);flex-shrink:0}.category-filter-icon--open{transform:rotate(180deg)}.category-filter-modal{top:calc(100% + var(--space-sm));z-index:1000;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);min-width:280px;max-width:320px;box-shadow:var(--shadow-lg);padding:var(--space-lg);transform-origin:0 0;animation:.3s cubic-bezier(.16,1,.3,1) categoryFilterSlideDown;position:absolute;left:0}@keyframes categoryFilterSlideDown{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.category-filter-modal-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.category-filter-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.category-filter-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-filter-close:hover{color:var(--text-primary);background:#ffffff1a;transform:rotate(90deg)}.category-filter-close svg{width:18px;height:18px}.category-filter-list{gap:var(--space-xs);flex-direction:column;display:flex}.category-filter-list::-webkit-scrollbar{width:6px}.category-filter-list::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#ffffff0d}.category-filter-list::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#fff3}.category-filter-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.category-filter-item{padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;display:flex}.category-filter-item:hover{border-color:var(--border-glass);color:var(--text-primary);background:#ffffff0d;transform:translate(4px)}.category-filter-item--active{border-color:var(--color-neon-blue);color:var(--color-neon-blue);background:#00f2ff1a;box-shadow:0 0 15px #00f2ff26}.category-filter-item--active:hover{background:#00f2ff26;transform:translate(4px)}.category-filter-item-text{-webkit-user-select:none;user-select:none;flex:1}.category-filter-check{width:18px;height:18px;color:var(--color-neon-blue);flex-shrink:0}@media (max-width:768px){.category-filter-modal{min-width:min(90vw,320px);max-width:min(90vw,320px);max-height:80vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.category-filter-button{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm)}}@media (max-width:480px){.category-filter-modal{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.category-filter-item{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm)}}