.hero{
  display:grid;gap:16px;align-items:center;
  grid-template-columns:1.2fr 1fr;
}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.hero h1{font-size:40px;line-height:1.1;margin:0}
.hero p{color:var(--muted);margin:8px 0 16px}
.entry{display:flex;gap:12px;align-items:flex-start;padding:12px;border-bottom:1px solid #eef2f7}
.entry .mood{font-size:22px}
.empty{color:var(--muted);padding:12px}
.header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.nav{display:flex;gap:16px;align-items:center}