*

2 files changed, 16 insertions, 14 deletions

diff --git a/html/immoral/bookmarklet.js b/html/immoral/bookmarklet.js
index 587db0e..613bbf1 100644
--- a/html/immoral/bookmarklet.js
+++ b/html/immoral/bookmarklet.js
@@ -68,13 +68,12 @@ ${this.logs.join('\n')}`;
             width: 400px;
             max-height: 90vh;
             background: #f5f5f5;
-            border: 2px solid #333;
-            border-radius: 8px;
             z-index: 999999;
             overflow-y: auto;
-            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
             display: flex;
             flex-direction: column;
+            border: 3px solid #333;
+            box-shadow: 8px 8px 0 #ff4d00;
         }
         
         .fv-header {
@@ -89,6 +88,12 @@ ${this.logs.join('\n')}`;
             flex-shrink: 0;
         }
         
+        .fv-header h1 {
+            margin: 0;
+            font-size: 1.1rem;
+            line-height: 1;
+        }
+        
         .fv-close {
             background: none;
             border: none;
@@ -97,6 +102,9 @@ ${this.logs.join('\n')}`;
             font-size: 1.5rem;
             padding: 0;
             margin: 0;
+            line-height: 1;
+            display: flex;
+            align-items: center;
         }
         
         .fv-content {
@@ -113,8 +121,6 @@ ${this.logs.join('\n')}`;
             justify-content: flex-end;
             align-items: center;
             flex-shrink: 0;
-            border-bottom-left-radius: 6px;
-            border-bottom-right-radius: 6px;
         }
 
         .fv-footer-button {
@@ -122,7 +128,6 @@ ${this.logs.join('\n')}`;
             color: #f5f5f5;
             border: none;
             padding: 0.5rem 1rem;
-            border-radius: 4px;
             cursor: pointer;
             font-size: 0.9em;
             display: flex;
@@ -138,7 +143,6 @@ ${this.logs.join('\n')}`;
             margin-bottom: 1rem;
             padding: 1rem;
             border: 1px solid #ddd;
-            border-radius: 4px;
             background: #ffffff;
         }
         
@@ -161,7 +165,6 @@ ${this.logs.join('\n')}`;
             color: #f5f5f5;
             border: none;
             padding: 0.5rem 1rem;
-            border-radius: 4px;
             cursor: pointer;
             margin: 0.25rem 0.5rem 0.25rem 0;
             font-size: 0.9em;
@@ -193,10 +196,10 @@ ${this.logs.join('\n')}`;
     let yOffset = 0;
 
     // Create header with drag handle
-    const header = document.createElement('div');
+    const header = document.createElement('header');
     header.className = 'fv-header';
     header.innerHTML = `
-        <div>Font Vacuum</div>
+        <h1>Web Font Vacuum</h1>
         <button class="fv-close">&times;</button>
     `;
     
@@ -314,7 +317,7 @@ ${this.logs.join('\n')}`;
                 let cssText = '';
                 let fontFaceCount = 0;
                 for (const rule of cssRules) {
-                    if (rule.type === CSSRule.FONT_FACE_RULE) {
+                    if (rule.constructor.name === 'CSSFontFaceRule') {
                         fontFaceCount++;
                     }
                     cssText += rule.cssText + '\n';
@@ -374,7 +377,7 @@ ${this.logs.join('\n')}`;
                     }
                 })
                 .find(rule => 
-                    rule.type === CSSRule.FONT_FACE_RULE && 
+                    rule.constructor.name === 'CSSFontFaceRule' && 
                     rule.cssText.includes(url)
                 );
 
@@ -443,7 +446,7 @@ ${this.logs.join('\n')}`;
                     }
                 })
                 .find(rule => 
-                    rule.type === CSSRule.FONT_FACE_RULE && 
+                    rule.constructor.name === 'CSSFontFaceRule' && 
                     rule.cssText.includes(url)
                 );
 
diff --git a/html/immoral/index.html b/html/immoral/index.html
index ebcebb0..e995edd 100644
--- a/html/immoral/index.html
+++ b/html/immoral/index.html
@@ -109,7 +109,6 @@
             margin-top: 1rem;
             display: none;
             font-weight: bold;
-            role: "alert";
         }
         
         #results {