tweaked UI

assets/styling/components.css

@@ -52,14 +52,12 @@ html.dark #search-trigger {
     overflow: hidden;
     background: rgb(210, 210, 210, 0.1) !important;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-    backdrop-filter: blur(5px);
-    -webkit-backdrop-filter: blur(5px);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
 }
 
 html.dark .search-panel {
     background: rgb(10, 10, 10, 0.2) !important;
-    backdrop-filter: blur(25px);
-    -webkit-backdrop-filter: blur(25px);
 }
 
 .search-input-row {

assets/styling/layout.css

@@ -131,9 +131,6 @@ html.dark #navbar .tabs a.active {
 
 #sidebar {
     margin-top: 40px;
-    background: rgba(255, 255, 255, 0.8);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
     border-radius: 12px;
     width: var(--sidebar-width);
     flex-shrink: 0;
@@ -146,10 +143,6 @@ html.dark #navbar .tabs a.active {
     overflow-y: auto;
 }
 
-html.dark #sidebar {
-    background: rgba(0, 0, 0, 0.4);
-}
-
 #sidebar .group {
     margin-bottom: 10px;
 }
@@ -218,9 +211,6 @@ html.dark #sidebar li a:hover {
     min-width: 0;
     max-width: 720px;
     margin-top: 130px;
-    background: rgba(255, 255, 255, 0.8);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
     border-radius: 12px;
     width: 100%;
     box-sizing: border-box;
@@ -228,10 +218,6 @@ html.dark #sidebar li a:hover {
     flex-direction: column;
 }
 
-html.dark #main-wrap {
-    background: rgba(0, 0, 0, 0.4);
-}
-
 footer#site-footer {
     min-width: 0;
     width: 100%;
@@ -711,7 +697,7 @@ body.is-home #content-col {
     align-items: center;
     width: 100%;
     max-width: 1200px;
-    padding: 0 20px 60px;
+    padding: 0 20px 30px;
     margin: 0 auto;
     gap: 0;
     box-sizing: border-box;
@@ -864,7 +850,7 @@ body.is-home main.prose {
         display: block;
         width: 100%;
         max-width: 100%;
-        padding: 16px 20px 20px;
+        padding: 16px 20px 30px;
         gap: 0;
         box-sizing: border-box;
         overflow-x: hidden;
@@ -878,7 +864,6 @@ body.is-home main.prose {
     footer#site-footer {
         width: 100%;
         max-width: 100%;
-        padding: 36px 0 40px;
     }
 
     .side-head {

assets/styling/prose.css

@@ -275,9 +275,6 @@ aside#toc {
     width: var(--toc-width);
     flex-shrink: 0;
     display: none;
-    background: rgba(255, 255, 255, 0.8);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
     border-radius: 12px;
     padding-left: 10px;
     height: fit-content;
@@ -288,10 +285,6 @@ aside#toc {
     top: calc(var(--header-height) + 40px);
 }
 
-html.dark aside#toc {
-    background: rgba(0, 0, 0, 0.4);
-}
-
 @media (min-width: 1100px) {
     aside#toc {
         display: block;

home.txt

@@ -98,7 +98,6 @@
         font-size: 13.5px;
         font-weight: 600;
         text-decoration: none !important;
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
         transition: transform 0.15s ease;
     }
 
@@ -136,7 +135,7 @@
         overflow: hidden;
         animation: fadeVideoBg linear both;
         animation-timeline: scroll();
-        animation-range: 0 450px;
+        animation-range: 0 800px;
         will-change: opacity;
     }
 
@@ -198,7 +197,7 @@
     }
 
     html.dark .feature-box {
-        background: rgba(18, 18, 18, 0.2) !important;
+        background: rgba(25, 25, 25, 0.2) !important;
     }
 
     .feature-box:hover {