feat: add check backup

assets/css/main.css

@@ -34,12 +34,35 @@
     min-height: 100vh;
     font-family: var(--font-display);
     background: rgb(var(--m-bg));
+    background-image:
+      radial-gradient(circle at top left, rgb(var(--m-accent) / 0.1), transparent 24%),
+      radial-gradient(circle at top right, rgb(var(--m-success) / 0.08), transparent 18%);
     color: rgb(var(--m-text));
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     transition: background-color 0.4s ease, color 0.4s ease;
   }
 
+  ::selection {
+    background: rgb(var(--m-accent) / 0.28);
+    color: rgb(var(--m-text));
+  }
+
+  a,
+  button {
+    transition:
+      color 0.2s ease,
+      background-color 0.2s ease,
+      border-color 0.2s ease,
+      box-shadow 0.2s ease,
+      transform 0.2s ease;
+  }
+
+  :focus-visible {
+    outline: 2px solid rgb(var(--m-accent) / 0.85);
+    outline-offset: 2px;
+  }
+
   img {
     display: block;
   }
@@ -75,6 +98,13 @@
     transition: box-shadow 0.3s ease;
   }
 
+  .card-glow:hover {
+    box-shadow:
+      0 0 0 1px rgb(var(--m-accent) / calc(var(--m-card-border-opacity) + 0.04)),
+      0 10px 30px -10px rgba(0, 0, 0, calc(var(--m-shadow-opacity) + 0.08)),
+      0 0 56px -14px rgb(var(--m-accent) / 0.1);
+  }
+
   .card-glow-success {
     box-shadow:
       0 0 0 1px rgb(var(--m-success) / 0.15),
@@ -165,3 +195,14 @@
 ::-webkit-scrollbar-thumb:hover {
   background: rgb(var(--m-muted));
 }
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}