Enhance RandomPicker component with persistent dialog feature and clean up global styles by removing unnecessary whitespace. Update styles for hover effects and ensure consistent formatting across SCSS files.

src/styles/global.scss

@@ -4,12 +4,12 @@
 .hover-card {
   transition: transform 0.2s ease, box-shadow 0.3s ease;
   will-change: transform, box-shadow;
-  
+
   &:hover, &:focus {
     transform: translateY(-4px);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
   }
-  
+
   &:active {
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
@@ -22,7 +22,7 @@
   min-width: 48px;
   border-radius: 12px;
   padding: 12px 24px;
-  
+
   &.v-btn--icon {
     min-height: 56px;
     min-width: 56px;
@@ -33,7 +33,7 @@
 .ripple-enhanced {
   position: relative;
   overflow: hidden;
-  
+
   &::after {
     content: '';
     position: absolute;
@@ -41,14 +41,14 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), 
-                rgba(255, 255, 255, 0.2) 0%, 
+    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%),
+                rgba(255, 255, 255, 0.2) 0%,
                 rgba(255, 255, 255, 0) 60%);
     opacity: 0;
     transition: opacity 0.5s;
     pointer-events: none;
   }
-  
+
   &:active::after {
     opacity: 1;
     transition: opacity 0.2s;
@@ -76,11 +76,12 @@ html {
 .fullscreen-mode {
   .v-app-bar {
     background-color: rgba(var(--v-theme-surface-variant), 0.85) !important;
+    -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
   }
-  
+
   .main-window {
     padding-top: 16px;
     padding-bottom: 16px;
   }
-} 
+}