/* Canopy Portal: decorative Grove canopy, personal writing surface, actual token media. */
.hh-live { --cp-paper:#f7f4eb;--cp-ink:#142e26;--cp-muted:#64766b;--cp-line:#21473925;--cp-soft:#e9ede2;--cp-gold:#ceb276;--cp-up:#397846;--cp-down:#c4444b;--cp-cover:url('/assets/grove-canopy/canopy-light.webp'); }
html[data-theme="dark"] .hh-live { --cp-paper:#0c241d;--cp-ink:#f3f2e7;--cp-muted:#adc0b2;--cp-line:#b8d0ba26;--cp-soft:#17382c;--cp-gold:#d5b873;--cp-up:#a4d581;--cp-down:#ff777b;--cp-cover:url('/assets/grove-canopy/canopy-dark.webp'); }
.hh-live form#hh-compose-form.grove-composer { padding:0 20px 17px;background:var(--cp-paper);color:var(--cp-ink);border:1px solid var(--cp-line);border-radius:18px;box-shadow:0 10px 32px #0619100a;overflow:hidden; }
.hh-canopy-header { height:88px;margin:0 -20px 0;background:linear-gradient(90deg,#08201924,#08201900 55%,#061b1660),var(--cp-cover) center 54%/cover;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;color:#f7f3e6;position:relative;isolation:isolate; }
.hh-canopy-header::after { content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081d1938,transparent 60%);z-index:-1; }
.hh-canopy-header span { font-family:"Cal Sans",Arial,sans-serif;font-size:17px;letter-spacing:.01em;text-shadow:0 1px 8px #00160a; }
.hh-canopy-header svg { width:26px;height:26px;fill:none;stroke:var(--cp-gold);stroke-width:1.4; }
.hh-live #hh-compose-form .composer-input { position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;margin-top:-19px; }
.hh-live #hh-compose-form .composer-input>a { position:relative;z-index:1;margin:0; }
.hh-live #hh-compose-form .composer-input .hh-avatar { width:46px;height:46px;min-width:46px;border:3px solid var(--cp-paper);border-radius:13px;box-shadow:0 3px 12px #01130b20; }
.hh-live #hh-compose-form .composer-input textarea { min-height:106px;margin:25px 0 0;padding:8px 0 10px;background:transparent;color:var(--cp-ink);font-size:15px;line-height:1.6;border:0;resize:vertical; }
.hh-live #hh-compose-form textarea::placeholder { color:var(--cp-muted);opacity:1; }
.hh-live #hh-compose-form.is-photo-dragging { outline:2px solid var(--cp-gold);outline-offset:-3px;background:var(--cp-soft); }
.hh-live #hh-compose-form .hh-photo-paste-hint { margin:4px 0 0;font-size:11px;color:var(--cp-muted); }
.hh-live #hh-compose-form .composer-actions { border-color:var(--cp-line); }
.hh-live #hh-compose-form .hh-compose-tools>button { color:var(--cp-muted);padding-inline:6px; }
.hh-live #hh-compose-form .hh-alpha-switch { border-color:var(--cp-line);background:transparent; }
.hh-live #hh-compose-form .hh-compose-desktop-publish,.hh-live .hh-grove-composer-clean .hh-compose-publish { background:linear-gradient(120deg,#e0c88e,var(--cp-gold));color:#102b22;border:0;border-radius:12px 4px 12px 12px;min-width:100px;box-shadow:0 3px 12px #0a170812; }
.hh-live .hh-format-toolbar { display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin:3px 0 14px;padding:4px 0 5px;border-bottom:1px solid var(--cp-line);color:var(--cp-muted); }
.hh-format-main,.hh-format-extra { display:flex;align-items:center;gap:2px;flex-wrap:wrap; }
.hh-format-extra { flex-basis:100%;padding-top:4px; }
.hh-format-extra[hidden],.hh-live [data-writing-preview][hidden],.hh-live textarea[hidden] { display:none!important; }
.hh-live .hh-format-toolbar button { display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:5px 8px;font-size:12px;border:0;border-radius:7px;background:transparent;color:inherit;line-height:1.2; }
.hh-live .hh-format-toolbar button:hover,.hh-live .hh-format-toolbar button[aria-pressed="true"],.hh-live .hh-format-toolbar button[aria-expanded="true"] { color:var(--cp-ink);background:var(--cp-soft); }
.hh-format-bold { font-weight:800; }.hh-format-italic { font-family:Georgia,serif;font-style:italic;font-weight:600; }.hh-format-underline { text-decoration:underline; }.hh-format-strike { text-decoration:line-through; }.hh-md-code-language { display:block;margin-bottom:8px;font-size:10px;opacity:.7; }
.hh-live .hh-format-preview { font-size:11px;letter-spacing:.01em; }
.hh-live .hh-writing-preview { padding:13px 0 15px;min-height:82px; }
.hh-live .hh-market-editor { margin-top:7px; }
.hh-market-inputs { display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:10px;align-items:end; }
.hh-market-inputs label { display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--cp-ink);font-size:11px;line-height:1.4; }
.hh-market-inputs label>span { color:var(--cp-muted);font-size:10px;display:inline; }
.hh-live .hh-market-inputs input,.hh-live .hh-market-inputs select { width:100%;min-width:0;min-height:43px;padding:10px 11px;font:inherit;font-size:12px;border:1px solid var(--cp-line);border-radius:9px;background:var(--cp-soft);color:var(--cp-ink);outline-offset:2px; }
.hh-market-inputs select option { background:var(--cp-paper);color:var(--cp-ink); }
.hh-market-inputs input::placeholder { color:var(--cp-muted);opacity:1; }
.hh-market-inputs>button { width:34px;min-height:43px;border:1px solid var(--cp-line);border-radius:9px;color:var(--cp-muted);font-size:21px; }
.hh-market-inputs>button[hidden] { display:none; }.hh-market-inputs:not(:has(>button:not([hidden]))) { grid-template-columns:145px minmax(0,1fr); }
.hh-live .hh-market-status { margin:9px 0 12px;font-size:11px;color:var(--cp-muted);line-height:1.5; }.hh-live .hh-market-status.is-error { color:var(--cp-down); }
.hh-market-preview-label { display:flex;align-items:center;justify-content:space-between;padding:0 0 7px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--cp-muted); }
.hh-market-preview-label button { min-height:30px;padding:3px 5px;text-transform:none;letter-spacing:normal;font-size:11px; }
.hh-live .hh-market-card { position:relative;margin:16px 0 0;padding:17px 18px 12px;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-paper);color:var(--cp-ink);min-width:0;overflow:hidden;box-shadow:0 4px 16px #03181006; }
html[data-theme="dark"] .hh-market-card { background:#082019; }.hh-live .hh-market-card.is-compact { margin:0 0 14px;padding:13px 14px 10px;background:var(--cp-soft); }
.hh-market-head { display:flex;align-items:center;gap:12px;min-width:0; }.hh-market-icon { display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--cp-soft);color:var(--cp-muted);font-size:12px; }.hh-market-icon img { width:100%;height:100%;object-fit:cover; }.hh-market-identity { display:flex;flex:1;min-width:0;flex-direction:column;gap:3px; }.hh-market-identity strong { font-family:"Cal Sans",Arial,sans-serif;font-size:18px;line-height:1.2;overflow-wrap:anywhere; }.hh-market-identity small { font-size:11px;color:var(--cp-muted);overflow-wrap:anywhere; }.hh-market-price { display:flex;align-items:flex-end;flex-direction:column;gap:3px;flex-shrink:0; }.hh-market-price>strong { font-family:"Cal Sans",Arial,sans-serif;font-size:20px;letter-spacing:-.02em;line-height:1.25; }.hh-market-change { font-size:12px;line-height:1.4; }.hh-market-change small { font-size:10px;margin-left:4px;color:var(--cp-muted); }.hh-market-change.is-negative { color:var(--cp-down); }.hh-market-change.is-positive { color:var(--cp-up); }
.hh-market-chart-tools { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 7px;font-size:10px;color:var(--cp-muted); }.hh-market-chart-tools>div { display:flex;gap:3px;flex-shrink:0; }.hh-market-pair { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.hh-market-chart-tools button { min-width:37px;min-height:30px;padding:4px 7px;border:1px solid transparent;border-radius:7px;color:var(--cp-muted);font-size:10px; }.hh-market-chart-tools button[aria-pressed="true"] { border-color:var(--cp-line);background:var(--cp-soft);color:var(--cp-ink); }
.hh-market-plot { position:relative;min-height:137px;touch-action:pan-y; }.hh-market-plot>svg { display:block;width:100%;height:130px;overflow:visible;color:var(--cp-up); }.hh-market-plot.is-negative>svg { color:var(--cp-down); }.hh-market-line { stroke:currentColor;stroke-width:2;fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round; }.hh-market-area { fill:currentColor;opacity:.06; }.hh-market-crosshair { stroke:currentColor;stroke-width:1;stroke-dasharray:3 4;opacity:0;vector-effect:non-scaling-stroke; }.hh-market-dot { fill:currentColor;opacity:0; }.hh-market-plot.is-inspecting :is(.hh-market-crosshair,.hh-market-dot) { opacity:.85; }.hh-market-tooltip { position:absolute;top:8px;transform:translateX(-50%);padding:7px 9px;border:1px solid var(--cp-line);border-radius:7px;background:var(--cp-paper);box-shadow:0 4px 14px #0000001c;color:var(--cp-ink);font-size:10px;max-width:90%;white-space:nowrap;pointer-events:none;z-index:1; }.hh-market-tooltip[hidden] { display:none; }.hh-market-chart-axis { display:flex;justify-content:space-between;gap:7px;font-size:9px;color:var(--cp-muted);margin:4px 0 9px; }.hh-market-chart-status { display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;min-height:130px;font-size:11px;color:var(--cp-muted);text-align:center;line-height:1.5; }.hh-market-chart-status button { padding:6px 10px;border:1px solid var(--cp-line);border-radius:7px;min-height:32px; }
.hh-market-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 12px;padding-top:11px;border-top:1px solid var(--cp-line); }.hh-market-metrics div { min-width:0; }.hh-market-metrics dt { font-size:10px;color:var(--cp-muted);margin-bottom:3px; }.hh-market-metrics dd { margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere; }.hh-market-footer { display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 0 0;border-top:1px solid var(--cp-line);font-size:9px;color:var(--cp-muted); }.hh-market-footer>span:first-child { display:flex;flex-direction:column;gap:2px; }.hh-market-footer small { font-size:8px; }.hh-market-actions { display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end; }.hh-market-actions :is(button,a) { display:inline-flex;align-items:center;gap:5px;min-height:34px;font-size:10px;color:var(--cp-ink);text-decoration:none; }.hh-market-actions svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5; }.hh-market-actions a:hover { text-decoration:underline; }
.hh-market-card.is-compact .hh-market-identity strong { font-size:16px; }.hh-market-card.is-compact .hh-market-price>strong { font-size:18px; }.hh-market-card.is-compact .hh-market-plot>svg { height:89px; }.hh-market-card.is-compact .hh-market-plot { min-height:104px; }.hh-market-card.is-compact .hh-market-chart-status { min-height:90px; }
.hh-live .hh-md { white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.7;min-width:0;color:inherit; }.hh-live .hh-md :is(p,h1,h2,h3,ul,ol,blockquote,pre) { margin:0 0 12px; }.hh-live .hh-md>:last-child { margin-bottom:0; }.hh-live .hh-md :is(h1,h2,h3) { font-family:"Cal Sans",Arial,sans-serif;letter-spacing:-.02em;line-height:1.2;color:inherit;font-weight:600; }.hh-live .hh-md h1 { font-size:29px; }.hh-live .hh-md h2 { font-size:23px; }.hh-live .hh-md h3 { font-size:18px; }.hh-live .hh-md strong { font-weight:750; }.hh-live .hh-md a { color:var(--cp-up);text-decoration:underline;text-underline-offset:3px; }.hh-live .hh-md :is(ul,ol) { padding-left:24px; }.hh-live .hh-md li { margin:4px 0; }.hh-live .hh-md blockquote { padding:4px 0 4px 13px;border-left:3px solid var(--cp-gold);color:var(--cp-muted); }.hh-live .hh-md code { font:12px/1.6 ui-monospace,Consolas,monospace;background:var(--cp-soft);padding:2px 5px;border-radius:4px; }.hh-live .hh-md pre { overflow:auto;white-space:pre;max-width:100%;padding:13px;background:var(--cp-soft);border:1px solid var(--cp-line);border-radius:9px; }.hh-live .hh-md pre code { padding:0;border-radius:0;white-space:pre; }.hh-md-language { display:block;margin-bottom:8px;font-size:10px;opacity:.7; }.hh-live .hh-md-spoiler { display:inline;border-radius:4px;background:var(--cp-ink);color:var(--cp-paper);padding:0 4px;font:inherit;min-height:0;border:0;vertical-align:baseline; }.hh-live .hh-md-spoiler:not(.is-revealed) .hh-md-spoiler-content { opacity:0; }.hh-live .hh-md-spoiler.is-revealed { background:var(--cp-soft);color:var(--cp-ink); }.hh-live .hh-post-body:has(.hh-md) { white-space:normal; }.hh-live .hh-reply-body { padding-top:6px; }
.hh-live .hh-format-toolbar button:focus-visible,.hh-live .hh-market-card :is(button,a):focus-visible,.hh-live .hh-market-editor :is(input,select,button):focus-visible,.hh-live .hh-md-spoiler:focus-visible,.hh-live .hh-market-plot:focus-visible { outline:2px solid var(--cp-gold);outline-offset:3px; }
@media(max-width:767px) {
  .hh-live form#hh-compose-form.grove-composer { padding:0 15px 16px;border-radius:14px; }
  .hh-canopy-header { height:74px;margin-inline:-15px;padding:13px 15px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form { display:block;overflow:auto;flex:1;min-height:0;padding:0 15px 16px;background:var(--cp-paper);border:0;border-radius:0; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean .composer-input { flex:none;min-height:0;display:grid;grid-template-columns:42px minmax(0,1fr);margin-top:-19px;gap:11px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean .composer-input .hh-avatar { width:42px;height:42px;min-width:42px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean .composer-input textarea { width:100%;min-width:0;min-height:90px;margin-top:24px;font-size:16px;line-height:1.6; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean .hh-compose-topbar .hh-compose-publish { background:linear-gradient(120deg,#e0c88e,var(--cp-gold));color:#102b22;border:0;border-radius:12px 4px 12px 12px;box-shadow:0 3px 12px #0a170812; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean .hh-compose-topbar .hh-compose-publish:disabled { opacity:.45;cursor:default; }
  .hh-live .hh-market-inputs,.hh-live .hh-market-inputs:not(:has(>button:not([hidden]))) { grid-template-columns:minmax(0,1fr) auto; }
  .hh-market-inputs label:first-child { grid-column:1/-1; }
  .hh-live .hh-market-inputs :is(input,select) { font-size:16px;min-height:44px; }
  .hh-live .hh-market-inputs label:nth-child(2) { grid-column:1; }.hh-market-inputs>button { grid-column:2;grid-row:2;min-width:34px; }
  .hh-live .hh-format-toolbar button { min-height:40px;min-width:33px;padding-inline:7px; }
  .hh-live .hh-market-card { padding:14px 12px 10px; }.hh-market-head { gap:9px; }.hh-market-icon { width:36px;height:36px; }.hh-market-identity strong { font-size:17px; }.hh-market-identity small { font-size:10px; }.hh-market-price>strong { font-size:18px; }.hh-market-change { font-size:11px; }
  .hh-market-footer { flex-wrap:wrap;row-gap:3px; }.hh-market-actions { gap:12px; }.hh-market-actions :is(button,a) { min-height:40px; }.hh-market-chart-tools button { min-width:41px;min-height:40px; }.hh-market-chart-axis { font-size:8px; }.hh-market-metrics { gap:7px; }.hh-market-metrics dd { font-size:13px; }
  .hh-live .hh-grove-composer-clean .hh-compose-tools { grid-template-columns:repeat(5,minmax(0,1fr)); }.hh-live .hh-grove-composer-clean .composer-actions { position:static;background:transparent;box-shadow:none; }
  .hh-live .hh-md h1 { font-size:25px; }.hh-live .hh-md h2 { font-size:21px; }.hh-live .hh-md h3 { font-size:18px; }
}
@media(max-width:350px) { .hh-market-head { flex-wrap:wrap; }.hh-market-price { align-items:flex-start;padding-left:45px;flex-basis:100%; }.hh-market-footer>span { flex-basis:100%; }.hh-market-actions { justify-content:flex-start; }.hh-market-inputs label { font-size:10px; }.hh-format-toolbar .hh-format-preview { margin-left:auto; } }
@media(prefers-reduced-motion:reduce) { .hh-market-card,.hh-canopy-header,.hh-market-plot { transition:none!important;animation:none!important; } }

/* Leaf Reveal: an identity-and-price bookmark; market detail is disclosed on demand. */
.hh-live .hh-market-card.hh-market-leaf-reveal { padding:0;border-radius:11px;background:var(--cp-paper);box-shadow:0 3px 12px #03181009;container-type:inline-size; }
html[data-theme="dark"] .hh-live .hh-market-card.hh-market-leaf-reveal { background:#0b231c; }
.hh-live .hh-market-card.hh-market-leaf-reveal.is-compact { padding:0;margin:0 0 14px; }
.hh-market-leaf-reveal .hh-market-head { display:block; }
.hh-live .hh-market-leaf-reveal .hh-market-summary { position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:54px;margin:0;padding:11px 48px 11px 12px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer;line-height:1.2; }
.hh-live .hh-market-leaf-reveal .hh-market-summary:hover { background:color-mix(in srgb,var(--cp-soft) 40%,transparent); }
.hh-live .hh-market-leaf-reveal .hh-market-summary:focus-visible { outline-offset:-3px; }
.hh-market-leaf-reveal.hh-market-card .hh-market-icon { width:32px;height:32px;font-size:10px; }
.hh-market-leaf-reveal.hh-market-card .hh-market-identity { display:block;min-width:0; }
.hh-market-leaf-reveal.hh-market-card .hh-market-identity strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.2; }
.hh-market-leaf-reveal.hh-market-card .hh-market-price { flex-direction:row;align-items:center;gap:9px;padding:0;min-width:0; }
.hh-market-leaf-reveal.hh-market-card .hh-market-price>strong { font-size:15px;line-height:1.2;white-space:nowrap; }
.hh-market-leaf-reveal.hh-market-card .hh-market-change { font-size:11px;line-height:1.2;white-space:nowrap; }
.hh-market-leaf-reveal .hh-market-change small { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.hh-market-leaf-reveal .hh-market-reveal { position:absolute;top:0;right:0;display:grid;place-items:center;width:36px;height:36px;border-radius:0 0 0 14px;background:linear-gradient(135deg,#b5a569,#848047);color:#fff8e8; }
.hh-market-leaf-reveal .hh-market-reveal svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease; }
.hh-market-leaf-reveal.is-expanded .hh-market-reveal svg { transform:rotate(180deg); }
.hh-market-leaf-reveal .hh-market-details { padding:6px 12px 4px;border-top:1px solid var(--cp-line); }
.hh-market-leaf-reveal .hh-market-details[hidden] { display:none!important; }
.hh-market-leaf-reveal .hh-market-chart-tools { gap:8px;margin:0 0 4px;min-height:32px;font-size:11px; }
.hh-market-leaf-reveal .hh-market-chart-tools button { min-width:35px;min-height:30px;padding:4px 6px;font-size:10px; }
.hh-market-leaf-reveal.hh-market-card .hh-market-plot { min-height:44px; }
.hh-market-leaf-reveal.hh-market-card .hh-market-plot>svg { height:44px; }
.hh-market-leaf-reveal .hh-market-chart-axis { display:none; }
.hh-market-leaf-reveal.hh-market-card .hh-market-chart-status { min-height:44px;gap:3px;font-size:10px; }
.hh-market-leaf-reveal .hh-market-chart-status button { min-height:26px;padding:3px 8px; }
.hh-market-leaf-reveal .hh-market-tooltip { top:0;padding:4px 6px;font-size:9px; }
.hh-market-leaf-reveal .hh-market-metrics { gap:0;margin:7px 0 0;padding:7px 0 5px; }
.hh-market-leaf-reveal .hh-market-metrics div+div { padding-left:12px;border-left:1px solid var(--cp-line); }
.hh-market-leaf-reveal .hh-market-metrics dt { margin:0 0 2px;font-size:9px;line-height:1.2; }
.hh-market-leaf-reveal .hh-market-metrics dd { font-family:"Cal Sans",Arial,sans-serif;font-size:14px;line-height:1.2; }
.hh-market-leaf-reveal .hh-market-footer { flex-wrap:nowrap;gap:7px;padding:0;border:0;min-height:29px;font-size:8px; }
.hh-market-leaf-reveal .hh-market-footer>span:first-child { flex-basis:auto;gap:1px;min-width:0;line-height:1.2; }
.hh-market-leaf-reveal .hh-market-footer small { font-size:9px; }
.hh-market-leaf-reveal .hh-market-actions { gap:9px;flex-wrap:nowrap;flex-basis:auto; }
.hh-market-leaf-reveal .hh-market-actions :is(button,a) { min-height:29px;padding:0;font-size:10px;white-space:nowrap; }
.hh-market-leaf-reveal .hh-market-actions svg { width:12px;height:12px; }
@container (max-width:480px) {
  .hh-live .hh-market-leaf-reveal .hh-market-summary { grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;min-height:62px;padding:12px 48px 12px 12px; }
  .hh-market-leaf-reveal .hh-market-icon { grid-column:1;grid-row:1/3; }
  .hh-market-leaf-reveal .hh-market-identity { grid-column:2;grid-row:1; }
  .hh-market-leaf-reveal.hh-market-card .hh-market-identity strong { font-size:15px; }
  .hh-market-leaf-reveal.hh-market-card .hh-market-price { grid-column:2;grid-row:2;align-items:center;justify-content:flex-start;gap:8px;flex-basis:auto; }
  .hh-market-leaf-reveal.hh-market-card .hh-market-price>strong { font-size:14px; }
  .hh-market-leaf-reveal .hh-market-reveal { width:36px;height:36px; }
  .hh-market-leaf-reveal .hh-market-chart-tools { min-height:36px; }
  .hh-market-leaf-reveal .hh-market-chart-tools button { min-width:38px;min-height:36px; }
  .hh-market-leaf-reveal.hh-market-card .hh-market-plot,.hh-market-leaf-reveal.hh-market-card .hh-market-chart-status { min-height:50px; }
  .hh-market-leaf-reveal.hh-market-card .hh-market-plot>svg { height:50px; }
  .hh-market-leaf-reveal .hh-market-metrics { padding-top:8px; }
  .hh-market-leaf-reveal .hh-market-metrics div+div { padding-left:8px; }
  .hh-market-leaf-reveal .hh-market-footer { min-height:32px; }
  .hh-market-leaf-reveal .hh-market-actions { gap:7px; }
  .hh-market-leaf-reveal .hh-market-actions :is(button,a) { min-height:32px;font-size:10px;gap:4px; }
  .hh-market-leaf-reveal .hh-market-footer small { font-size:9px; }
}
@container (max-width:360px) {
  .hh-market-leaf-reveal .hh-market-footer { display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding-top:3px; }
  .hh-market-leaf-reveal .hh-market-footer>span:first-child { flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px; }
  .hh-market-leaf-reveal .hh-market-actions { justify-content:flex-end; }
}
@media(prefers-reduced-motion:reduce) { .hh-market-leaf-reveal .hh-market-reveal svg { transition:none; } }

/* Glass Canopy: the forest sits behind one legible, lightly refractive writing surface. */
.hh-live {
  --cp-glass:#eef3e69c;--cp-glass-control:#f7f9ee47;--cp-glass-control-hover:#fffff37d;
  --cp-glass-rim:#ffffffad;--cp-glass-line:#23493638;--cp-glass-shadow:#0923191a;
  --cp-glass-caustic:#ffffffb5;--cp-glass-deep:#fffef280;
}
html[data-theme="dark"] .hh-live {
  --cp-glass:#082319a3;--cp-glass-control:#badaca16;--cp-glass-control-hover:#c8e5d22b;
  --cp-glass-rim:#d3ead86b;--cp-glass-line:#d3ead832;--cp-glass-shadow:#000e1966;
  --cp-glass-caustic:#e8f5d775;--cp-glass-deep:#061c1599;
}
.hh-live form#hh-compose-form.hh-canopy-composer {
  position:relative;isolation:isolate;padding:0 24px 20px;overflow:visible;
  background:var(--cp-cover) center -340px/100% 900px no-repeat,var(--cp-paper);color:var(--cp-ink);
  border:1px solid var(--cp-glass-rim);border-radius:23px;
  box-shadow:0 16px 40px var(--cp-glass-shadow),inset 0 1px 1px var(--cp-glass-caustic),inset 0 -1px 2px var(--cp-glass-rim);
}
.hh-canopy-composer::before {
  content:"";position:absolute;inset:105px 0 0;z-index:-1;pointer-events:none;
  border-radius:21px;background:var(--cp-glass);
  -webkit-backdrop-filter:blur(7px) saturate(135%);backdrop-filter:blur(7px) saturate(135%);
  box-shadow:inset 0 1px 0 var(--cp-glass-rim),inset 1px 0 1px #eef6d72b;
}
.hh-canopy-composer::after {
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:linear-gradient(125deg,var(--cp-glass-caustic),transparent 20%,transparent 79%,var(--cp-glass-caustic));
  padding:1px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
}
.hh-canopy-composer>.hh-canopy-header {
  height:105px;margin-inline:-24px;padding:22px 26px;border-radius:22px 22px 0 0;
  background:linear-gradient(0deg,#061c1533,transparent 70%),var(--cp-cover) center 54%/cover;overflow:hidden;
}
.hh-canopy-composer>.hh-canopy-header span { font-size:25px;letter-spacing:-.025em; }
.hh-canopy-composer>.hh-canopy-header svg { width:25px;height:25px; }
.hh-live #hh-compose-form.hh-canopy-composer .composer-input { margin-top:-25px;grid-template-columns:52px minmax(0,1fr);gap:16px; }
.hh-live #hh-compose-form.hh-canopy-composer .composer-input .hh-avatar { width:52px;height:52px;min-width:52px;border:2px solid #f2eaca;border-radius:16px;box-shadow:0 3px 12px #001b1650; }
.hh-live #hh-compose-form.hh-canopy-composer .composer-input textarea { width:100%;min-width:0;min-height:108px;margin-top:33px;padding-top:11px;font-size:18px;font-weight:400;line-height:1.6; }
.hh-live #hh-compose-form.hh-canopy-composer .composer-input textarea:focus { background:transparent;box-shadow:none;outline:none;border-radius:12px; }
.hh-live #hh-compose-form.hh-canopy-composer .composer-input textarea:focus-visible { outline:none;outline-offset:0; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-format-toolbar { margin:4px 0 0;padding:8px 0 12px;gap:8px;border-bottom:1px solid var(--cp-glass-line); }
.hh-canopy-composer .hh-format-main {
  gap:3px;padding:4px 8px;border:1px solid var(--cp-glass-line);border-radius:18px;
  background:linear-gradient(145deg,var(--cp-glass-control),transparent 85%),var(--cp-glass-control);
  box-shadow:inset 0 1px 0 var(--cp-glass-rim),0 3px 12px #051e120f;
  -webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);
}
.hh-live .hh-canopy-composer .hh-format-toolbar button { min-height:30px;min-width:32px;padding:5px 7px;border-radius:10px;font-size:13px;color:var(--cp-ink); }
.hh-canopy-composer .hh-format-main svg { display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.hh-live .hh-canopy-composer .hh-format-toolbar .hh-format-preview { min-width:auto;padding:6px 8px;font-size:12px; }
.hh-live .hh-canopy-composer .hh-format-toolbar button:hover,.hh-live .hh-canopy-composer .hh-format-toolbar button[aria-pressed="true"],.hh-live .hh-canopy-composer .hh-format-toolbar button[aria-expanded="true"] { background:var(--cp-glass-control-hover); }
.hh-live .hh-canopy-composer .hh-format-extra { gap:4px;padding-top:7px; }
.hh-live .hh-canopy-composer .hh-format-extra button { border:1px solid var(--cp-glass-line);background:var(--cp-glass-control); }
.hh-live .hh-market-editor[hidden],.hh-live .hh-network-options[hidden],.hh-live #hh-market-network[hidden] { display:none!important; }
.hh-live .hh-canopy-composer .hh-market-editor { display:flow-root;margin:11px 0 0;position:relative;z-index:3; }
.hh-live #hh-market-editor .hh-market-inputs { display:grid;grid-template-columns:195px 1px minmax(0,1fr);gap:8px;align-items:end; }
.hh-network-field { position:relative;min-width:0;display:flex;flex-direction:column;gap:6px; }
.hh-live .hh-network-label { color:var(--cp-ink);font-size:12px;line-height:1.4; }
.hh-live .hh-network-toggle,.hh-live .hh-contract-field input {
  min-width:0;width:100%;min-height:49px;border:1px solid var(--cp-glass-line);border-radius:16px;
  background:linear-gradient(125deg,var(--cp-glass-control),transparent 75%),var(--cp-glass-control);
  box-shadow:inset 0 1px 1px var(--cp-glass-rim),inset 0 -1px 1px #011d1212,0 3px 10px #00170e0c;
  -webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);
  color:var(--cp-ink);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.hh-live .hh-network-toggle { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;text-align:left;font-size:14px;font-weight:400;cursor:pointer; }
.hh-network-value { display:flex;align-items:center;gap:10px;min-width:0; }
.hh-network-value>span { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hh-network-logo { display:block;flex:none;width:28px;height:28px;object-fit:contain; }
.hh-network-logo[src$="monad.png"] { border-radius:50%; }
.hh-network-chevron,.hh-network-check { display:block;flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
.hh-network-chevron { transition:transform .18s ease; }.hh-network-toggle[aria-expanded="true"] .hh-network-chevron { transform:rotate(180deg); }
.hh-live .hh-network-toggle:hover,.hh-live .hh-network-toggle[aria-expanded="true"],.hh-live .hh-contract-field input:hover { background-color:var(--cp-glass-control-hover);border-color:var(--cp-glass-rim); }
.hh-contract-divider { width:1px;height:49px;background:var(--cp-glass-line); }
.hh-contract-field { position:relative;min-width:0; }
.hh-live .hh-contract-field input { padding:12px 14px;font-size:14px;font-weight:400;line-height:1.4;outline-offset:3px; }
.hh-live .hh-contract-field:has([data-market-clear]:not([hidden])) input { padding-right:44px; }
.hh-live .hh-contract-field [data-market-clear] { position:absolute;top:5px;right:5px;display:grid;place-items:center;width:38px;min-height:39px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--cp-muted);font-size:21px; }
.hh-live .hh-contract-field [data-market-clear][hidden] { display:none; }.hh-live .hh-contract-field [data-market-clear]:hover { background:var(--cp-glass-control-hover);color:var(--cp-ink); }
.hh-live .hh-canopy-composer .hh-market-status { margin:8px 0 10px;font-size:11px;line-height:1.5;color:var(--cp-ink);opacity:.82; }.hh-live .hh-canopy-composer .hh-market-status.is-error { color:var(--cp-down);opacity:1; }
.hh-live .hh-network-options {
  position:absolute;top:calc(100% + 5px);left:0;z-index:20;min-width:235px;width:100%;max-height:310px;overflow:auto;padding:5px;
  border:1px solid var(--cp-glass-rim);border-radius:14px;background:var(--cp-glass-deep);
  -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);
  box-shadow:inset 0 1px 1px var(--cp-glass-rim),0 15px 35px #001d195c;scrollbar-width:thin;scrollbar-color:var(--cp-glass-rim) transparent;
}
.hh-live .hh-network-options [data-network-option] { display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:6px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--cp-ink);font-size:13px;font-weight:400;text-align:left;white-space:nowrap; }
.hh-network-options .hh-network-logo { width:25px;height:25px; }.hh-network-options .hh-network-check { margin-left:auto;opacity:0; }
.hh-live .hh-network-options [data-network-option]:is(:hover,:focus-visible,[aria-selected="true"]) { background:var(--cp-glass-control-hover);border-color:var(--cp-glass-line); }
.hh-network-options [aria-selected="true"] .hh-network-check { opacity:1; }
.hh-live #hh-compose-form.hh-canopy-composer.is-network-open { z-index:5; }
.hh-live #hh-compose-form.hh-canopy-composer .composer-actions { padding-top:12px;margin-top:0;border-top:0;row-gap:6px;background:transparent; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-meta,.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools { background:transparent; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools { gap:9px; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button {
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--cp-glass-line);border-radius:13px;font-size:13px;font-weight:400;
  background:linear-gradient(145deg,var(--cp-glass-control),transparent 85%),var(--cp-glass-control);color:var(--cp-ink);
  box-shadow:inset 0 1px 0 var(--cp-glass-rim),0 3px 8px #041b0d12;
  -webkit-backdrop-filter:blur(15px) saturate(140%);backdrop-filter:blur(15px) saturate(140%);
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button svg { width:19px;height:19px; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button::before { content:"";position:absolute;inset:1px;pointer-events:none;border:1px solid #fbf4d515;border-radius:11px;opacity:.45;background:radial-gradient(80px 40px at var(--cp-glint-x,25%) var(--cp-glint-y,0%),#fff1c327,transparent 90%),linear-gradient(170deg,#fff8d71c,transparent 30%);transition:opacity .16s ease,border-color .16s ease; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button::after { content:"";position:absolute;right:9px;bottom:-1px;width:22px;height:3px;pointer-events:none;border-radius:50%;background:#ffe7a5;filter:blur(2px);opacity:0;transition:opacity .16s ease; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools .hh-glass-tooltip { position:absolute;bottom:calc(100% + 10px);left:50%;z-index:8;display:block;padding:7px 12px;border:1px solid var(--cp-glass-rim);border-radius:11px;background:var(--cp-glass-deep);-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);box-shadow:inset 0 1px 0 var(--cp-glass-rim),0 5px 15px #001e1929;color:var(--cp-ink);font-size:11px;font-weight:400;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,3px);transition:opacity .14s ease,transform .14s ease,visibility .14s; }
.hh-glass-tooltip::after { content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;background:var(--cp-glass-deep);border-right:1px solid var(--cp-glass-rim);border-bottom:1px solid var(--cp-glass-rim);transform:translateX(-50%) rotate(45deg); }
@media(min-width:768px) and (hover:hover) { .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button:not(:disabled):is(:hover,:focus-visible) .hh-glass-tooltip { opacity:1;visibility:visible;transform:translate(-50%,0); } }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button:not(:disabled):is(:hover,[aria-expanded="true"]) { background:var(--cp-glass-control-hover);border-color:var(--cp-glass-rim);box-shadow:inset 0 1px 1px var(--cp-glass-caustic),0 4px 12px #071b1321; }
@media(hover:hover) { .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button:not(:disabled):hover { transform:translateY(-1px); } }
@media(hover:hover) {
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button:not(:disabled):hover { border-color:#dccc95;box-shadow:inset 0 1px 1px #fff8d8ad,inset 0 -1px 2px #092d1838,0 0 14px #d5b76e24,0 5px 16px #001a1840;background:linear-gradient(140deg,#d7c47e18,transparent 68%),var(--cp-glass-control-hover); }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button:not(:disabled):hover::before { opacity:1;border-color:#fff9dc8c; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button:not(:disabled):hover::after { opacity:.75; }
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>[data-action="photo-alt"]:disabled { display:none; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-desktop-publish,.hh-live[data-live-page="social"] .hh-grove-composer-clean .hh-compose-topbar .hh-compose-publish {
  min-height:48px;min-width:128px;padding:10px 19px;border:1px solid #fff0bfc2;border-radius:16px;
  color:#172b20;background:linear-gradient(125deg,#e0cc8a,#c5a65c);box-shadow:inset 0 1px 1px #fff4ccd9,0 4px 15px #a6a26230;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-desktop-publish:not(:disabled):hover { background:linear-gradient(125deg,#efe0a6,#cfb36f);box-shadow:inset 0 1px 1px #fff8ded9,0 5px 18px #d3b56740; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-count { color:var(--cp-ink);font-size:11px; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-photo-paste-hint { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
/* AlphaCall is a compact publishing mode; the existing native switch keeps its permissions and draft. */
.hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch {
  container-type:inline-size;container-name:canopy-alpha;
  --cp-alpha-red:#c8304a;--cp-alpha-ink:#9e243a;--cp-alpha-glow:#e94059;
  --cp-alpha-fill:#c8304a24;--cp-alpha-rim:#bb334d99;
  --cp-alpha-thumb:linear-gradient(135deg,#fff9e7db,#edf0e09c 48%,#b6c6b8bd);
}
html[data-theme="dark"] .hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch {
  --cp-alpha-red:#ff6076;--cp-alpha-ink:#ffd4dc;--cp-alpha-glow:#ff435f;
  --cp-alpha-fill:#d9365140;--cp-alpha-rim:#ff8298ab;
  --cp-alpha-thumb:linear-gradient(135deg,#fbf7e3e6,#d9e7d2a3 48%,#96ad9aa8);
}
.hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .composer-actions {
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"count count" "tools publish" "attachment attachment";
  align-items:center;column-gap:12px;row-gap:6px;
}
.hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .hh-compose-meta { grid-area:count;justify-content:flex-end; }
.hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .hh-compose-tools { grid-area:tools;gap:5px; }
.hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .hh-compose-tools>button { padding-inline:6px;gap:5px;font-size:12px; }
.hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .hh-compose-tools>button svg { width:17px;height:17px; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-publish-group {
  grid-area:publish;display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-publish-group .hh-compose-desktop-publish { min-width:104px;padding-inline:15px;white-space:nowrap; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch[data-canopy-alpha] {
  position:relative;display:inline-flex;align-items:center;gap:9px;flex:none;width:auto;min-height:48px;
  margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--cp-ink);cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch-copy { order:0;flex:none;gap:0; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch-copy strong { font-size:12px;font-weight:500;white-space:nowrap;transition:color .2s ease; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch-copy small { display:none; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:focus-visible) { outline:none; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:focus-visible) .hh-alpha-switch-control { outline:2px solid var(--cp-alpha-red);outline-offset:4px; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked) .hh-alpha-switch-copy strong { color:var(--cp-alpha-ink); }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch-control {
  order:1;position:relative;isolation:isolate;display:block;box-sizing:border-box;flex:0 0 48px;width:48px;height:28px;
  border:1px solid var(--cp-glass-rim);border-radius:30px;
  background:linear-gradient(145deg,var(--cp-glass-control-hover),transparent 78%),var(--cp-glass-control);
  box-shadow:inset 0 1px 1px var(--cp-glass-caustic),inset 0 -1px 2px #09291f24,0 2px 5px #051c1814;
  -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch-control::after { content:none; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-glow {
  position:absolute;z-index:-1;inset:-10px;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse at center,var(--cp-alpha-glow) 0%,transparent 72%);filter:blur(5px);opacity:0;
  transition:opacity .22s ease;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-reflection { position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-reflection::before {
  content:"";position:absolute;inset:-18px -25px;
  background:linear-gradient(110deg,transparent 35%,#ffb4c714 44%,#fff1e6a8 49%,#ff8fa844 53%,transparent 63%);
  opacity:0;transform:translateX(-65px);
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-thumb {
  position:absolute;top:2px;left:2px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #fff9e6b3;border-radius:50%;
  background:var(--cp-alpha-thumb);box-shadow:inset 0 1px 1px #fffdf5cf,inset 0 -1px 2px #31533d35,0 1px 4px #041b1638;
  transition:transform .22s cubic-bezier(.22,.8,.25,1),background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-thumb svg {
  display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;color:#9e243a;opacity:0;
  transition:opacity .18s ease;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked) .hh-alpha-switch-control {
  border-color:var(--cp-alpha-rim);background:linear-gradient(145deg,#ffced322,transparent 65%),var(--cp-alpha-fill);
  box-shadow:inset 0 1px 1px #ffe9e878,inset 0 -1px 2px #89182738,0 0 8px #e83b5530;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked) .hh-alpha-thumb {
  transform:translateX(20px);border-color:#fff1e9c9;
  background:linear-gradient(135deg,#fff6e8ed,#f6d1c8c7 48%,#d6a9a9b8);
  box-shadow:inset 0 1px 1px #fff8efd9,inset 0 -1px 2px #99152b30,0 1px 5px #6f0c2b38;
}
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked) .hh-alpha-thumb svg { opacity:1; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked:not(:disabled)) .hh-alpha-glow { opacity:.72;animation:hh-alpha-breathe 2.8s ease-in-out infinite alternate; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked:not(:disabled)) .hh-alpha-reflection::before { opacity:.8;animation:hh-alpha-reflect 3.8s cubic-bezier(.4,0,.2,1) infinite; }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked:disabled) .hh-alpha-glow { opacity:.5; }
@keyframes hh-alpha-breathe { from { opacity:.38; } to { opacity:.86; } }
@keyframes hh-alpha-reflect { 0%,18% { transform:translateX(-65px);opacity:0; } 40% { opacity:.85; } 70%,100% { transform:translateX(65px);opacity:0; } }
.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-tooltip {
  position:absolute;bottom:calc(100% + 6px);left:50%;z-index:8;padding:7px 11px;border:1px solid var(--cp-glass-rim);border-radius:10px;
  background:var(--cp-glass-deep);color:var(--cp-ink);box-shadow:inset 0 1px 0 var(--cp-glass-rim),0 5px 15px #001e1929;
  -webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);
  font-size:11px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,3px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
@media(hover:hover) {
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:not(:has(input:disabled)):hover .hh-alpha-switch-control { border-color:var(--cp-glass-caustic);box-shadow:inset 0 1px 1px var(--cp-glass-caustic),0 0 9px #e5d79d24; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked:not(:disabled)):hover .hh-alpha-switch-control { border-color:#ffacb9;box-shadow:inset 0 1px 1px #ffe6e7a6,0 0 11px #ef3c5745; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:not(:has(input:disabled)):is(:hover,:focus-within) .hh-alpha-tooltip { opacity:1;visibility:visible;transform:translate(-50%,0); }
}
@container canopy-alpha (max-width:550px) {
  .hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .composer-actions { grid-template-columns:minmax(0,1fr);grid-template-areas:"count" "tools" "publish" "attachment";row-gap:9px; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-publish-group { justify-content:flex-end;width:100%; }
}
@container canopy-alpha (min-width:551px) {
  .hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .composer-actions:has([data-action="photo-alt"]:not(:disabled)) { grid-template-areas:"count count" "tools tools" "publish publish" "attachment attachment"; }
}
@media(max-width:767px) {
  .hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .composer-actions { display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"count" "tools" "publish" "attachment";row-gap:10px; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-publish-group { display:flex;justify-content:space-between;width:100%; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-publish-group .hh-compose-desktop-publish { display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:110px;min-height:48px;margin:0; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch-copy strong { font-size:13px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean:has(#hh-compose-form.has-alpha-switch) .hh-compose-topbar .hh-compose-publish { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch :is(.hh-alpha-switch-control,.hh-alpha-thumb,.hh-alpha-thumb svg,.hh-alpha-switch-copy strong,.hh-alpha-glow,.hh-alpha-tooltip) { transition:none!important; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-glow,.hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-reflection::before { animation:none!important; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked) .hh-alpha-glow { opacity:.55; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-alpha-switch:has(input:checked) .hh-alpha-reflection::before { opacity:.22;transform:translateX(0); }
}
@media(max-width:767px) {
  .hh-live form#hh-compose-form.hh-canopy-composer { padding:0 17px 18px;border-radius:20px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer { position:relative;isolation:isolate;padding:0 17px 20px;background:var(--cp-cover) center -550px/100% 1400px no-repeat,var(--cp-paper);border-radius:0;overflow:auto; }
  .hh-canopy-composer::before { inset:108px 0 0;border-radius:20px 20px 0 0; }
  .hh-canopy-composer>.hh-canopy-header { height:108px;margin-inline:-17px;padding:21px 19px;border-radius:0; }
  .hh-canopy-composer>.hh-canopy-header span { font-size:24px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer .composer-input { grid-template-columns:46px minmax(0,1fr);gap:11px;margin-top:-25px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer .composer-input .hh-avatar { width:46px;height:46px;min-width:46px;border-radius:14px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer .composer-input textarea { margin-top:33px;min-height:148px;font-size:16px; }
  .hh-live .hh-canopy-composer .hh-format-toolbar { padding-top:4px;gap:6px; }
  .hh-canopy-composer .hh-format-main { gap:0;padding:3px 5px;border-radius:14px; }
  .hh-live .hh-canopy-composer .hh-format-toolbar button { min-width:28px;min-height:32px;padding-inline:5px;font-size:12px; }
  .hh-live .hh-canopy-composer .hh-format-toolbar .hh-format-preview { padding-inline:2px;font-size:11px; }
  .hh-live #hh-market-editor .hh-market-inputs { grid-template-columns:minmax(0,1fr);gap:8px; }
  .hh-live .hh-network-field { grid-column:1;grid-row:auto;max-width:175px; }.hh-contract-divider { display:none; }
  .hh-live .hh-network-toggle { min-height:47px;font-size:14px; }
  .hh-live .hh-contract-field input { min-height:49px;font-size:16px;padding-inline:12px; }
  .hh-live .hh-canopy-composer .hh-market-status { margin-top:8px;font-size:10px; }
  .hh-live .hh-network-options { min-width:230px;max-width:calc(100vw - 40px);max-height:250px; }
  .hh-live #hh-compose-form.hh-canopy-composer .composer-actions { padding-top:10px; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button { display:flex;flex-direction:column;gap:6px;min-height:65px;padding:9px 3px;border-radius:13px;font-size:11px; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button svg { width:20px;height:20px; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools:has([data-action="photo-alt"]:not(:disabled)) { grid-template-columns:repeat(5,minmax(0,1fr));gap:5px; }
  .hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .hh-compose-tools>button { padding-inline:3px;font-size:11px; }
  .hh-live #hh-compose-form.hh-canopy-composer.has-alpha-switch .hh-compose-tools>button svg { width:20px;height:20px; }
}
@media(max-width:350px) {
  .hh-canopy-composer .hh-format-main { padding-inline:3px; }.hh-live .hh-canopy-composer .hh-format-toolbar button { min-width:25px;padding-inline:4px; }
  .hh-live .hh-canopy-composer .hh-format-toolbar .hh-format-preview { margin-left:0; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools { gap:5px; }
  .hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button { font-size:10px; }
}
@media(prefers-reduced-transparency:reduce) { .hh-live { --cp-glass:#f2f3e9;--cp-glass-control:#ecf1e5;--cp-glass-deep:#f6f7ef; }html[data-theme="dark"] .hh-live { --cp-glass:#0a281f;--cp-glass-control:#183c2f;--cp-glass-deep:#0d2d24; } }
@media(prefers-reduced-motion:reduce) { .hh-network-chevron,.hh-live .hh-canopy-composer :is(button,input),.hh-live .hh-canopy-composer .hh-glass-tooltip,.hh-live .hh-canopy-composer button::before,.hh-live .hh-canopy-composer button::after { transition:none!important; }.hh-live #hh-compose-form.hh-canopy-composer .hh-compose-tools>button:hover { transform:none!important; }.hh-live #hh-compose-form.hh-canopy-composer .hh-glass-tooltip { transform:translate(-50%,0); } }

/* Replies share the calm Glass Canopy surface without repeating its decorative header. */
.hh-live form.hh-reply-form {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px;
  min-width:0;margin:15px 0 0;padding:13px 14px 12px;border:1px solid var(--cp-glass-line);border-radius:16px;
  background:linear-gradient(135deg,var(--cp-glass-control),transparent 80%),var(--cp-glass-control);
  box-shadow:inset 0 1px 0 var(--cp-glass-rim),0 3px 12px #051e1208;
  -webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%);
  color:var(--cp-ink);
}
.hh-live form.hh-reply-form>textarea:not(#hh-note) {
  grid-column:1/-1;grid-row:1;display:block;width:100%;min-width:0;min-height:76px;max-height:360px;
  margin:0;padding:4px 1px 8px;field-sizing:content;resize:vertical;overflow-y:auto;
  border:0;border-radius:0;background:transparent;color:var(--cp-ink);box-shadow:none;outline:none;
  font:inherit;font-size:14px;line-height:1.65;
}
.hh-live form.hh-reply-form>textarea:not(#hh-note):is(:focus,:focus-visible) { border:0;background:transparent;box-shadow:none;outline:none; }
.hh-live form.hh-reply-form>textarea:not(#hh-note)::placeholder { color:var(--cp-muted);opacity:1; }
.hh-live form.hh-reply-form>.hh-writing-preview {
  grid-column:1/-1;grid-row:1;min-height:76px;min-width:0;margin:0;padding:4px 1px 8px;color:var(--cp-ink);
}
.hh-live form.hh-reply-form>.hh-format-toolbar {
  grid-column:1;grid-row:2;min-width:0;display:flex;align-items:center;justify-content:space-between;
  gap:7px 6px;margin:0;padding:1px 0 0;border:0;color:var(--cp-muted);
}
.hh-live form.hh-reply-form .hh-format-main {
  display:flex;flex-wrap:nowrap;gap:1px;min-width:0;padding:3px 5px;border:1px solid var(--cp-glass-line);border-radius:13px;
  background:linear-gradient(135deg,var(--cp-glass-control),transparent 85%),var(--cp-glass-control);
  box-shadow:inset 0 1px 0 var(--cp-glass-rim),0 2px 7px #051e1207;
}
.hh-live form.hh-reply-form .hh-format-toolbar button {
  min-width:29px;min-height:34px;padding:5px 6px;border:0;border-radius:8px;color:var(--cp-muted);font-size:12px;
  transition:background .14s ease,color .14s ease,box-shadow .14s ease;
}
.hh-live form.hh-reply-form .hh-format-main svg { width:16px;height:16px;stroke-width:1.7; }
.hh-live form.hh-reply-form .hh-format-toolbar button:is(:hover,[aria-pressed="true"],[aria-expanded="true"]) {
  color:var(--cp-ink);background:var(--cp-glass-control-hover);box-shadow:inset 0 1px 0 var(--cp-glass-rim);
}
.hh-live form.hh-reply-form .hh-format-toolbar .hh-format-preview {
  min-width:auto;min-height:40px;padding:6px;font-size:11px;white-space:nowrap;
}
.hh-live form.hh-reply-form .hh-format-extra { flex-basis:100%;gap:4px;padding-top:1px; }
.hh-live form.hh-reply-form .hh-format-extra button {
  min-width:34px;border:1px solid var(--cp-glass-line);background:var(--cp-glass-control);
}
.hh-live form.hh-reply-form>button[type="submit"] {
  grid-column:2;grid-row:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;align-self:start;
  width:auto;height:44px;min-width:94px;min-height:44px;max-height:44px;margin:0;padding:9px 14px;
  border:1px solid #fff0bfc2;border-radius:14px;aspect-ratio:auto;color:#172b20;
  background:linear-gradient(125deg,#e0cc8a,#c5a65c);box-shadow:inset 0 1px 1px #fff4ccd9,0 3px 10px #a6a26220;
  font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;
  transition:background .14s ease,box-shadow .14s ease;
}
.hh-live form.hh-reply-form>button[type="submit"] svg { width:16px;height:16px; }
.hh-live form.hh-reply-form>button[type="submit"]:not(:disabled):hover {
  background:linear-gradient(125deg,#efe0a6,#cfb36f);box-shadow:inset 0 1px 1px #fff8ded9,0 4px 14px #d3b56735;
}
.hh-live form.hh-reply-form>button[type="submit"]:focus-visible { outline:2px solid var(--cp-gold);outline-offset:3px; }
.hh-live form.hh-reply-form>button[type="submit"]:disabled { opacity:.5;cursor:default; }
.hh-live form.hh-reply-form>.hh-form-error { grid-column:1/-1;grid-row:3;margin:0;font-size:12px;line-height:1.5; }
.hh-live form.hh-reply-form>.hh-form-error:empty { display:none; }
@media(max-width:767px) {
  body[data-grove-mobile]:has(.hh-live[data-live-page="social"] .hh-replies:not([hidden])>.hh-reply-form) .hh-grove-compose { visibility:hidden;pointer-events:none; }
  .hh-live form.hh-reply-form { gap:8px;padding:11px 12px 12px;border-radius:14px; }
  .hh-live form.hh-reply-form>textarea:not(#hh-note),.hh-live form.hh-reply-form>.hh-writing-preview { min-height:64px;font-size:16px; }
  .hh-live form.hh-reply-form>.hh-format-toolbar { grid-column:1/-1;gap:7px 5px; }
  .hh-live form.hh-reply-form .hh-format-main { padding:2px 4px; }
  .hh-live form.hh-reply-form .hh-format-toolbar button { min-width:28px;min-height:40px;padding-inline:5px; }
  .hh-live form.hh-reply-form .hh-format-extra button { min-width:35px; }
  .hh-live form.hh-reply-form>button[type="submit"] { grid-column:1/-1;grid-row:3;justify-self:end;min-width:96px; }
  .hh-live form.hh-reply-form>.hh-form-error { grid-row:4; }
}
@media(max-width:350px) {
  .hh-live form.hh-reply-form { padding-inline:9px; }
  .hh-live form.hh-reply-form .hh-format-main { padding-inline:3px;gap:0; }
  .hh-live form.hh-reply-form .hh-format-main button { min-width:25px;padding-inline:4px; }
  .hh-live form.hh-reply-form .hh-format-toolbar .hh-format-preview { margin-left:auto;padding-inline:4px; }
}
@media(prefers-reduced-motion:reduce) { .hh-live form.hh-reply-form button { transition:none!important; } }

/* The composer rests as one glass bar, opening its mounted controls only when writing. */
.hh-live form#hh-compose-form.hh-canopy-composer.hh-compact-composer {
  padding:9px 16px;background:linear-gradient(135deg,#ffffff08,transparent 65%),var(--cp-glass);
  border:1px solid var(--cp-glass-rim);border-radius:19px;overflow:visible;
  -webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);
  box-shadow:inset 0 1px 1px var(--cp-glass-caustic),0 8px 24px var(--cp-glass-shadow);
}
.hh-compact-composer::before { content:none; }
.hh-compact-composer>.hh-canopy-header,.hh-compact-composer .composer-input>a { display:none; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-input {
  display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:10px;margin:0;min-height:44px;
}
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-input textarea {
  grid-column:1;grid-row:1;display:block;width:100%;min-width:0;margin:0;padding:9px 0;
  height:44px;min-height:44px;max-height:360px;border:0;border-radius:0;outline:none;box-shadow:none;
  background:transparent;color:var(--cp-ink);font-size:15px;line-height:1.6;resize:none;overflow:hidden;
  transition:height .2s cubic-bezier(.2,.7,.25,1),min-height .2s cubic-bezier(.2,.7,.25,1);
}
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer.is-editor-open .composer-input textarea { height:112px;min-height:112px;resize:vertical;overflow:auto; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer:not(.is-editor-open) .composer-input textarea { height:44px!important;min-height:44px!important; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-input textarea:is(:focus,:focus-visible) { border:0;outline:none;box-shadow:none;background:transparent;border-radius:0; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure] {
  grid-column:2;grid-row:1;display:grid;place-items:center;align-self:start;width:44px;min-height:44px;margin:0;padding:0;
  border:1px solid transparent;border-radius:13px;background:transparent;color:var(--cp-muted);cursor:pointer;
  transition:color .16s ease,background .16s ease,border-color .16s ease;
}
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure] svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s cubic-bezier(.2,.7,.25,1); }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure][aria-expanded="true"] svg { transform:rotate(180deg); }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure]:not(:disabled):hover { background:var(--cp-glass-control);border-color:var(--cp-glass-line);color:var(--cp-ink); }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure]:focus-visible { outline:2px solid var(--cp-gold);outline-offset:2px; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure]:disabled { opacity:.4;cursor:default; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-details { display:flow-root;min-width:0; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-details[hidden] { display:none!important; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-format-toolbar { margin:2px 0 0;padding:6px 0 11px; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-actions {
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"count count" "tools publish" "attachment attachment";
  align-items:center;column-gap:12px;row-gap:6px;padding:9px 0 0;position:static;bottom:auto;margin:0;background:transparent;box-shadow:none;
}
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-meta { grid-area:count;justify-content:flex-end;min-height:0; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-audience { display:none; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-tools { grid-area:tools;display:flex;flex-wrap:wrap;gap:5px;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-tools>button { padding-inline:6px;gap:5px;font-size:12px; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-desktop-publish { display:inline-flex;grid-area:publish;align-items:center;justify-content:center;justify-self:end;min-width:104px;min-height:48px;margin:0;padding-inline:15px; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-attachment-label { display:none;grid-area:attachment; }
.hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer.hh-nft-tools-open .hh-attachment-label { display:flex; }
@container canopy-alpha (max-width:550px) {
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer.has-alpha-switch .composer-actions { grid-template-columns:minmax(0,1fr);grid-template-areas:"count" "tools" "publish" "attachment";row-gap:9px; }
}
@container canopy-alpha (min-width:551px) {
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer.has-alpha-switch .composer-actions:has([data-action="photo-alt"]:not(:disabled)) { grid-template-areas:"count count" "tools tools" "publish publish" "attachment attachment"; }
}
@media(max-width:767px) {
  .hh-live[data-live-page="social"] .hh-grove-composer-clean:has(#hh-compose-form.hh-compact-composer) #hh-composer { display:block;flex:1;min-width:0;min-height:0;width:100%;overflow:auto; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer.hh-compact-composer {
    display:block;flex:none;align-self:flex-start;width:calc(100% - 28px);min-width:0;min-height:0;margin:14px;padding:9px 14px;border:1px solid var(--cp-glass-rim);border-radius:19px;overflow:visible;
    background:linear-gradient(135deg,#ffffff08,transparent 65%),var(--cp-glass);
  }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-input { grid-template-columns:minmax(0,1fr) 44px;margin:0;gap:6px;min-height:44px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-input textarea { margin:0;padding:9px 0;min-height:44px;height:44px;font-size:16px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean #hh-compose-form.hh-canopy-composer.hh-compact-composer.is-editor-open .composer-input textarea { height:112px;min-height:112px; }
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-actions { grid-template-columns:minmax(0,1fr);grid-template-areas:"count" "tools" "publish" "attachment";row-gap:10px; }
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-tools { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%; }
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-tools>button { padding-inline:3px;font-size:11px; }
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .hh-compose-tools:has([data-action="photo-alt"]:not(:disabled)) { grid-template-columns:repeat(5,minmax(0,1fr));gap:4px; }
  .hh-live[data-live-page="social"] .hh-grove-composer-clean:has(#hh-compose-form.hh-compact-composer) .hh-compose-topbar .hh-compose-publish { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer .composer-input textarea,
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure],
  .hh-live #hh-compose-form.hh-canopy-composer.hh-compact-composer [data-compose-disclosure] svg { transition:none!important; }
}

/* Quiet writing edges match the Grove rail; controls keep their original glass and gold. */
html[data-theme] .hh-live[data-live-page="social"] #hh-compose-form.hh-canopy-composer.hh-compact-composer {
  --cp-writing-rim:rgba(89,116,77,.09);
  --cp-writing-reflection:#ffffff09;
  --cp-writing-shadow:#04200f04;
  --cp-writing-edge-opacity:.035;
  border-color:var(--cp-writing-rim);
  box-shadow:inset 0 1px 0 var(--cp-writing-reflection),0 4px 16px var(--cp-writing-shadow);
}
html[data-theme="dark"] .hh-live[data-live-page="social"] #hh-compose-form.hh-canopy-composer.hh-compact-composer {
  --cp-writing-rim:rgba(178,205,157,.06);
  --cp-writing-reflection:#edfBde05;
  --cp-writing-shadow:#04190f08;
  --cp-writing-edge-opacity:.02;
}
html[data-theme] .hh-live[data-live-page="social"] #hh-compose-form.hh-canopy-composer.hh-compact-composer::after {
  opacity:var(--cp-writing-edge-opacity);
}