# OBSコメントCSS｜Quiet Focus Chat v1.0（YouTube/Twitch対応） OBSのBrowser Sourceやチャットpopoutに貼り付けて使う、配信コメント表示向けのカスタムCSSテンプレートです。 透明背景、長文折り返し、名前・メッセージ・時刻・バッジの可読性を重視した落ち着いた表示に整えます。 ## 収録内容 - YouTube Live Chat用CSS - Twitch Chat用CSS - 外部サービスへ接続しないローカルDemo - QUICK_START / README - LICENSE / DISCLAIMER - Sample CSS / Sample Demo ## 使い方 1. ZIPを展開し、demo/index.html で表示を確認します。 2. YouTubeまたはTwitchのチャットpopout URLを用意します。 3. OBS StudioでBrowser Sourceを追加します。 4. 対応するCSS全文をCustom CSSへ貼り付けます。 5. Browser Sourceを更新して表示を確認します。 ## 注意 本商品はOBS Studio、YouTube、Twitchの公式商品ではありません。 各サービスのDOM、URL、ログイン仕様、表示仕様、OBSのBrowser Source実装は更新される可能性があり、すべての環境・時点での表示を保証するものではありません。 売上、視聴者数、収益化、広告表示、規約適合、配信継続を保証しません。 購入前後に自身の環境でテストし、第三者サービスの最新規約・ガイドラインを確認してください。 ## ライセンス 購入者本人または購入法人の配信・動画制作で利用できます。CSS/HTML/Demo/README等の商品データの再配布、再販売、無償配布、共有リンク公開、素材集への再収録、自作発言は禁止です。