Rediseño de la interfaz y arreglos menores

- ¡Ahora con tema oscuro! Se activa según el navegador del usuario.
- URL de audios simplificada.
- Nuevos iconos para canciones con acordes/audios.
- Enlaces de la cabecera actualizados.
- Siempre mostramos los ajustes.
- Insertar espacio forzoso para separar algunas palabras que se juntaban.
- Soporte para canciones con dos líneas de acordes (e.g. Engrandece).

res/less/index.less

@@ -7,24 +7,22 @@
         color: inherit;
         text-decoration: none;
         > li {
-            background-color: @secondary;
+            display: flex;
+            gap: 5px;
             margin: .5em;
             padding: .6em;
+            border: 1px solid @text;
             border-radius: @border-radius;
-            .number {
-                font-weight: bolder;
-                color: black;
+            @media (prefers-color-scheme: dark) {
+                border: 1px solid @text-dark;
             }
+            .number { font-weight: bolder; }
+            .name { flex-grow: 99; }
             &:hover {
-                color: @text-hover;
-                background-color: @secondary-hover;
+                background-color: @secondary;
                 transition-duration: @transition;
-            }
-            &.noChords {
-                background-color: @nochordscolor;
-                &:hover {
-                    color: @text-hover;
-                    background-color: @nochordscolor-hover;
+                @media (prefers-color-scheme: dark) {
+                    background-color: @secondary-dark;
                 }
             }
         }
@@ -38,9 +36,18 @@ ul.songs {
         margin: .2em;
     }
 }
-span.noChords {
-    background-color: @nochordscolor;
-    padding: 0.3em 0.4em;
-    border-radius: @border-radius;
-    display: inline-block;
+img.guitar-icon, img.music-icon {
+    width: 1em;
+    padding: 0 0.2em;
 }
+img.guitar-icon {
+    /* Green color filter */
+    filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(55deg) brightness(119%) contrast(119%);
+}
+img.music-icon {
+    /* Orange color filter */
+    filter: invert(46%) sepia(100%) saturate(681%) hue-rotate(360deg) brightness(106%) contrast(105%);
+}
+p { img.guitar-icon, img.music-icon {
+        vertical-align: -0.25em;
+}}