- Fixed the issue where the detail level was not being applied in the log pane.

- Pop-ups are now shown.
- Add coverage for test.
- Pop-ups are now shown in the web app as well.

src/apps/webapp/webapp.css

@@ -4,6 +4,18 @@
     box-sizing: border-box;
 }
 
+:root {
+    --background-primary: #ffffff;
+    --background-primary-alt: #667eea;
+    --background-secondary: #f0f0f0;
+    --background-secondary-alt: #e0e0e0;
+    --background-modifier-border: #d0d0d0;
+    --text-normal: #333333;
+    --text-warning: #d9534f;
+    --text-accent: #5bc0de;
+    --text-on-accent: #ffffff;
+}
+
 body {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -134,6 +146,7 @@ button {
 
 button:hover {
     background: #1e4ad6;
+    opacity: 0.7;
 }
 
 button:disabled {
@@ -367,3 +380,23 @@ body.livesync-log-visible {
         bottom: 12px;
     }
 }
+
+popup {
+    position: fixed;
+    min-width: 80vw;
+    max-width: 90vw;
+    min-height: 40vh;
+    max-height: 80vh;
+    background: rgba(255, 255, 255, 0.8);
+    padding: 1em;
+    border-radius: 6px;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+    z-index: 10000;
+    overflow-y: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    backdrop-filter: blur(15px);
+    border-radius: 10px;
+    z-index: 10;
+}