body,html{transition:all cubic-bezier(.175,.885,.32,1.275)}:root,.light,.light-orange{--color-brand-primary:#fd5236;--color-brand-secondary:#fff5f1;--color-brand-accent:#ff5000;--color-text-disabled:#d4d4d8;--color-brand-primary-hover:#e64800;--color-brand-secondary-hover:#feece3;--color-brand-accent-hover:#e64800;--color-text-primary:#27272a;--color-text-secondary:#71717a;--color-text-placeholder:#a1a1aa;--color-text-on-brand:#fff;--color-text-link:#fd5236;--color-bg-body:#f3f4f9;--color-bg-surface:#fff;--color-bg-surface-hover:#fafafa;--color-bg-secondary:#f4f4f5;--color-bg-accent:#fffffffa;--color-border-primary:#e4e4e7;--color-border-secondary:#e4e4e7;--color-bg-muted:#f4f4f5;--color-utility-success:#10b981;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#3b82f6;--color-heading:#18181b;--auth-overlay-start:#fff6;--auth-overlay-end:#fff5f0e6;--shadow-color-rgb:0,0,0;--color-error:#ef4444}.dark,.dark-blue{--color-brand-primary:#3b82f6;--color-brand-primary-soft:#3b82f626;--color-brand-secondary:#3b82f61a;--color-brand-accent:#60a5fa;--color-brand-primary-hover:#60a5fa;--color-brand-secondary-hover:#3b82f633;--color-brand-accent-hover:#3b82f6;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-placeholder:#71717a;--color-text-on-brand:#fff;--color-text-link:#60a5fa;--color-bg-body:#09090b;--color-bg-surface:#121217;--color-bg-surface-hover:#18181b;--color-bg-secondary:#ffffff08;--color-bg-accent:#000000b3;--color-border-primary:#3f3f46;--color-border-secondary:#27272a;--color-bg-muted:#ffffff0f;--color-utility-success:#34d399;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#60a5fa;--color-heading:#fff;--auth-overlay-start:#121212cc;--auth-overlay-end:#09090be6;--shadow-color-rgb:0,0,0;--color-error:#ef4444}.filter-sidebar{background-color:var(--color-bg-surface);border:1px solid var(--color-border-secondary);box-shadow:0 10px 15px -3px rgba(var(--shadow-color-rgb),.1),0 4px 6px -4px rgba(var(--shadow-color-rgb),.1);z-index:10;border-radius:24px;position:sticky;top:110px;overflow:hidden}.filter-sidebar__header{background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.filter-sidebar__reset-btn{color:var(--color-utility-error);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:opacity .2s;display:flex}.filter-sidebar__reset-btn:hover{opacity:.7}.filter-sidebar__body{padding:2rem}.filter-sidebar__divider{background:linear-gradient(to left,transparent,var(--color-border-secondary),transparent);height:1px;margin:1rem 0}.filter-sidebar__category-list{flex-direction:column;gap:.25rem;padding-top:.5rem;display:flex}.filter-sidebar__category-list .category-item{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .3s;display:flex}.filter-sidebar__category-list .category-item__subtitle{color:var(--color-text-placeholder);text-transform:uppercase;font-family:Fira Code,monospace;font-size:9px}.filter-sidebar__category-list .category-item:hover{background-color:var(--color-bg-secondary)}.filter-sidebar .brand-search-input{margin-bottom:1rem}.filter-sidebar .brand-search-input .input-field{border-radius:12px!important;height:38px!important;font-size:.75rem!important}.filter-sidebar .brand-list-scroll{max-height:240px;padding-left:.5rem;overflow-y:auto}.filter-sidebar .brand-item{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:.5rem .75rem;transition:all .2s;display:flex}.filter-sidebar .brand-item__eng{color:var(--color-text-placeholder);opacity:.6;font-size:10px}.filter-sidebar .brand-item:hover{background-color:var(--color-bg-secondary)}.filter-sidebar .brand-item--active{background-color:rgba(var(--color-brand-primary-rgb,255,80,0),.05)}.filter-sidebar .brand-item--active .label{color:var(--color-brand-primary)!important}.filter-sidebar__switches{padding:.5rem 0}.filter-sidebar__switches .switch-row{background-color:var(--color-bg-secondary);border-radius:16px;margin-bottom:.5rem;padding:.75rem}.filter-sidebar-mobile-trigger{bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:20;pointer-events:none;opacity:1;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;position:fixed;left:50%;transform:translate(-50%)}.filter-sidebar-mobile-trigger--hidden{opacity:0;transform:translate(-50%)translateY(120px)}.filter-sidebar-mobile-trigger .mobile-pill-btn{pointer-events:auto;background-color:var(--color-brand-primary);box-shadow:0 8px 24px rgba(var(--color-brand-primary),.3);cursor:pointer;border:none;border-radius:9999px;padding:2px;overflow:hidden}.filter-sidebar-mobile-trigger .mobile-pill-btn__content{background-color:var(--color-brand-primary);border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:12px;padding:.75rem 2rem;transition:transform .2s;display:flex}.filter-sidebar-mobile-trigger .mobile-pill-btn:active .mobile-pill-btn__content{transform:scale(.95)}.filter-sidebar-mobile-trigger .mobile-pill-btn .active-badge{color:var(--color-brand-primary);background-color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px 8px #0000001a}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:10px}
body,html{transition:all cubic-bezier(.175,.885,.32,1.275)}:root,.light,.light-orange{--color-brand-primary:#fd5236;--color-brand-secondary:#fff5f1;--color-brand-accent:#ff5000;--color-text-disabled:#d4d4d8;--color-brand-primary-hover:#e64800;--color-brand-secondary-hover:#feece3;--color-brand-accent-hover:#e64800;--color-text-primary:#27272a;--color-text-secondary:#71717a;--color-text-placeholder:#a1a1aa;--color-text-on-brand:#fff;--color-text-link:#fd5236;--color-bg-body:#f3f4f9;--color-bg-surface:#fff;--color-bg-surface-hover:#fafafa;--color-bg-secondary:#f4f4f5;--color-bg-accent:#fffffffa;--color-border-primary:#e4e4e7;--color-border-secondary:#e4e4e7;--color-bg-muted:#f4f4f5;--color-utility-success:#10b981;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#3b82f6;--color-heading:#18181b;--auth-overlay-start:#fff6;--auth-overlay-end:#fff5f0e6;--shadow-color-rgb:0,0,0;--color-error:#ef4444}.dark,.dark-blue{--color-brand-primary:#3b82f6;--color-brand-primary-soft:#3b82f626;--color-brand-secondary:#3b82f61a;--color-brand-accent:#60a5fa;--color-brand-primary-hover:#60a5fa;--color-brand-secondary-hover:#3b82f633;--color-brand-accent-hover:#3b82f6;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-placeholder:#71717a;--color-text-on-brand:#fff;--color-text-link:#60a5fa;--color-bg-body:#09090b;--color-bg-surface:#121217;--color-bg-surface-hover:#18181b;--color-bg-secondary:#ffffff08;--color-bg-accent:#000000b3;--color-border-primary:#3f3f46;--color-border-secondary:#27272a;--color-bg-muted:#ffffff0f;--color-utility-success:#34d399;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#60a5fa;--color-heading:#fff;--auth-overlay-start:#121212cc;--auth-overlay-end:#09090be6;--shadow-color-rgb:0,0,0;--color-error:#ef4444}.sort-options{background-color:var(--color-bg-surface);border:1px solid var(--color-border-secondary);width:100%;box-shadow:0 1px 2px 0 rgba(var(--shadow-color-rgb),.05);border-radius:16px;align-items:center;margin-bottom:.5rem;padding:.25rem;display:flex;position:relative;overflow:hidden}.sort-options__label{border-left:1px solid var(--color-border-secondary);z-index:2;background-color:var(--color-bg-surface);flex-shrink:0;align-items:center;gap:.75rem;height:32px;padding:0 1rem;display:flex}.sort-options__icon-wrapper{color:var(--color-brand-primary);justify-content:center;align-items:center;display:flex}.sort-options__scroll-container{flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.sort-options__list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;overflow-x:auto}.sort-options__list::-webkit-scrollbar{display:none}.sort-options__list{scrollbar-width:none;-ms-overflow-style:none}.sort-options__fade-edge{background:linear-gradient(to right,var(--color-bg-surface),transparent);pointer-events:none;z-index:1;width:40px;position:absolute;top:0;bottom:0;left:0}@media (min-width:1024px){.sort-options__fade-edge{display:none}}.sort-tab{cursor:pointer;white-space:nowrap;height:36px;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:0 1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.sort-tab__icon{opacity:.6;align-items:center;transition:transform .3s;display:flex}.sort-tab__label{font-size:.75rem;font-weight:500}.sort-tab:hover{color:var(--color-brand-primary);background-color:var(--color-bg-secondary)}.sort-tab:hover .sort-tab__icon{opacity:1;transform:translateY(-1px)}.sort-tab--active{border-color:var(--color-brand-primary);box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.15);background-color:var(--color-brand-primary)!important;color:var(--color-text-on-brand)!important}.sort-tab--active .sort-tab__icon{opacity:1;transform:scale(1.1)}.sort-tab--active .sort-tab__label{font-weight:700}.sort-tab:active{transform:scale(.95)}