/* Cover Flow: one translucent personal rail, with two unobscured cover windows. */
.hh-live[data-live-page="social"] :is(.grove-left,.gcf-drawer) {
  --gcf-ink:#142c22;
  --gcf-muted:#52675a;
  --gcf-line:rgba(55,83,48,.16);
  --gcf-rim:rgba(55,83,48,.2);
  --gcf-glass:linear-gradient(145deg,rgba(248,252,235,.21),rgba(241,249,226,.04) 42%),linear-gradient(180deg,rgba(226,237,208,.55),rgba(224,238,209,.56));
  --gcf-soft:rgba(127,158,111,.13);
  --gcf-accent:#507848;
  --gcf-cover:url('/assets/grove-cover-flow/forest-cover.webp');
  --gcf-cover-height:clamp(80px,47cqi,124px);
  --gcf-overlap:52px;
  --hh-text:var(--gcf-ink);
  --hh-muted:var(--gcf-muted);
  --hh-border:var(--gcf-line);
  --hh-soft:var(--gcf-soft);
  color:var(--gcf-ink);
}
html[data-theme="dark"] .hh-live[data-live-page="social"] :is(.grove-left,.gcf-drawer) {
  --gcf-ink:#f0f4eb;
  --gcf-muted:#b0c1b1;
  --gcf-line:rgba(178,205,157,.17);
  --gcf-rim:rgba(178,205,157,.18);
  --gcf-glass:linear-gradient(145deg,rgba(193,224,166,.12),transparent 40%),linear-gradient(180deg,rgba(31,61,43,.64),rgba(12,40,29,.63));
  --gcf-soft:rgba(155,186,127,.12);
  --gcf-accent:#a4ce8d;
}
.hh-live[data-live-page="social"] :is(.grove-layout > .grove-left,.gcf-drawer) {
  padding:16px 14px 16px;
  border:1px solid var(--gcf-rim);
  border-radius:18px;
  background:var(--gcf-glass);
  box-shadow:inset 0 1px 0 rgba(237,251,222,.08),0 5px 18px rgba(4,25,15,.06);
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%);
}
.hh-live[data-live-page="social"] .grove-left { container-type:inline-size; }
.hh-live[data-live-page="social"] .grove-left .hh-identity,
html[data-theme] .hh-live[data-live-page="social"] .grove-left .hh-identity:not(.hh-guest) {
  position:relative;
  display:block;
  min-height:0!important;
  margin:0;
  padding:calc(var(--gcf-cover-height) - var(--gcf-overlap)) 8px 0!important;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:left;
  overflow:visible;
  isolation:isolate;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hh-live[data-live-page="social"] .grove-left .hh-identity::before,
html[data-theme] .hh-live[data-live-page="social"] .grove-left .hh-identity:not(.hh-guest)::before {
  content:'';
  position:absolute;
  display:block;
  inset:0 0 auto;
  height:var(--gcf-cover-height);
  border-radius:9px;
  background:var(--gcf-cover) center 53% / cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(220,241,195,.16);
  opacity:1;
  pointer-events:none;
  z-index:0;
}
.hh-live[data-live-page="social"] .grove-left .hh-identity > * { position:relative;z-index:1; }
.hh-live[data-live-page="social"] .grove-left .hh-identity-top { position:relative;min-height:76px;margin:0 0 9px; }
.hh-live[data-live-page="social"] .grove-left .hh-identity-photo { display:inline-block;vertical-align:top;border-radius:5px; }
.hh-live[data-live-page="social"] .grove-left .hh-identity .hh-identity-avatar {
  display:grid;
  width:76px;
  height:76px;
  min-width:76px;
  margin:0;
  border:1px solid rgba(200,221,178,.28);
  border-radius:5px;
  outline:0;
  box-shadow:0 0 0 2px rgba(159,187,138,.1),0 2px 6px rgba(3,25,15,.09);
}
.hh-live[data-live-page="social"] .grove-left .hh-identity-avatar-action {
  position:absolute;
  inset:auto auto -3px 60px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:7px;
  border:1px solid rgba(166,196,144,.66);
  border-radius:50%;
  color:#f1f6ec;
  background:rgba(31,61,42,.89);
  box-shadow:0 2px 5px rgba(4,22,14,.12);
  backdrop-filter:blur(8px);
  cursor:pointer;
}
.hh-live[data-live-page="social"] .grove-left .hh-identity-avatar-action svg { width:18px;height:18px; }
.hh-live[data-live-page="social"] .grove-left .hh-identity-settings {
  position:absolute;
  inset:calc(-1 * (var(--gcf-cover-height) - var(--gcf-overlap)) + 4px) -4px auto auto;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:9px;
  border:0;
  border-radius:8px;
  color:#eef5e9;
  background:rgba(6,31,22,.58);
  backdrop-filter:blur(8px);
  cursor:pointer;
}
.hh-live[data-live-page="social"] .grove-left .hh-identity-settings svg { width:19px;height:19px; }
.hh-live[data-live-page="social"] .grove-left .hh-identity-name { display:block;max-width:100%;text-decoration:none;color:var(--gcf-ink); }
.hh-live[data-live-page="social"] .grove-left .hh-identity:not(.hh-guest) h2 { margin:0;font:600 23px/1.14 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere; }
.hh-live[data-live-page="social"] .grove-left .hh-identity .grove-handle { margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--gcf-muted);overflow-wrap:anywhere; }
.hh-live[data-live-page="social"] .grove-left .hh-identity .grove-profile-bio { max-width:none;margin:10px 0 0;font-size:12px;font-weight:400;line-height:1.55;color:var(--gcf-ink);overflow-wrap:anywhere; }
.hh-live[data-live-page="social"] .grove-left .hh-identity-badges { display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px; }
.hh-live[data-live-page="social"] .grove-left .hh-identity-stats { display:none; }
.hh-live[data-live-page="social"] .grove-left .hh-guest { padding-top:calc(var(--gcf-cover-height) - 22px)!important; }
.hh-live[data-live-page="social"] .grove-left .hh-guest .hh-sanctuary { width:48px;height:48px;margin:0 0 12px;background:#163b2dde;border:1px solid #d5e6bc66;color:#e6eed6; }
.hh-live[data-live-page="social"] .grove-left .hh-guest h2 { max-width:none;margin:0;font-size:23px; }
.hh-live[data-live-page="social"] .grove-left .hh-guest small { color:var(--gcf-muted); }
.hh-live[data-live-page="social"] .grove-left .hh-navigation {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:auto;
  gap:2px;
  margin:17px 8px 0;
  padding:12px 0 0;
  border:0;
  border-top:1px solid var(--gcf-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hh-live[data-live-page="social"] .grove-left .hh-navigation > :is(button,a) {
  display:flex;align-items:center;justify-content:flex-start;
  width:100%;min-height:46px!important;
  padding:8px 4px!important;gap:15px!important;
  border:1px solid transparent;border-radius:8px;
  background:transparent;box-shadow:none;
  color:var(--gcf-ink);font-size:14px!important;font-weight:500;line-height:1.4;
  text-align:left;text-decoration:none;cursor:pointer;
  transition:background 140ms ease,border-color 140ms ease;
}
.hh-live[data-live-page="social"] .grove-left .hh-navigation svg { display:block;width:21px;height:21px;flex:none;color:var(--gcf-muted); }
.hh-live[data-live-page="social"] .grove-left .hh-navigation [data-view="following"]::before { display:none; }
.hh-live[data-live-page="social"] .grove-left .hh-navigation [data-view="following"] svg { display:block;fill:var(--gcf-accent);stroke:var(--gcf-accent); }
.hh-live[data-live-page="social"] .grove-left .hh-navigation > :is(button,a):is(:hover,[aria-pressed="true"],[aria-current="page"]) { background:var(--gcf-soft);border-color:var(--gcf-line);box-shadow:none; }
.hh-live[data-live-page="social"] .grove-left :is(a,button):focus-visible { outline:2px solid var(--gcf-accent);outline-offset:3px; }
.hh-live[data-live-page="social"] .grove-left .hh-identity-settings:hover { background:rgba(8,38,25,.8);color:#fff; }
.hh-live[data-live-page="social"] .grove-left .grove-groups {
  position:relative;display:block;
  margin:13px 0 0;padding:16px 0 0;
  border:0;border-top:1px solid var(--gcf-line);border-radius:0;
  background:transparent;box-shadow:none;
}
.hh-live[data-live-page="social"] .grove-left .grove-groups::before { display:none; }
.hh-live[data-live-page="social"] .grove-left .grove-groups > p.hh-muted { display:none; }
.hh-live[data-live-page="social"] .grove-left :is(.hh-next-circle-title,.grove-groups > .page-eyebrow) { display:block;margin:0 0 10px;color:var(--gcf-ink);font:600 19px/1.2 var(--font-display);letter-spacing:-.02em;text-transform:none; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-header { display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-header .hh-next-circle-title { margin:0; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-controls { display:flex;gap:2px;flex:none; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-controls button { display:grid;place-items:center;width:28px;height:28px;padding:5px;border:0;border-radius:5px;background:transparent;color:var(--gcf-muted);cursor:pointer; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-controls button:hover { background:var(--gcf-soft);color:var(--gcf-ink); }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-controls svg { display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-rotation { display:grid;isolation:isolate; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-rotation > .hh-featured-circle { grid-area:1 / 1;align-self:stretch;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 450ms cubic-bezier(.4,0,.2,1),border-color 140ms ease; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-rotation > .hh-featured-circle.is-leaving { visibility:visible; }
.hh-live[data-live-page="social"] .grove-left .hh-next-circle-rotation > .hh-featured-circle.is-active { opacity:1;visibility:visible;pointer-events:auto;z-index:1; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle {
  display:block;flex:none;width:100%;padding:0;
  border:1px solid var(--gcf-line);border-radius:11px;overflow:hidden;
  background:rgba(210,227,192,.1);box-shadow:inset 0 1px 0 #ffffff1a;
  text-decoration:none;transition:border-color 140ms ease;
}
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle:hover { border-color:var(--gcf-accent); }
.hh-live[data-live-page="social"] .grove-left :is(.hh-featured-circle-art,.hh-featured-circle > img) {
  display:block;width:100%;height:clamp(88px,52cqi,124px);overflow:hidden;
  background:var(--gcf-soft);object-fit:cover;object-position:center;
}
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-art > img { display:block;width:100%;height:100%;object-fit:cover;object-position:center; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy { position:relative;display:block;min-height:64px;padding:10px 32px 10px 11px;color:var(--gcf-ink);background:transparent; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-identity { display:flex;align-items:center;gap:10px; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-identity > .hh-avatar { display:inline-grid;width:36px;height:36px;min-width:36px;border:1px solid var(--gcf-line);border-radius:50%; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-text { min-width:0;flex:1; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy strong { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.35; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy small { display:block;margin-top:3px;color:var(--gcf-muted);font-size:11px;line-height:1.4; }
.hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy > svg { position:absolute;right:10px;top:50%;width:16px;height:16px;transform:translateY(-50%) rotate(-45deg);color:var(--gcf-ink); }
.gcf-space-trigger,.gcf-drawer:not([open]) { display:none; }
/* Retain the production column widths; covers adapt to the existing slim rail. */
@container (max-width:190px) {
  .hh-live[data-live-page="social"] .grove-left .hh-identity { --gcf-overlap:44px; }
  .hh-live[data-live-page="social"] .grove-left .hh-identity-top { min-height:68px; }
  .hh-live[data-live-page="social"] .grove-left .hh-identity .hh-identity-avatar { width:68px;height:68px;min-width:68px; }
  .hh-live[data-live-page="social"] .grove-left .hh-identity-avatar-action { left:52px; }
  .hh-live[data-live-page="social"] .grove-left .hh-identity:not(.hh-guest) h2 { font-size:21px; }
  .hh-live[data-live-page="social"] .grove-left .hh-navigation > :is(button,a) { font-size:13px!important;gap:12px!important; }
  .hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy { padding-left:8px;padding-right:25px; }
  .hh-live[data-live-page="social"] .grove-left .hh-featured-circle-identity { gap:8px; }
  .hh-live[data-live-page="social"] .grove-left .hh-featured-circle-identity > .hh-avatar { width:30px;height:30px;min-width:30px; }
  .hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy strong { font-size:11px; }
  .hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy small { font-size:10px; }
  .hh-live[data-live-page="social"] .grove-left .hh-featured-circle-copy > svg { right:8px;width:14px;height:14px; }
}
@media(max-width:767px) {
  .hh-live[data-live-page="social"] .grove-layout > .grove-left { display:none; }
  .hh-live[data-live-page="social"] .hh-grove-masthead { display:flex;gap:0; }
  .hh-live[data-live-page="social"] .hh-grove-masthead > :is(a,button):not(.brand) { position:relative;inset:auto;flex:0 0 44px;width:44px;max-width:44px;transform:none; }
  .hh-live[data-live-page="social"] .hh-grove-masthead .gcf-space-trigger { display:grid;min-width:44px;min-height:44px;padding:8px;color:var(--grove-ink); }
  .hh-live[data-live-page="social"] .gcf-space-trigger .gcf-trigger-avatar { width:28px;height:28px;min-width:28px;border:1px solid var(--grove-line);border-radius:5px; }
  .hh-live[data-live-page="social"] .gcf-space-trigger svg { width:23px;height:23px; }
  .hh-live[data-live-page="social"] .gcf-space-trigger:focus-visible { outline:2px solid var(--grove-accent);outline-offset:-2px; }
  .hh-live[data-live-page="social"] .gcf-drawer {
    position:fixed;inset:16px auto 16px 16px;
    width:min(352px,calc(100vw - 32px));height:fit-content;max-width:none;max-height:calc(100dvh - 32px);
    margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
    box-shadow:inset 0 1px 0 #f2ffdf14,0 10px 42px #00000026;
  }
  /* Native modal glass samples the flat mobile page; this quiet forest layer
     restores the approved bokeh while keeping the reading surface unchanged. */
  .hh-live[data-live-page="social"] .gcf-drawer::before { content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/grove-cover-flow/forest-cover.webp') center / cover;filter:blur(10px) saturate(.75);opacity:.19; }
  html[data-theme="dark"] .hh-live[data-live-page="social"] .gcf-drawer::before { opacity:.14; }
  .hh-live[data-live-page="social"] .gcf-drawer::backdrop { background:linear-gradient(135deg,#e1eac994,#c8d7b494),url('/assets/grove-cover-flow/forest-cover.webp') center / cover; }
  html[data-theme="dark"] .hh-live[data-live-page="social"] .gcf-drawer::backdrop { background:linear-gradient(135deg,#071c139c,#03130ca6),url('/assets/grove-cover-flow/forest-cover.webp') center / cover; }
  .hh-live[data-live-page="social"] .gcf-drawer-header { position:relative;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:9px 16px 5px 22px; }
  .hh-live[data-live-page="social"] .gcf-drawer-heading { margin:0;font:600 16px/1.3 var(--font-display);color:var(--gcf-ink); }
  .hh-live[data-live-page="social"] .gcf-drawer-close { display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;color:var(--gcf-ink);background:transparent;font:300 29px/1 Arial,sans-serif;cursor:pointer; }
  .hh-live[data-live-page="social"] .gcf-drawer-close:hover { background:var(--gcf-soft); }
  .hh-live[data-live-page="social"] .gcf-drawer-close:focus-visible { outline:2px solid var(--gcf-accent);outline-offset:-3px; }
  .hh-live[data-live-page="social"] .gcf-drawer-body { min-width:0; }
  .hh-live[data-live-page="social"] .gcf-drawer .grove-left { --gcf-cover-height:142px;position:relative;display:block;width:100%;min-width:0;max-height:none;overflow:visible;margin:0;padding:0 14px max(18px,env(safe-area-inset-bottom));border:0;border-radius:0;background:transparent;box-shadow:none; }
  .hh-live[data-live-page="social"] .gcf-drawer :is(#hh-identity,#hh-community-suggestions) { display:block!important; }
  .hh-live[data-live-page="social"] .gcf-drawer #hh-community-suggestions { width:auto;margin:13px 0 0;padding:16px 0 0;border:0;border-top:1px solid var(--gcf-line);border-radius:0;background:transparent;box-shadow:none; }
  .hh-live[data-live-page="social"] .gcf-drawer > .hh-mark-popover { position:absolute;width:min(310px,calc(100% - 20px));max-height:calc(100dvh - 64px);overflow:auto; }
  .hh-live[data-live-page="social"] .gcf-drawer .grove-left .hh-navigation { display:grid!important; }
  .hh-live[data-live-page="social"] .gcf-drawer .grove-profile-card { display:block!important; }
  .hh-live[data-live-page="social"] .gcf-drawer .grove-left .hh-featured-circle-art { height:130px; }
}
@media(max-width:430px) {
  .hh-live[data-live-page="social"] .hh-grove-masthead { gap:0;padding-inline:8px; }
  .hh-live[data-live-page="social"] .hh-grove-masthead .brand { gap:5px;font-size:20px; }
  .hh-live[data-live-page="social"] .hh-grove-masthead .brand-symbol,
  .hh-live[data-live-page="social"] .hh-grove-masthead .brand-symbol svg { width:22px;height:26px; }
  .hh-live[data-live-page="social"] .hh-grove-masthead .hh-grove-worlds { min-width:44px;width:44px;margin:0; }
  .hh-live[data-live-page="social"] .hh-grove-worlds .portal-copy { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .hh-live[data-live-page="social"] .grove-left :is(.hh-navigation > button,.hh-navigation > a,.hh-featured-circle) { transition:none; }
  .hh-live[data-live-page="social"] .grove-left .hh-next-circle-rotation > .hh-featured-circle { transition:none; }
}