.browse-header{background:linear-gradient(#e8173a0f 0%,#0000 100%);padding:2rem 0 1.5rem}.browse-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.browse-title{letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:.625rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;display:flex}.browse-title .title-icon{font-size:1.5rem}.browse-title .title-accent{color:var(--nt-red)}.browse-search{flex:1;min-width:220px;max-width:420px}.browse-tabs-wrapper{margin-bottom:1.25rem;position:relative}.browse-tabs-wrapper:before,.browse-tabs-wrapper:after{content:"";z-index:2;pointer-events:none;width:3rem;position:absolute;top:0;bottom:0}.browse-tabs-wrapper:before{background:linear-gradient(90deg, var(--bg-primary) 0%, transparent 100%);opacity:0;transition:opacity var(--transition-fast);left:0}.browse-tabs-wrapper:after{background:linear-gradient(270deg, var(--bg-primary) 0%, transparent 100%);right:0}.browse-tabs-wrapper.scrolled-start:before{opacity:1}.browse-tabs{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:.5rem;padding:.5rem 2rem;display:flex;overflow-x:auto}.browse-tabs::-webkit-scrollbar{display:none}.browse-tab{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;display:flex}.browse-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover);border-color:var(--border-glass)}.browse-tab.active{background:var(--gradient-red);color:#fff;box-shadow:var(--shadow-red);border-color:#0000}.browse-tab .tab-icon{font-size:1rem;line-height:1}.browse-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 0;display:flex}.browse-results-count{color:var(--text-muted);font-size:.875rem;font-weight:500}.browse-results-count .count-num{color:var(--text-primary);font-weight:700}.browse-controls{align-items:center;gap:.625rem;display:flex}.browse-sort-select{appearance:none;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B6B80' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;outline:none;padding:.5rem 2.25rem .5rem 1rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}.browse-sort-select:hover,.browse-sort-select:focus{border-color:var(--nt-red);color:var(--text-primary);background-color:var(--bg-glass-hover)}.browse-sort-select option{background:var(--bg-secondary);color:var(--text-primary)}.browse-filter-toggle{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.browse-filter-toggle:hover{color:var(--text-primary);background:var(--bg-glass-hover);border-color:var(--border-glass)}.browse-filter-toggle.active{color:var(--nt-red);border-color:var(--nt-red);background:#e8173a1a}.browse-filter-toggle .filter-icon{transition:transform var(--transition-smooth);font-size:.875rem}.browse-filter-toggle.active .filter-icon{transform:rotate(180deg)}.browse-view-toggle{border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex;overflow:hidden}.browse-view-btn{width:36px;height:36px;color:var(--text-muted);background:var(--bg-glass);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:.875rem;display:flex}.browse-view-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.browse-view-btn.active{color:var(--nt-red);background:#e8173a1a}.browse-filter-panel{opacity:0;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid #0000;max-height:0;margin-bottom:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s;overflow:hidden}.browse-filter-panel.open{opacity:1;border-color:var(--border-subtle);max-height:400px;margin-bottom:1.25rem;padding:1.5rem}.filter-panel-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.filter-group{flex-direction:column;gap:.625rem;display:flex}.filter-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:700}.filter-checkbox-list{flex-wrap:wrap;gap:.375rem;display:flex}.filter-checkbox{display:none}.filter-checkbox-label{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.filter-checkbox-label:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.filter-checkbox:checked+.filter-checkbox-label{color:var(--nt-red-light);border-color:var(--nt-red);background:#e8173a26}.filter-range-row{align-items:center;gap:.5rem;display:flex}.filter-range-input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-glass);width:80px;color:var(--text-primary);text-align:center;transition:border-color var(--transition-fast);outline:none;padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:.8125rem}.filter-range-input:focus{border-color:var(--nt-red)}.filter-range-sep{color:var(--text-muted);font-size:.8125rem}.filter-slider-wrapper{flex-direction:column;gap:.5rem;display:flex}.filter-slider{appearance:none;border-radius:var(--radius-full);background:var(--bg-tertiary);width:100%;height:4px;transition:background var(--transition-fast);outline:none}.filter-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--gradient-red);cursor:pointer;width:18px;height:18px;transition:box-shadow var(--transition-fast);box-shadow:0 0 0 4px #e8173a33}.filter-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #e8173a4d}.filter-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--gradient-red);cursor:pointer;border:none;width:18px;height:18px;box-shadow:0 0 0 4px #e8173a33}.filter-slider-value{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.filter-slider-value span{color:var(--gold)}.filter-actions{grid-column:1/-1;justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.browse-active-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.browse-active-filters:empty{display:none}.filter-tag{border-radius:var(--radius-full);color:var(--nt-red-light);background:#e8173a1a;border:1px solid #e8173a40;align-items:center;gap:.375rem;padding:.3rem .5rem .3rem .75rem;font-size:.75rem;font-weight:500;animation:.3s forwards tagIn;display:inline-flex}.filter-tag-remove{border-radius:var(--radius-full);width:16px;height:16px;color:var(--nt-red-light);cursor:pointer;transition:all var(--transition-fast);background:#e8173a26;border:none;justify-content:center;align-items:center;font-size:.625rem;line-height:1;display:flex}.filter-tag-remove:hover{background:var(--nt-red);color:#fff}.filter-clear-all{color:var(--text-muted);cursor:pointer;text-underline-offset:2px;transition:color var(--transition-fast);background:0 0;border:none;margin-left:.25rem;font-size:.75rem;font-weight:500;text-decoration:underline}.filter-clear-all:hover{color:var(--nt-red)}@keyframes tagIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.browse-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem;display:grid}@media (width<=1200px){.browse-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.browse-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (width<=640px){.browse-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.browse-header-inner{flex-direction:column;align-items:stretch}.browse-search{max-width:100%}.browse-title{font-size:1.5rem}.browse-filter-bar{flex-direction:column;align-items:stretch}.browse-controls{justify-content:space-between}.filter-panel-grid{grid-template-columns:1fr}}.browse-grid .content-card{opacity:0;animation:.5s cubic-bezier(.23,1,.32,1) forwards cardEnter;transform:translateY(24px)scale(.97)}@keyframes cardEnter{to{opacity:1;transform:translateY(0)scale(1)}}.browse-grid .content-card:first-child{animation-delay:0s}.browse-grid .content-card:nth-child(2){animation-delay:40ms}.browse-grid .content-card:nth-child(3){animation-delay:80ms}.browse-grid .content-card:nth-child(4){animation-delay:.12s}.browse-grid .content-card:nth-child(5){animation-delay:.16s}.browse-grid .content-card:nth-child(6){animation-delay:.2s}.browse-grid .content-card:nth-child(7){animation-delay:.24s}.browse-grid .content-card:nth-child(8){animation-delay:.28s}.browse-grid .content-card:nth-child(9){animation-delay:.32s}.browse-grid .content-card:nth-child(10){animation-delay:.36s}.browse-grid .content-card:nth-child(11){animation-delay:.4s}.browse-grid .content-card:nth-child(12){animation-delay:.44s}.browse-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.browse-empty-icon{opacity:.4;margin-bottom:1.5rem;font-size:4rem;animation:3s ease-in-out infinite float}.browse-empty-title{color:var(--text-primary);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:700}.browse-empty-desc{color:var(--text-muted);max-width:360px;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.browse-empty-btn{border-radius:var(--radius-full);color:#fff;background:var(--gradient-red);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--shadow-red);border:none;align-items:center;gap:.375rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.browse-empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #e8173a99}@media (width<=480px){.browse-tabs{gap:.375rem;padding:.5rem 1rem}.browse-tab{padding:.4rem .875rem;font-size:.8125rem}}