.tf-bar{--tf-ground:#0f0c2a;--tf-edge:#2a2450;--tf-text:#fdf6e8;--tf-muted:#9d96c4;--tf-accent:#2ee6d6;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:22px 0;display:flex}.tf-bar[data-tone=shooters]{--tf-ground:#0e130f;--tf-edge:#2a3828;--tf-text:#e8dfc2;--tf-muted:#a3a99a;--tf-accent:#ffe93e}.tf-search{flex:220px;max-width:340px}.tf-input,.tf-select{border:2px solid var(--tf-edge);background:var(--tf-ground);width:100%;min-height:44px;color:var(--tf-text);border-radius:10px;padding:0 14px;font-size:16px}.tf-input::placeholder{color:var(--tf-muted)}.tf-input:focus-visible,.tf-select:focus-visible,.tf-chip:focus-visible{outline:3px solid var(--tf-accent);outline-offset:2px}.tf-chips{flex-wrap:wrap;gap:8px;display:flex}.tf-chip{border:2px solid var(--tf-edge);min-height:40px;color:var(--tf-text);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.tf-chip span{font-family:var(--font-mono,ui-monospace, monospace);color:var(--tf-muted);font-size:12px}.tf-chip[aria-pressed=true]{border-color:var(--tf-accent);box-shadow:0 0 16px -6px var(--tf-accent)}.tf-sort{width:210px}.tf-count{font-family:var(--font-mono,ui-monospace, monospace);color:var(--tf-muted);margin-left:auto;font-size:13px;font-weight:700}@media (max-width:640px){.tf-search{max-width:none}.tf-chips{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.tf-chip{flex:none}.tf-sort{flex:1}}