another commit without a list of specific changes! (misc)

src/assets/styles/global.css

@@ -117,8 +117,28 @@ input:invalid {
   box-shadow: none;
 }
 
-input[type="password"]:focus::placeholder {
+/* Standard placeholder */
+input:focus::placeholder {
   color: transparent;
+  opacity: 0; /* optional, for smoother fade in some browsers */
+}
+
+/* WebKit (Safari, Chrome, iOS) */
+input:focus::-webkit-input-placeholder {
+  color: transparent;
+  opacity: 0;
+}
+
+/* Firefox */
+input:focus::-moz-placeholder {
+  color: transparent;
+  opacity: 0;
+}
+
+/* Microsoft Edge / IE */
+input:focus:-ms-input-placeholder {
+  color: transparent;
+  opacity: 0;
 }
 
 /* Remove Safari input shadow on mobile */
@@ -213,6 +233,7 @@ Custom
 
 #lyric-search-input {
   margin-right: 1.5%;
+  padding-bottom: 1rem;
 }
 
 #lyrics-info {
@@ -226,9 +247,17 @@ Custom
 }
 
 .lyrics-card {
-  border: 1px solid grey;
-  border-radius: 5px;
+  border-radius: 12px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+  padding: 1.5rem;
+  transition: background 0.3s;
+}
+
+.lyrics-content {
   line-height: 2.0;
+  font-family: 'Inter', sans-serif;
+  font-size: 1rem;
+  white-space: pre-wrap;
 }
 
 .lyrics-card-dark {
@@ -258,6 +287,17 @@ Custom
   overscroll-behavior: contain;
 }
 
+.p-autocomplete-input {
+  padding: 0.5rem 1rem;
+  border-radius: 0.5rem;
+  border: 1px solid #ccc;
+  transition: border 0.2s;
+}
+.p-autocomplete-input:focus {
+  border-color: #4f46e5;
+  outline: none;
+}
+
 .d-dark > * {
   background-color: rgba(35, 35, 35, 0.9);
   color: #ffffff;
@@ -266,12 +306,6 @@ Custom
   background-color: rgba(255, 255, 255, 0.9);
 }
 
-.active-breadcrumb {
-  font-weight: bold;
-  text-decoration: underline;
-  text-underline-offset: 2px; /* makes it more visible */
-}
-
 /*
 Toastify customizations
 */