.fp-wrap{margin-bottom:24px;position:relative}.fp-trigger{border-radius:var(--radius-full);border:1.5px solid var(--color-border);color:var(--color-text-muted);background:var(--color-white);flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.fp-trigger--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}@media (hover:hover){.fp-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}}.fp-badge{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.fp-arrow{font-size:10px}.fp-trigger-icon{flex-shrink:0;display:none}.fp-panel{z-index:50;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;width:min(480px,92vw);max-height:min(70vh,560px);animation:.15s fp-in;display:flex;position:absolute;top:calc(100% + 8px);left:0}.fp-panel__body{overscroll-behavior:contain;flex:1;min-height:0;padding:20px;overflow-y:auto}.fp-sheet-head{display:none}@keyframes fp-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fp-section{margin-bottom:16px}.fp-section:last-of-type{margin-bottom:0}.fp-section__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:700}.fp-section__hint{text-transform:none;letter-spacing:0;color:var(--color-text-muted);opacity:.7;font-size:10px;font-weight:400}.fp-pills{flex-wrap:wrap;gap:6px;display:flex}.fp-pills--sub{border-top:1px dashed var(--color-border);margin-top:8px;padding-top:8px;animation:.16s fp-sub-in}@keyframes fp-sub-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.fp-pill--enter{animation:.16s fp-sub-in}.fp-pills--skeleton{animation:none}.fp-skeleton{border-radius:var(--radius-full);background:var(--color-border-subtle);opacity:0;flex:none;height:25px;animation:.2s .25s forwards fp-skeleton-in,1.1s ease-in-out .45s infinite fp-skeleton-pulse}.fp-skeleton:first-child{width:62px}.fp-skeleton:nth-child(2){width:54px}.fp-skeleton:nth-child(3){width:70px}@keyframes fp-skeleton-in{to{opacity:1}}@keyframes fp-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.fp-pills--sub,.fp-pill--enter{animation:none}.fp-skeleton{animation:10ms linear .25s forwards fp-skeleton-in}}.fp-pill{border-radius:var(--radius-full);border:1.5px solid var(--color-border);color:var(--color-text-muted);background:var(--color-white);padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s}.fp-pill.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}@media (hover:hover){.fp-pill:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}}.fp-pill:disabled{opacity:.38;cursor:default}.fp-pill__count{color:var(--color-text-muted);margin-left:5px;font-size:11px}.fp-pill.active .fp-pill__count{color:var(--color-primary-dark)}.fp-pill--sub{padding:4px 10px;font-size:12px}.fp-pill--more{border-style:dashed}.fp-pill__dot{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.fp-actions{border-top:1px solid var(--color-border);background:var(--color-white);border-radius:0 0 var(--radius) var(--radius);flex:none;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.fp-reset{padding:8px 16px;font-size:13px}.fp-apply{padding:8px 20px;font-size:13px}.fp-overlay{display:none}@media (max-width:768px){.fp-trigger-icon{display:block}.fp-arrow{display:none}.fp-overlay{z-index:300;background:#00000073;animation:.18s fp-overlay-in;display:block;position:fixed;inset:0}.fp-panel{z-index:301;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-width:0;width:auto;max-height:85dvh;animation:.22s cubic-bezier(.22,1,.36,1) fp-sheet-in;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0000002e}.fp-sheet-head{border-bottom:1px solid var(--color-border-subtle);touch-action:none;flex-direction:column;flex:none;padding:8px 20px 10px;display:flex}.fp-sheet-grabber{border-radius:var(--radius-full);background:var(--color-border);width:36px;height:4px;margin:0 auto 8px}.fp-sheet-bar{justify-content:space-between;align-items:center;display:flex}.fp-sheet-title{color:var(--color-text);font-size:15px;font-weight:600}.fp-sheet-close{width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;margin-right:-6px;font-size:16px;display:inline-flex}.fp-actions{border-radius:0}}@keyframes fp-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes fp-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.fp-panel,.fp-overlay{animation:none}}
.af-bar{align-items:center;gap:8px;margin:0 0 12px;display:flex}.af-list{overscroll-behavior-x:contain;scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;margin:-4px 0;padding:4px 0;display:flex;overflow-x:auto}.af-list::-webkit-scrollbar{display:none}@media (min-width:769px){.af-bar{align-items:flex-start}.af-list{flex-wrap:wrap;row-gap:6px;margin:0;padding:0;overflow-x:visible}}.af-chip{border-radius:var(--radius-full);background:var(--color-primary-light);border:1px solid var(--color-primary-border);max-width:200px;color:var(--color-primary);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:5px 10px;font-size:13px;font-weight:500;display:inline-flex}.af-chip__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.af-chip__remove{color:var(--color-primary);opacity:.6;flex-shrink:0;font-size:14px;line-height:1}@media (hover:hover){.af-chip__remove:hover{opacity:1}}@media (pointer:coarse){.af-chip__remove{margin:-6px -4px -6px -2px;padding:6px;font-size:16px}}.af-clear{border-radius:var(--radius-full);border:1px dashed var(--color-border);background:var(--color-white);color:var(--color-text-muted);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:5px;padding:5px 11px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}@media (hover:hover){.af-clear:hover{border-style:solid;border-color:var(--color-text-muted);color:var(--color-text-secondary)}}@media (max-width:768px){.af-clear{width:32px;height:32px;padding:0}.af-clear__label{display:none}}