Merge pull request 'stuff' (#2) from two into first

Reviewed-on: #2

static/css/style.css

@@ -49,15 +49,13 @@ body {
     padding: 1rem;
 }
 
-/* Header */
+/* Header – maximally transparent; text readable via text-shadow */
 .header {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     margin-bottom: 1rem;
-    background: rgba(0, 0, 0, 0.15);
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    background: rgba(0, 0, 0, 0.03);
     padding: 1rem 1.5rem;
     border-radius: 10px;
 }
@@ -151,9 +149,7 @@ body {
 
 /* Sections */
 section {
-    background: rgba(0, 0, 0, 0.15);
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    background: rgba(0, 0, 0, 0.03);
     padding: 1rem 1.5rem;
     border-radius: 10px;
     overflow-y: auto;
@@ -212,7 +208,7 @@ section h3 {
     grid-template-columns: 60px 1fr 100px;
     align-items: center;
     padding: 0.6rem;
-    background: rgba(255, 255, 255, 0.05);
+    background: rgba(255, 255, 255, 0.04);
     border-radius: 8px;
     gap: 0.8rem;
 }
@@ -261,7 +257,7 @@ section h3 {
     flex-direction: column;
     align-items: center;
     padding: 0.6rem;
-    background: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.06);
     border-radius: 8px 8px 0 0;
     margin-bottom: 0.5rem;
     text-align: center;
@@ -296,7 +292,7 @@ section h3 {
 }
 
 .event {
-    background: rgba(255, 255, 255, 0.05);
+    background: rgba(255, 255, 255, 0.04);
     padding: 0.5rem 0.6rem;
     border-radius: 6px;
     border-left: 3px solid #4a9eff;
@@ -331,9 +327,7 @@ section h3 {
 /* Footer */
 .footer {
     margin-top: 1rem;
-    background: rgba(0, 0, 0, 0.15);
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    background: rgba(0, 0, 0, 0.03);
     padding: 0.8rem 1.5rem;
     border-radius: 10px;
 }