Refresh nautical themes and use solid notebook panels

frontend/src/components/EventLog.svelte

@@ -259,7 +259,7 @@
         bottom: 20px;
         right: 20px;
         width: 380px;
-        background: color-mix(in srgb, var(--bg-deep) 95%, transparent);
+        background: var(--panel-background);
         border: 1px solid var(--edge);
         border-radius: var(--radius-md);
         box-shadow: var(--shadow-deep);
@@ -267,7 +267,6 @@
         display: flex;
         flex-direction: column;
         max-height: 60vh;
-        backdrop-filter: blur(10px);
     }
     .floating-event-log:not(.open) {
         width: auto;
@@ -464,12 +463,11 @@
         gap: 8px;
         text-align: left;
         padding: 10px 12px;
-        background: color-mix(in srgb, var(--bg-deep) 95%, transparent);
+        background: var(--panel-background);
         border: 1px solid var(--edge);
         border-left: 4px solid var(--accent);
         border-radius: var(--radius-md);
         box-shadow: var(--shadow-deep);
-        backdrop-filter: blur(10px);
         color: var(--text);
         font-family: var(--font-body);
         cursor: pointer;