Stylus 始めて試みました

「インストール済みのスタイル」という画面ではなく、「スタイルを追加」という画面が出現しました。これでよろしいでしょうか。

「スタイルを追加」または「スタイルを編集」になっていればOKです。
下の方に表示されるURLがスタイルの変えたいサイトのURLになっていれば準備OKです。

あとは、変えたい要素を特定して、その要素に対してスタイルを記述していくだけで適用できます。

変えたい要素のCSSセレクタの取得に関しては、Chromeであれば以下のような手順で簡単に取得できるのでおすすめです。

① F12を押して開発者ツールを起動
②「Elements」タブから変えたい要素を右クリック
③「Copy」-「Copy selector」

ここで変えたい要素を特定して、その要素に対してスタイルを記述していくとの事ですが、それはどのようにすればいいのでしょうか

デベロッパーツールの左上の矢印のマークを一度クリックしたあとサイトの要素をクリックすれば要素を特定することができます。

詳しくは「デベロッパーツール　使い方」など調べればいろいろ情報は出てくると思うのでご参考ください。

③「Copy」-「Copy selector」
とはどういったことでしょうか

その名の通り、選択している要素のセレクタを取得してくれます。
そのセレクタを用いてスタイルを指定してあげればよいです。

これで準備OKですか。

おそらく準備できていないです。
Yahooのトップ画面のスタイルを修正したいはずなのに、Yahooメールのアドレスになってしまっています。
Yahooのトップ画面を開いた状態で、Stylusのアイコンをクリックして「次のスタイルを書く」から飛べば問題ないはずです。

@YottyPG

＞「デベロッパーツール　使い方」など調べればいろいろ情報は出てくると思うのでご参考ください。
了解しました。

＞おそらく準備できていない
添付では準備の状態になっていますか

添付では準備の状態になっていますか

下のほうに表示される適用先が見えないので何とも言えないです。
適用先が「ドメイン上のURL」「yahoo.co.jp」などになっていればOKです。

適用先が「ドメイン上のURL」「yahoo.co.jp」などになっていればOK
はい　なっていました。
ご丁寧な回答どうもありがとうございました。