.filter-panel{gap:var(--spacing-3,.75rem);padding:var(--spacing-3,.75rem) var(--spacing-4,1rem);background:var(--surface-50);border-bottom:1px solid var(--surface-200)}.filter-group,.filter-panel{display:flex;flex-direction:column}.filter-group{gap:var(--spacing-2,.5rem)}.filter-group--inline,.filter-group--select{flex-direction:row;align-items:center;gap:var(--spacing-3,.75rem)}.filter-group__label{font-size:var(--font-size-xs);font-weight:600;color:var(--surface-500);text-transform:uppercase;letter-spacing:.025em}.filter-group--inline .filter-group__label,.filter-group--select .filter-group__label{min-width:60px}.filter-options{display:flex;flex-wrap:wrap;gap:var(--spacing-2,.5rem)}.filter-option,.filter-options--icons{gap:var(--spacing-1,.25rem)}.filter-option{display:inline-flex;align-items:center;padding:var(--spacing-1,.25rem) var(--spacing-3,.75rem);font-size:.8rem;font-weight:500;color:var(--surface-500);background:var(--bg-white);border:1px solid var(--surface-200);border-radius:var(--radius-md,var(--radius-lg));cursor:pointer;transition:all .15s ease}.filter-option:hover{color:var(--option-color,var(--info))}.filter-option.active,.filter-option:hover{border-color:var(--option-color,var(--info))}.filter-option.active{background:var(--option-color,var(--info));color:var(--bg-white)}.filter-option__icon{display:flex;align-items:center;font-size:.85em}.filter-option__label{white-space:nowrap}.filter-option--icon{padding:var(--spacing-2,.5rem);border-radius:var(--radius-md,var(--radius-lg));min-width:36px;justify-content:center}.filter-option--icon .filter-option__emoji{font-size:1.1rem}.filter-option--icon.active{background:var(--option-color,var(--info));transform:scale(1.05)}.filter-select{padding:var(--spacing-1,.25rem) var(--spacing-3,.75rem);font-size:.8rem;color:var(--surface-700);background:var(--bg-white);border:1px solid var(--surface-200);border-radius:var(--radius-md,var(--radius-lg));cursor:pointer;min-width:100px}.filter-select:focus{outline:none;border-color:var(--info);box-shadow:0 0 0 3px var(--info-10)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--spacing-1,.25rem);font-size:.65rem;font-weight:600;color:var(--bg-white);background:var(--info);border-radius:9px}.filter-toggle-btn{display:flex;align-items:center;gap:var(--spacing-1,.25rem);padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem);background:var(--white-20);border:1px solid var(--white-30);border-radius:var(--radius-sm,var(--radius-sm));color:inherit;cursor:pointer;transition:all .15s ease}.filter-toggle-btn.active,.filter-toggle-btn:hover{background:var(--white-30)}.filter-toggle-icon{width:14px;height:14px}.filter-toggle-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;font-size:.6rem;font-weight:600;background:var(--white-90);color:var(--info);border-radius:var(--radius-lg)}@media (max-width:36em){.filter-panel{padding:var(--spacing-2,.5rem) var(--spacing-3,.75rem);gap:var(--spacing-2,.5rem)}.filter-options{gap:var(--spacing-1,.25rem)}.filter-option{padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem);font-size:var(--font-size-xs)}}@container (max-width: 280px){.filter-panel{padding:.5rem;gap:.5rem}.filter-option{padding:.2rem .4rem;font-size:.7rem}.filter-option__label{display:none}.filter-option__icon{font-size:var(--font-size-base)}.filter-group__label{font-size:.65rem}}@container (max-width: 200px){.filter-group__label{display:none}}.header-actions{display:flex;align-items:center;gap:var(--w-space-sm);margin-left:auto}.header-action-btn{display:flex;align-items:center;gap:var(--w-space-2xs);padding:var(--w-space-3xs) var(--w-space-sm);background:var(--white-20);border:.0625rem solid var(--white-30);border-radius:var(--w-radius-sm);color:var(--w-surface-base);font-size:var(--w-font-2xs);cursor:pointer;transition:all var(--w-transition-base)}.header-action-btn:hover{background:var(--white-30)}.header-action-btn .action-label{font-size:var(--w-font-3xs);font-weight:var(--w-font-medium)}.filter-count-badge{font-size:var(--w-font-3xs);padding:var(--w-space-3xs) var(--w-space-2xs)}.widget-footer{display:flex;align-items:center;justify-content:center;padding:var(--w-space-sm) var(--w-space-md);background:var(--w-surface-raised);border-top:.0625rem solid var(--w-border-light);color:var(--w-text-tertiary);font-size:var(--w-font-xs);font-weight:var(--w-font-medium);flex-shrink:0}.widget-footer--clickable{cursor:pointer;transition:all var(--w-transition-base)}.widget-footer--clickable:hover{background:var(--w-surface-sunken);color:var(--w-cat-primary)}.widget-error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--w-space-lg);text-align:center;color:var(--w-status-error)}.widget-error-message p{margin:0;font-size:var(--w-font-sm)}.widget-list{display:flex;flex-direction:column}.widget-item--clickable{cursor:pointer}@container widget (max-width: 15.625rem){.header-action-btn .action-label{display:none}.widget-footer{padding:var(--w-space-xs) var(--w-space-sm);font-size:var(--w-font-2xs)}}@container widget (max-width: 11.25rem){.header-actions{gap:var(--w-space-2xs)}.header-action-btn{padding:var(--w-space-3xs) var(--w-space-xs)}}.desktop-only-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding-bottom:calc(var(--mobile-bottom-nav-height-safe, var(--spacing-16)) + var(--spacing-8))}.desktop-only-page .card{max-width:320px;margin:0 auto;border-radius:var(--radius-2xl)}.desktop-only-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--info-light) 0,var(--info-light) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--tertiary-600)}.desktop-only-page h5{color:var(--surface-800);font-weight:600}.desktop-only-page p{font-size:.9rem;line-height:1.5}.desktop-only-page .btn-primary{border-radius:var(--radius-lg);padding:10px var(--spacing-5);font-weight:500}.slide-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;justify-content:flex-end}.slide-panel-overlay.with-backdrop{background-color:var(--black-40);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.slide-panel{height:100%;background:var(--bg-white);box-shadow:-4px 0 24px var(--black-15);display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow:hidden}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.slide-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--surface-100);background:var(--surface-50);flex-shrink:0}.slide-panel-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--surface-800)}.slide-panel-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--surface-500);border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.slide-panel-close:hover{background:var(--surface-100);color:var(--surface-800)}.slide-panel-body{flex:1 1;overflow-y:auto;padding:1.5rem}.slide-panel-footer{padding:1rem 1.5rem;border-top:1px solid var(--surface-100);background:var(--surface-50);flex-shrink:0}@media (max-width:36em){.slide-panel{width:100%!important;max-width:100%!important}}.slide-panel.closing{animation:slideOut .25s ease-in forwards}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.brand-mention{font-weight:600;white-space:nowrap}.brand-mention--default{color:var(--landing-accent-dark,var(--theme-primary-dark,var(--theme-primary)))}.brand-mention--light{color:var(--bg-white)}