diff --git a/dog-food-calculator-widget.js b/dog-food-calculator-widget.js
index 0c296d1..fc87d1d 100644
--- a/dog-food-calculator-widget.js
+++ b/dog-food-calculator-widget.js
@@ -798,6 +798,82 @@
         .dog-calc-copy-btn:hover { background: #e87741; }
         .dog-calc-copy-btn.copied { background: #7fa464; }
         .dog-calc-copy-btn.copied:hover { background: #7fa464; }
+
+        /* Dark theme modal styles */
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-content {
+            background-color: #24202d;
+            border-color: #433c4f;
+        }
+
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal h3 {
+            color: #f5f3f7;
+        }
+
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-close {
+            color: #f5f3f7;
+        }
+
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-close:hover {
+            color: #f19a5f;
+        }
+
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-share-url input {
+            background: #312b3b;
+            border-color: #433c4f;
+            color: #f5f3f7;
+        }
+
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option {
+            background: #312b3b;
+            border-color: #433c4f;
+        }
+
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option h4 {
+            color: #f5f3f7;
+        }
+
+        .dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option p {
+            color: #b8b0c2;
+        }
+
+        /* System theme modal styles */
+        @media (prefers-color-scheme: dark) {
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-modal-content {
+                background-color: #24202d;
+                border-color: #433c4f;
+            }
+
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-modal h3 {
+                color: #f5f3f7;
+            }
+
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-modal-close {
+                color: #f5f3f7;
+            }
+
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-modal-close:hover {
+                color: #f19a5f;
+            }
+
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-share-url input {
+                background: #312b3b;
+                border-color: #433c4f;
+                color: #f5f3f7;
+            }
+
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option {
+                background: #312b3b;
+                border-color: #433c4f;
+            }
+
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option h4 {
+                color: #f5f3f7;
+            }
+
+            .dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option p {
+                color: #b8b0c2;
+            }
+        }
     `;
 
     // Widget HTML template
@@ -948,7 +1024,7 @@
                 
                 <div class="dog-calc-embed-options">
                     <div class="dog-calc-embed-option">
-                        <h4>JavaScript Widget (Recommended)</h4>
+                        <h4>JavaScript Widget</h4>
                         <p>SEO-friendly, responsive, integrates with your site's design</p>
                         <div class="dog-calc-code-container">
                             <pre><code id="widgetCode"></code></pre>
@@ -960,7 +1036,7 @@
                     
                     <div class="dog-calc-embed-option">
                         <h4>iframe Embed (Brand Protected)</h4>
-                        <p>Complete style isolation, your branding stays intact</p>
+                        <p></p>
                         <div class="dog-calc-code-container">
                             <pre><code id="iframeCode"></code></pre>
                             <button class="dog-calc-copy-btn" id="copyIframe">