/* LC header account chrome — sits beside the weather chip in the desktop navbar. */
.lca-root { display: flex; align-items: center; gap: 4px; margin-left: 6px; }
.lca-icon { display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%; border: 0; background: transparent;
  color: inherit; font-size: 16px; cursor: pointer; text-decoration: none !important;
  position: relative; transition: background .12s; }
.lca-icon:hover { background: rgba(0,0,0,.07); color: inherit; }
.lca-heart svg { display: block; flex: none; }
/* count sits BESIDE the heart (inline), never overlaid — overlays break at odd zoom/DPI */
.lca-heart { width: auto; min-width: 34px; padding: 0 9px; border-radius: 999px; gap: 4px; }
.lca-badge { position: static; display: inline-block; min-width: 16px; height: 16px;
  border-radius: 999px; background: #c0392b; color: #fff; font-size: 10px; font-weight: 700;
  line-height: 16px; text-align: center; padding: 0 4px; box-sizing: border-box; flex: none; }
.lca-avatar { background: #1a1a1a; color: #fff; font-size: 13px; font-weight: 700; }
.lca-avatar:hover { background: #333; color: #fff; }
.lca-acct { position: relative; }
.lca-menu { display: none; position: absolute; right: 0; top: calc(100% + 8px); z-index: 1010;
  background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 10px; min-width: 170px;
  box-shadow: 0 10px 30px rgba(0,0,0,.14); padding: 6px; }
.lca-acct.open .lca-menu { display: block; }
.lca-menu-name { display: block; padding: 8px 10px 6px; font-size: .8rem; opacity: .6;
  border-bottom: 1px solid rgba(0,0,0,.07); margin-bottom: 4px; }
.lca-menu-item { display: block; padding: 8px 10px; border-radius: 7px; font-size: .9rem;
  color: inherit !important; text-decoration: none !important; }
.lca-menu-item:hover { background: rgba(0,0,0,.06); }
@media (max-width: 959px) { .lca-root { display: none; } }