diff --git a/index.html b/index.html
index 7575396..6bb9403 100644
--- a/index.html
+++ b/index.html
@@ -140,7 +140,10 @@
-
+
+
+
+
diff --git a/src/views.js b/src/views.js
index 97a3875..35d0ad5 100644
--- a/src/views.js
+++ b/src/views.js
@@ -92,6 +92,13 @@ export async function getArtistImage(artistId) {
// ─── HOME ───
export async function loadHomeData() {
+ const hour = new Date().getHours();
+ const greeting = hour < 12 ? 'Guten Morgen' : hour < 18 ? 'Guten Tag' : 'Guten Abend';
+ const name = S.cfg.user ? `, ${S.cfg.user}` : '';
+ const el = document.getElementById('home-greeting');
+ if (el) el.textContent = `${greeting}${name} 👋`;
+
+ loadAlbumRow('home-recent', 'getAlbumList2', '&type=recent&size=20');
loadAlbumRow('home-random', 'getAlbumList2', '&type=random&size=20');
loadAlbumRow('home-newest', 'getAlbumList2', '&type=newest&size=20');
loadAlbumRow('home-frequent', 'getAlbumList2', '&type=frequent&size=20');
diff --git a/styles.css b/styles.css
index 810049c..a28baa8 100644
--- a/styles.css
+++ b/styles.css
@@ -79,6 +79,9 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
.page-title em{color:var(--accent);font-style:normal}
.page-title .blue{color:var(--blue)}
+/* ── HOME GREETING ── */
+.home-greeting{font-size:22px;font-weight:700;color:var(--text);padding:18px 0 6px;letter-spacing:-.3px}
+
/* ── SECTION ── */
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;margin-top:24px}
.section-title{font-size:16px;font-weight:700}