fix(ui): draw controls on the window ground, not on the panel tint (src/styles.css, docs)

[smileygames]

Closes #75

何をしたか

操作の背景を面の色味（--surface）から窓の地（--bg）へ揃えた。Master の実機指示（2026-08-24、「すべて背景白に」「選択中のタブは白表示に」）に対応する。

src/styles.css:

対象	変更前	変更後
#titlebar input / select / button	--surface	--bg
#composer select / textarea / button	--surface	--bg
#terminal-head select / button	--surface	--bg
#terminal-tabs .tab.shown	--surface	--bg
#participants .member .edit / .start / .end	none（パネルの地が透ける）	--bg
#account-dialog input / select	--surface	--bg
#account-dialog .actions button	--surface	--bg
#end-dialog .actions button	--surface	--bg

--surface を残した箇所は二つだけである。#participants の地（issue の制約どおり変えない）と、#terminal-tabs .tab .close:hover（地がすでに --bg である場所で浮かせる要素）。

:root のトークン宣言の隣に、二つの地色の使い分けを書いた。既存のコメントのうち、揃える前の状態を根拠にしていた三箇所（選択中のタブ、端末ヘッダの操作、行の三つのボタン）を書き直した。

docs/0-requirements.md:

• ### 二つの地色 を追加。面と操作でどちらの地色を使うか、なぜ塗りではなく枠で分けるか、直値を書かない理由を記述した。
• 「未実装」へ一行追加。反映後の見た目は実機未確認である。

選択が見えることについて

タブの地が --bg になると、地色では選択を言えなくなる。代わりに言うのは枠（未選択のタブは border: 1px solid transparent を持つので、border-color: var(--line) が入るかどうか）と文字色（--muted から参加者自身の色へ）である。参加者パネルの選択中の行と同じ形になり、それまで二つの面が逆向きに描いていた同じ選択が、一つの手になる。

issue 本文からの差分

issue の「前提」の列挙に #end-dialog .actions button が入っていないが、これも --surface を持つボタンである。#end-dialog は #account-dialog の枠を借りている面（styles.css のコメント）であり、片方だけ残すと同じ種類の面のボタンが二色になる。「決まったこと」の規則（操作 = input / select / textarea / button は --bg）がボタンを一般に含むため、揃えた。target files も制約も超えていない。

検証

• npm run build（tsc && vite build）通過。
• var(--surface) の残存 2 箇所を grep で確認（上記のとおり意図したもの）。
• #ffffff の直値は :root のトークン宣言のみ。
• 実機での見た目は未確認（docs の「未実装」に記載）。

[smileygames]

自己レビュー結果: PASS

#75 の受け入れ基準に対して差分を確認した。

受け入れ基準

• 操作が --bg に移った — #titlebar / #composer / #terminal-head の input・select・textarea・button、#account-dialog の input・select・actions button、#end-dialog の actions button、参加者パネルの行の三つのボタン、選択中のタブ。
• 行のボタンは none から明示の var(--bg) へ — none のままではパネルの地が透け、アプリ内で唯一そこだけ別の地に乗る操作になっていた。
• 色を直値で書いていない — 差分に #ffffff の追加は無い。ファイル内の #ffffff は :root のトークン宣言のみで、これは元からある。ダークテーマは --bg の再定義でそのまま追随する。
• #participants の地は変えていない（#75 の制約）— 残った background: var(--surface) は二箇所だけで、#participants 自身の地と、--bg の地に乗る .tab .close:hover の浮き。どちらも意図どおり。
• 選択中のタブの印 — 地色が同じになった分は、未選択が transparent を持つ枠が --line に変わることと、名前が --muted から参加者の色へ変わることが持つ。参加者パネルの選択行と同じ形になった。

issue 本文からの差分（受容）

#end-dialog .actions button は #75 の前提の列挙に無いが、実装者の判断で含めている。#end-dialog は #account-dialog の枠の値を「同じ種類の面」として借りており、片方だけ残せば同種の面のボタンに二色が乗る。決まったこと（操作は --bg）はボタン一般を覆っており、対象ファイルも否定制約も超えていない。妥当と判断し、受容する。

コメントの手当て

変更前の状態から論を立てていたコメント三箇所（選択中のタブ、#terminal-head の操作、行の三つのボタン）が書き直されている。二つの地色の使い分けは :root のトークン宣言の隣に置かれた。地色の判断の在り処としては妥当な場所。

実機未確認

見え方は実機で未確認。docs の未実装節に記録済み。

次の一手

実行モード auto。この自己レビュー通過をもって squash merge する。リリース種別は patch 相当（観測可能だが、トークンの割り当てを揃えた増分の変更であり、構造変更ではない）。