.rx-row{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin:8px -4px 0;padding:4px;display:flex;overflow-x:auto}.rx-row::-webkit-scrollbar{display:none}@media (min-width:480px){.rx-row{flex-wrap:wrap;overflow-x:visible}}.rx-pill{appearance:none;font:inherit;text-align:center;white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-page);min-width:44px;min-height:44px;color:var(--text-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 12px;line-height:1.3;display:inline-flex}@media (min-width:480px){.rx-pill{gap:8px;padding:0 16px}}.rx-pill i{color:var(--rx-accent,currentColor);font-size:16px;display:inline-block}.rx-pill:hover{background:var(--surface-inset)}.rx-pill:active{transform:scale(.95)}.rx-pill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.rx-pill[aria-busy=true]{cursor:progress}.rx-count{font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);color:var(--text-strong)}.rx-pill.is-on{background:color-mix(in srgb, var(--rx-accent) 12%, var(--surface-card,#fff));border-color:color-mix(in srgb, var(--rx-accent) 45%, transparent);color:color-mix(in srgb, var(--rx-accent) 45%, #000)}.rx-pill.is-on .rx-count{color:inherit}.rx-pill.is-on:hover{background:color-mix(in srgb, var(--rx-accent) 18%, var(--surface-card,#fff))}@media (prefers-reduced-motion:reduce){.rx-pill{transition:none}.rx-pill:active{transform:none}}[data-theme=dark] .rx-pill{color:#cfcfcf;background:#1f1f1f;border-color:#2a2a2a}[data-theme=dark] .rx-pill:hover{background:#202020}[data-theme=dark] .rx-count{color:#f5f5f5}[data-theme=dark] .rx-pill.is-on{background:color-mix(in srgb, var(--rx-accent) 15%, transparent);border-color:color-mix(in srgb, var(--rx-accent) 40%, transparent);color:var(--rx-accent)}[data-theme=dark] .rx-pill.is-on:hover{background:color-mix(in srgb, var(--rx-accent) 22%, transparent)}