/* One quiet layer for contextual actions. The feed keeps its place behind it. */
.hh-action-dialog {
  --action-text: #173124;
  --action-muted: #56695e;
  --action-border: #52694f33;
  --action-soft: #36553508;
  --action-hover: #47683d12;
  --action-danger: #b3362c;
  --action-focus: #4f782d;
  position: fixed;
  inset: 0;
  width: min(360px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(var(--hh-action-height, 100dvh) - 32px);
  margin: auto;
  padding: 25px;
  overflow: auto;
  overscroll-behavior: contain;
  color: var(--action-text);
  border: 1px solid #f9fff4e0;
  border-radius: 25px;
  background: radial-gradient(ellipse at 5% 0%, #cde2bb45, transparent 60%), linear-gradient(140deg, #fffffff0, #f1f5eeed);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #6c88671c, 0 18px 60px #13231833, 0 0 0 1px #6880651f;
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
  backdrop-filter: blur(22px) saturate(1.25);
  font: inherit;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
html[data-theme=dark] .hh-action-dialog {
  --action-text: #f1f5ee;
  --action-muted: #b7c1b8;
  --action-border: #dcf3d326;
  --action-soft: #d2ecd007;
  --action-hover: #d2ecd010;
  --action-danger: #ff7866;
  --action-focus: #b9e998;
  border-color: #d7ead341;
  background: radial-gradient(ellipse at 6% 0%, #71936a22, transparent 62%), linear-gradient(145deg, #14251feb, #071310f5);
  box-shadow: inset 0 1px 0 #f2ffe821, inset 0 -1px 0 #cde6be0a, 0 22px 68px #0006, 0 0 0 1px #030e09a6;
}
.hh-action-dialog[open] { animation: hh-actions-enter 160ms cubic-bezier(.2,.8,.2,1) both; }
.hh-action-dialog::backdrop { background: #09130e3d; }
html[data-theme=dark] .hh-action-dialog::backdrop { background: #0008; }
.hh-action-dialog[data-view=menu] { inset: auto; width: 278px; margin: 0; padding: 10px; border-radius: 20px; }
.hh-action-dialog h2 { color: var(--action-text); font: 400 25px/1.15 var(--font-display, 'Cal Sans', Inter, sans-serif); letter-spacing: -.025em; margin: 0; overflow-wrap: anywhere; }
.hh-action-dialog h2:focus { outline: none; }
.hh-action-dialog[data-view=menu] h2 { margin: 7px 7px 13px; font-size: 18px; text-align: left; }
.hh-action-dialog button { font: inherit; color: inherit; cursor: pointer; touch-action: manipulation; border: 0; }
.hh-action-dialog svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.hh-action-dialog button:focus-visible, .hh-action-dialog input:focus-visible, .hh-action-dialog textarea:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 3px; }
.hh-action-dialog button:disabled { cursor: wait; opacity: .6; }
.hh-action-dialog .hh-action-row { display: flex; align-items: center; gap: 15px; width: 100%; min-height: 48px; padding: 12px 13px; border-radius: 11px; background: transparent; font-size: 14px; line-height: 1.3; text-align: left; }
.hh-action-row span { min-width: 0; overflow-wrap: anywhere; }
.hh-action-dialog .is-danger { color: var(--action-danger); }
.hh-action-dialog .hh-action-secondary, .hh-action-dialog .hh-action-primary, .hh-action-dialog .hh-action-destructive {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 49px;
  margin-top: 10px; padding: 12px 18px; border-radius: 999px; font-size: 14px; font-weight: 500; line-height: 1.35;
  border: 1px solid var(--action-border); background: linear-gradient(160deg, #f7fff309, #dcf5db02);
  box-shadow: inset 0 1px 0 #e9ffe90a;
}
.hh-action-dialog .hh-action-destructive { color: #fffaf7; background: linear-gradient(160deg, #c84c38, #b32e26); border-color: #dd6f55; box-shadow: inset 0 1px 0 #ffc5ac55, 0 3px 13px #8c2d2014; }
html[data-theme=dark] .hh-action-dialog .hh-action-destructive { background: linear-gradient(160deg, #c14734e8, #ad3028e8); border-color: #f98b6cad; box-shadow: inset 0 1px 0 #ffbd9050, 0 2px 15px #4b120a24; }
.hh-action-dialog .hh-action-primary { color: #f7ffed; background: linear-gradient(155deg, #426b32, #2c5224); border-color: #739a57; }
html[data-theme=dark] .hh-action-dialog .hh-action-primary { background: linear-gradient(155deg, #597d4655, #7fa05226); border-color: #c3ed9b9e; box-shadow: inset 0 1px 1px #e7ffd34d; }
.hh-action-dialog[data-view=menu] .hh-action-dismiss { display: none; }
.hh-action-emblem { display: grid; place-items: center; color: var(--action-danger); width: 56px; height: 56px; margin: 0 auto 19px; border: 1px solid var(--action-border); border-radius: 50%; background: var(--action-soft); box-shadow: inset 0 1px 0 #eeffed10; }
.hh-action-emblem svg { width: 26px; height: 26px; }
.hh-action-description { color: var(--action-muted); margin: 13px auto 23px; max-width: 290px; font-size: 14px; line-height: 1.6; text-wrap: pretty; }
.hh-action-handle { display: none; }
.hh-action-error { margin: 15px 2px 0; color: var(--action-danger); font-size: 13px; line-height: 1.5; }
.hh-action-error[hidden] { display: none; }
.hh-action-copy { width: 100%; min-height: 44px; margin-top: 10px; padding: 9px; color: var(--action-text); background: var(--action-soft); border: 1px solid var(--action-border); border-radius: 10px; font: inherit; font-size: 13px; }
.hh-action-report { text-align: left; margin-top: 25px; }
.hh-action-report label { display: block; margin-bottom: 9px; font-size: 14px; }
.hh-action-report textarea { display: block; width: 100%; padding: 12px; border: 1px solid var(--action-border); border-radius: 14px; background: var(--action-soft); color: var(--action-text); font: inherit; font-size: 16px; line-height: 1.5; resize: vertical; }
.hh-action-report p { margin: 10px 0 22px; color: var(--action-muted); font-size: 12px; line-height: 1.5; }
.hh-action-back { position: absolute; top: 17px; left: 13px; display: grid; place-items: center; height: 36px; width: 36px; background: transparent; border-radius: 50%; }
.hh-action-back svg { transform: rotate(180deg); width: 19px; height: 19px; }
.hh-action-dialog[data-view=report] h2 { padding-inline: 16px; font-size: 23px; }
.hh-live .hh-mobile-option { display: none; }
@media (hover:hover) {
  .hh-action-dialog .hh-action-row:hover, .hh-action-dialog .hh-action-secondary:hover, .hh-action-back:hover { background: var(--action-hover); }
  .hh-action-dialog .hh-action-destructive:hover { filter: brightness(1.06); }
}
@media (max-width:767px) {
  html.hh-action-open { overflow: hidden; }
  .hh-live .hh-mobile-option { display: grid; place-items: center; }
  .hh-live .hh-desktop-option, .hh-live .hh-post-menu { display: none !important; }
  .hh-live .hh-more { flex: 0 0 auto; min-width: 36px; min-height: 36px; }
  .hh-action-dialog, .hh-action-dialog[data-view=menu] {
    top: auto !important; left: 12px !important; right: 12px; bottom: calc(12px + var(--hh-action-bottom, 0px));
    width: auto; margin: 0; padding: 13px 19px max(18px, env(safe-area-inset-bottom));
    max-height: calc(var(--hh-action-height, 100dvh) - 28px); border-radius: 29px;
  }
  .hh-action-dialog::backdrop { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
  .hh-action-handle { display: block; height: 4px; width: 39px; margin: 0 auto 24px; border-radius: 999px; background: #a6b4b291; box-shadow: inset 0 1px 0 #f4fff43b; }
  .hh-action-dialog[data-view=menu] h2 { margin: 0 0 20px; font-size: 23px; text-align: center; }
  .hh-action-list { padding: 0 11px; border: 1px solid var(--action-border); border-radius: 21px; background: var(--action-soft); box-shadow: inset 0 1px 0 #eaf5e405; }
  .hh-action-dialog .hh-action-row { gap: 21px; min-height: 59px; padding: 15px 9px; border-radius: 0; font-size: 16px; }
  .hh-action-row + .hh-action-row { border-top: 1px solid var(--action-border); }
  .hh-action-dialog .hh-action-secondary, .hh-action-dialog .hh-action-primary, .hh-action-dialog .hh-action-destructive { min-height: 52px; font-size: 16px; }
  .hh-action-dialog[data-view=menu] .hh-action-dismiss { display: flex; margin-top: 15px; }
  .hh-action-dialog[data-view=delete], .hh-action-dialog[data-view=block] { padding-inline: 23px; }
  .hh-action-dialog h2 { font-size: 27px; }
  .hh-action-description { font-size: 15px; line-height: 1.55; margin-bottom: 23px; }
  .hh-action-emblem { width: 60px; height: 60px; margin-bottom: 15px; }
  .hh-action-dialog .hh-action-back { top: 34px; left: 15px; }
  .hh-action-dialog[data-view=report] h2 { font-size: 24px; padding-inline: 22px; }
  .hh-live .hh-reply > .hh-more { min-height: 36px; min-width: 36px; }
  .hh-live .hh-call-label { font-size: 9px; white-space: nowrap; }
  .hh-inline-action > form[data-edit-post] { padding: 13px; border: 1px solid var(--hh-border); border-radius: 17px; background: var(--hh-panel); }
  .hh-inline-action > form[data-edit-post] label { font-size: 13px; font-weight: 500; }
  .hh-inline-action > form[data-edit-post] textarea { font-weight: 400; margin-top: 2px; }
}
/* Menus stay beside their trigger, including on narrow touch screens. */
.hh-action-dialog[data-view=menu] {
  --action-text: #18332b;
  --action-muted: #637269;
  --action-border: #34523b12;
  --action-hover: #30533a09;
  --action-danger: #ae4840;
  inset: auto !important;
  top: var(--hh-action-top, 12px) !important;
  left: var(--hh-action-left, 12px) !important;
  width: min(272px, calc(var(--hh-action-width, 100vw) - 24px));
  max-height: calc(var(--hh-action-height, 100dvh) - 24px);
  margin: 0;
  padding: 7px;
  border: 1px solid #ffffff18;
  border-radius: 18px;
  background: linear-gradient(125deg, #f3f6eceb, #e8efe5ed 55%, #e4ece3f2);
  box-shadow: inset 0 1px 0 #ffffff2e, 0 8px 30px #10251a20;
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
  backdrop-filter: blur(22px) saturate(1.12);
  text-align: left;
}
html[data-theme=dark] .hh-action-dialog[data-view=menu] {
  --action-text: #e8eee7;
  --action-muted: #a3b2a6;
  --action-border: #d4ead412;
  --action-hover: #d4e7d309;
  --action-danger: #e49b91;
  border-color: #e0f1dc12;
  background: linear-gradient(125deg, #19332bdb, #081716ef 55%, #081514f7);
  box-shadow: inset 0 1px 0 #e9f5e515, 0 8px 30px #00000038;
}
.hh-action-dialog[data-view=menu] h2 {
  margin: 0;
  padding: 12px 44px 12px 13px;
  color: var(--action-muted);
  font: 400 12px/1.4 Inter, Arial, sans-serif;
  font-variation-settings: "wght" 400;
  letter-spacing: .01em;
  text-align: left;
}
.hh-action-dialog[data-view=menu] .hh-action-close {
  position: absolute;
  top: 4px;
  right: 4px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: var(--action-muted);
  background: transparent;
  border-radius: 12px;
}
.hh-action-dialog[data-view=menu] .hh-action-close svg { width: 16px; height: 16px; stroke-width: 1.7; }
.hh-action-dialog[data-view=menu] .hh-action-list {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.hh-action-dialog[data-view=menu] .hh-action-row {
  gap: 12px;
  min-height: 46px;
  padding: 10px 13px;
  border: 0;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.4;
  transition: background-color 120ms ease, color 120ms ease;
}
.hh-action-dialog[data-view=menu] .hh-action-row svg { width: 20px; height: 20px; stroke-width: 1.65; }
.hh-action-dialog[data-view=menu] .hh-action-row:not(.is-danger) + .is-danger {
  margin-top: 5px;
  border-top: 1px solid var(--action-border);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hh-action-dialog[data-view=menu] .hh-action-handle,
.hh-action-dialog[data-view=menu] .hh-action-dismiss { display: none; }
.hh-action-dialog[data-view=menu] button:focus-visible {
  outline-width: 1px;
  outline-offset: -3px;
  background: var(--action-hover);
}
.hh-action-dialog[data-view=menu]::backdrop,
html[data-theme=dark] .hh-action-dialog[data-view=menu]::backdrop {
  background: #07120c0a;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (hover:hover) {
  .hh-action-dialog[data-view=menu] .hh-action-close:hover { background: var(--action-hover); }
}
@media (prefers-reduced-motion:reduce) { .hh-action-dialog[open] { animation: none; } }
@media (prefers-reduced-transparency:reduce) {
  .hh-action-dialog { background: #f4f8f0; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-theme=dark] .hh-action-dialog { background: #102019; }
  .hh-action-dialog::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .hh-action-dialog[data-view=menu] { background: #edf2e9; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-theme=dark] .hh-action-dialog[data-view=menu] { background: #0b1b17; }
}
@media (prefers-reduced-motion:reduce) { .hh-action-dialog[data-view=menu] .hh-action-row { transition: none; } }
@media (forced-colors:active) {
  .hh-action-dialog[data-view=menu], html[data-theme=dark] .hh-action-dialog[data-view=menu] {
    color: CanvasText;
    border-color: ButtonBorder;
    background: Canvas;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --action-text: CanvasText;
    --action-muted: CanvasText;
    --action-border: ButtonBorder;
    --action-hover: Canvas;
    --action-danger: LinkText;
    --action-focus: Highlight;
  }
}
@keyframes hh-actions-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }