A mechanism that allows creating isolated structure and styles inside an HTML element, hidden from the outside.
Shadow DOMは、HTML要素の内部に独自のDOMツリー（＝部品専用の構造とスタイル）を作れる仕組みです。この内部DOMは通常のページのCSSやJavaScriptから直接アクセスできず、影（shadow）のように隠されています。
たとえば、ボタンや入力フォームなどの部品（コンポーネント）を作るとき、外部のCSSルールに影響されない自分専用のスタイルを適用できたり、内部のHTML構造を他のコードに干渉されずに安全に管理できます。
実際の使い方では、attachShadow()メソッドで要素にShadow DOMを作り、shadowRoot内にHTMLやCSSを入れます。これにより「部品化」「カプセル化」されたパーツをWebページ上に作ることができます。
特にWeb Componentsという技術の中核的な存在です。