.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:11px;font-weight:500;line-height:1.4;border:.5px solid transparent;white-space:nowrap}.pill--mono{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase}.pill--leaf{background:var(--leaf-50);color:var(--leaf-deep);border-color:#2c5f2d29}.pill--rose{background:var(--rose-soft);color:var(--rose);border-color:#8e3a472e}.pill--ink{background:var(--ink-1);color:var(--paper-1);border-color:var(--ink-1)}.pill--outline{background:transparent;color:var(--ink-2);border-color:var(--rule-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:13px;font-weight:500;background:var(--paper-2);color:var(--ink-1);border:.5px solid transparent;cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast);min-height:var(--touch-desktop)}@media(max-width:600px){.chip{min-height:var(--touch-min)}}.chip:hover{border-color:var(--rule-2)}.chip:active{transform:scale(.98)}.chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chip--active{background:var(--ink-1);color:var(--paper-1)}