.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-tag-wrapper{position:relative}.filter-tag{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--background);font-size:13px;line-height:1;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--shadow-xs)}[data-theme=dark] .filter-tag{background:var(--muted-bg)}.filter-tag:hover{transform:translateY(-1px)}.filter-tag--active{background:var(--primary-soft)}.filter-tag-chevron{width:14px;height:14px;transition:transform .16s ease}.filter-tag-chevron--open{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--z-dropdown);min-width:260px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--background);box-shadow:0 24px 40px -22px rgba(0,0,0,.18)}[data-theme=dark] .filter-dropdown{background:var(--muted-bg)}.filter-dropdown-label{margin-bottom:10px;font-size:12px;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.filter-input-row{display:flex;align-items:center;gap:10px}.filter-input{flex:1 1;min-width:0;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted-bg);color:var(--foreground-strong);font-size:14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}[data-theme=dark] .filter-input{background:var(--background)}.filter-input:focus{border-color:var(--foreground-strong);box-shadow:0 0 0 3px rgba(240,185,11,.12)}.filter-input-separator{color:var(--muted-foreground);font-size:14px}.filter-confirm-btn{margin-top:12px;width:100%;min-height:42px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#1e2026;font-size:14px;line-height:1;font-weight:700;cursor:pointer;box-shadow:var(--shadow-pill);transition:background .16s ease,color .16s ease,transform .16s ease}.filter-confirm-btn:hover{background:var(--primary-hover);color:#1e2026;transform:translateY(-1px)}.filter-confirm-btn:active{background:var(--primary-active);color:#1e2026;transform:translateY(0)}.platform-option{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:var(--radius-md);color:var(--secondary-text);font-size:14px;line-height:1;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}.platform-option:hover{background:var(--muted-bg);color:var(--foreground-strong)}.platform-option--selected{background:var(--primary-soft);color:var(--foreground-strong)}.platform-check{width:14px;height:14px;color:var(--warning)}.filter-backdrop{display:none}@media (max-width:767px){.filter-bar{width:100%;gap:8px}.filter-tag-wrapper{position:static}.filter-tag{min-height:38px;font-size:12px;padding:0 12px}.filter-backdrop{display:block;position:fixed;inset:0;z-index:calc(var(--z-overlay) - 1);background:rgba(0,0,0,.36);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:filter-fade-in .18s ease-out both}.filter-dropdown{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;min-width:0;max-height:min(58dvh,420px);overflow:auto;z-index:var(--z-overlay);border-radius:22px;animation:filter-slide-up .22s cubic-bezier(.22,1,.36,1) both}}@keyframes filter-slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes filter-fade-in{0%{opacity:0}to{opacity:1}}.filter-tag{border-color:color-mix(in srgb,var(--border) 92%,transparent);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);box-shadow:none}.filter-tag:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--primary-soft) 42%,var(--surface-elevated))}.filter-tag--active{background:color-mix(in srgb,var(--primary-soft) 84%,var(--surface-elevated))}.filter-dropdown{border-color:color-mix(in srgb,var(--border) 94%,transparent);border-radius:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.filter-dropdown,[data-theme=dark] .filter-dropdown{background:color-mix(in srgb,var(--surface-overlay) 96%,transparent)}.filter-dropdown-label{letter-spacing:.14em}.filter-input{border-color:color-mix(in srgb,var(--border) 92%,transparent);background:color-mix(in srgb,var(--background) 72%,var(--muted-bg) 28%)}.filter-input:focus{box-shadow:0 0 0 3px rgba(127,144,154,.14)}.filter-confirm-btn{border:1px solid var(--primary-soft-border);border-radius:14px;background:color-mix(in srgb,var(--primary-soft) 84%,var(--surface-elevated));color:var(--foreground-strong);box-shadow:none}.filter-confirm-btn:hover{background:color-mix(in srgb,var(--primary-soft) 96%,var(--surface-elevated));color:var(--foreground-strong)}.filter-confirm-btn:active{background:color-mix(in srgb,var(--primary-soft) 96%,var(--muted-bg));color:var(--foreground-strong)}.platform-option:hover{background:color-mix(in srgb,var(--primary-soft) 28%,var(--surface-elevated))}.platform-option--selected{background:color-mix(in srgb,var(--primary-soft) 74%,var(--surface-elevated))}.filter-bar{gap:12px}.filter-tag{min-height:42px;padding:0 16px;border-color:color-mix(in srgb,var(--border) 90%,transparent);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(246,240,232,.74)),color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--secondary-text);font-size:12px;font-weight:650;letter-spacing:.01em}[data-theme=dark] .filter-tag{background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.015)),color-mix(in srgb,var(--surface-elevated) 92%,transparent)}.filter-tag:hover{background:linear-gradient(180deg,rgba(245,226,214,.88),rgba(247,240,233,.8)),color-mix(in srgb,var(--primary-soft) 68%,var(--surface-elevated))}.filter-tag--active,.filter-tag:hover{border-color:var(--primary-soft-border);color:var(--foreground-strong)}.filter-tag--active{background:linear-gradient(180deg,rgba(245,226,214,.94),rgba(247,240,233,.86)),color-mix(in srgb,var(--primary-soft) 84%,var(--surface-elevated))}.filter-dropdown{padding:18px;border-color:color-mix(in srgb,var(--border) 90%,transparent);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,242,236,.9)),color-mix(in srgb,var(--surface-overlay) 96%,transparent);box-shadow:var(--shadow-sm)}[data-theme=dark] .filter-dropdown{background:linear-gradient(180deg,rgba(43,35,30,.98),rgba(26,21,18,.96)),color-mix(in srgb,var(--surface-overlay) 96%,transparent)}.filter-dropdown-label{margin-bottom:12px;color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.16em}.filter-input{height:42px;border-color:color-mix(in srgb,var(--border) 90%,transparent);border-radius:14px;background:color-mix(in srgb,var(--background) 82%,var(--muted-bg) 18%)}.filter-input:focus{border-color:var(--primary-soft-border);box-shadow:0 0 0 4px rgba(201,149,124,.12)}.filter-confirm-btn{min-height:44px;border-radius:16px;background:var(--foreground-strong);border:1px solid color-mix(in srgb,var(--foreground-strong) 80%,transparent);color:var(--background)}.filter-confirm-btn:hover{background:color-mix(in srgb,var(--foreground-strong) 94%,black 6%);color:var(--background)}.filter-confirm-btn:active{background:color-mix(in srgb,var(--foreground-strong) 90%,black 10%);color:var(--background)}.platform-option{min-height:44px;border-radius:14px}.platform-option:hover{background:color-mix(in srgb,var(--primary-soft) 32%,var(--surface-elevated))}.platform-option--selected{background:linear-gradient(180deg,rgba(245,226,214,.9),rgba(247,240,233,.82)),color-mix(in srgb,var(--primary-soft) 72%,var(--surface-elevated))}@media (max-width:767px){.filter-bar{gap:8px}.filter-tag{min-height:38px;padding:0 13px;font-size:12px}.filter-dropdown{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:16px;border-radius:24px}}