.engagement-signature:is(.viewer-engagement-bar,.engagement-panel){--heart: #e9b0bd;--sparkles: #e5c890;--smile: #bfd2b8;--graphite: #343236;--icon-depth: #222125;--icon-face: #ded4c5;--ink: #f4f0e9;--signature: .58s;--ease: cubic-bezier(.2,.8,.2,1)}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-bar{min-width:0;max-width:100%;flex-wrap:wrap}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip{--reaction: var(--heart);position:relative;min-width:44px;min-height:44px;height:auto;padding:6px 9px;gap:6px;color:#f4f0e9;background:#252528;border:1px solid #666169;border-radius:12px;transition:background-color .12s,border-color .12s;touch-action:manipulation}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[data-type=sparkles]{--reaction: var(--sparkles)}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[data-type=smile]{--reaction: var(--smile)}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip .reaction-label{display:inline;font-size:11px;line-height:1.3;white-space:normal}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip .reaction-count{min-width:3ch;font-variant-numeric:tabular-nums;color:#d0c9c2}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[aria-pressed=true]{border-color:var(--reaction);background:#302b30}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[aria-pressed=true] .selected-mark{opacity:1}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[aria-pressed=true] .body-shape{fill:var(--reaction);fill-opacity:.2}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[aria-busy=true]{cursor:progress;opacity:.8}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[aria-busy=true] .reaction-count{visibility:hidden}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .busy-mark{display:none;position:absolute;right:10px;bottom:6px;width:14px;height:3px;border-radius:2px;background:var(--reaction)}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[aria-busy=true] .busy-mark{display:block}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip:disabled:not([aria-busy=true]){opacity:.5;cursor:not-allowed}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[data-error=true]{border-style:dashed}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip:focus-visible,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) button:focus-visible{outline:3px solid var(--color-accent, #edcfa1);outline-offset:3px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-feedback{flex:0 0 100%;width:100%;margin:0;color:var(--ink);font-size:12px;line-height:1.4;text-align:center}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-feedback:empty{display:none}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .engagement-toggle-btn,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .engagement-panel-close,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .engagement-tab,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) button,.engagement-name-modal button{min-width:44px;min-height:44px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .engagement-panel-close{width:44px;height:44px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip:active:not(:disabled){transform:translateY(1px)}@media(max-width:639px){.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip{display:flex;flex-direction:column;gap:2px;padding:5px 4px;justify-content:center}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip .reaction-label{display:block;min-height:2.6em;text-align:center}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip .reaction-count{font-size:10px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-names,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-feedback{grid-column:1 / -1}}@media(hover:hover){.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip:hover:not(:disabled){border-color:var(--reaction);background:#343236}}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .icon-wrap{height:38px;width:38px;flex:none;display:grid;place-items:center;position:relative;border-radius:50%}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .icon-wrap:after{content:"";position:absolute;inset:-4px;border:1px solid var(--reaction);border-radius:50%;opacity:0;pointer-events:none}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-art{display:block;width:30px;height:30px;fill:none;stroke:var(--reaction);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;overflow:visible;position:relative;z-index:1;transform-origin:center}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .body-shape{fill:var(--graphite)}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .depth{fill:var(--icon-depth);stroke:none}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .face{stroke:var(--icon-face);fill:none}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .shine{stroke:var(--ink);stroke-width:1.35;opacity:.65}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .cheek{fill:var(--reaction);stroke:none;opacity:.16}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .secondary{fill:var(--reaction);stroke:none;opacity:.55}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .selected-mark{position:absolute;right:7px;top:6px;opacity:0;line-height:0;color:var(--reaction)}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .selected-mark svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .fx-spark{position:absolute;width:3px;height:3px;background:var(--reaction);border-radius:50%;left:calc(50% - 1.5px);top:calc(50% - 1.5px);opacity:0;pointer-events:none}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .fx-spark.one{--dx:-20px;--dy:-18px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .fx-spark.two{--dx:20px;--dy:-15px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .fx-spark.three{--dx:15px;--dy:19px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .fx-spark.four{--dx:-19px;--dy:14px}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip.reaction-celebrate .icon-wrap:after{animation:olh-reaction-ring var(--signature) var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=heart].reaction-celebrate .reaction-art{animation:olh-reaction-heartbeat var(--signature) var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=sparkles].reaction-celebrate .main-star{transform-origin:12px 15px;animation:olh-reaction-twinkle var(--signature) var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=sparkles].reaction-celebrate .little-star{transform-origin:25px 7px;animation:olh-reaction-twinkle var(--signature) 65ms var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=sparkles].reaction-celebrate .fx-spark{animation:olh-reaction-spark-flight var(--signature) var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=smile].reaction-celebrate .reaction-art{animation:olh-reaction-joy-lift var(--signature) var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=smile].reaction-celebrate .cheek{animation:olh-reaction-cheek-glow var(--signature) var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=smile].reaction-celebrate .mouth{transform-origin:16px 21px;animation:olh-reaction-smile-grow var(--signature) var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip.reaction-celebrate .reaction-count{animation:olh-reaction-count-in .3s var(--ease) both}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) [data-type=heart].reaction-celebrate .shine{animation:olh-reaction-glint var(--signature) var(--ease) both}@keyframes olh-reaction-heartbeat{0%,to{transform:scale(1) rotate(0)}24%{transform:scale(1.18) rotate(-4deg)}45%{transform:scale(.98) rotate(0)}68%{transform:scale(1.07) rotate(0)}}@keyframes olh-reaction-ring{0%{transform:scale(.65);opacity:0}20%{opacity:.4}to{transform:scale(1.35);opacity:0}}@keyframes olh-reaction-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}40%{transform:scale(1.15) rotate(9deg);opacity:.7}65%{transform:scale(.96) rotate(-3deg);opacity:1}}@keyframes olh-reaction-spark-flight{0%,12%{transform:translate(0) scale(.4);opacity:0}28%{opacity:.8}to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}@keyframes olh-reaction-joy-lift{0%,to{transform:translateY(0) rotate(0)}36%{transform:translateY(-3px) rotate(-7deg)}68%{transform:translateY(0) rotate(3deg)}}@keyframes olh-reaction-cheek-glow{0%,to{opacity:.16}45%{opacity:.65}}@keyframes olh-reaction-smile-grow{0%,to{transform:scale(1)}45%{transform:scale(1.12)}}@keyframes olh-reaction-count-in{0%{transform:translateY(3px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes olh-reaction-glint{0%,to{opacity:.65}30%{opacity:1}70%{opacity:.45}}@keyframes olh-reaction-subtle-pop{0%,to{transform:scale(1)}45%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip *,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .icon-wrap:after{animation:none!important;transition:none!important}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip:active{transform:none}}@media(forced-colors:active){.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-chip[aria-pressed=true]{outline:2px solid Highlight}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-art,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .face,.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .shine{stroke:ButtonText}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .body-shape{fill:Canvas}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .selected-mark{color:ButtonText}}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-retry{color:var(--ink);border:1px solid #666169;border-radius:10px;padding:6px 10px;background:#252528}.engagement-signature:is(.viewer-engagement-bar,.engagement-panel) .reaction-retry[hidden]{display:none}.reaction-names[data-astro-cid-g36hsvu6]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;min-width:0;width:100%;font-size:.6875rem;line-height:1.4;color:#ffffffb3}.reaction-names[data-astro-cid-g36hsvu6]:empty{display:none}.reaction-name-group[data-astro-cid-g36hsvu6]{display:inline-flex;align-items:baseline;gap:.35rem;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal}.reaction-name-label[data-astro-cid-g36hsvu6]{font-weight:500;color:#ffffff8c;letter-spacing:.01em;white-space:nowrap;flex-shrink:0}.reaction-name-more[data-astro-cid-g36hsvu6]{color:var(--color-accent, #c8a46e);font-weight:500;white-space:nowrap}.reaction-name-sep[data-astro-cid-g36hsvu6]{color:#ffffff40;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reaction-names-bar[data-astro-cid-g36hsvu6]{width:100%;padding-top:.15rem;justify-content:center;text-align:center}.reaction-names-bar[data-astro-cid-g36hsvu6].vw-hidden-by-space{display:none!important}.reaction-names-panel[data-astro-cid-g36hsvu6]{padding-top:.25rem;border-top:1px solid rgba(255,255,255,.08);margin-top:.5rem}.reaction-names-panel[data-astro-cid-g36hsvu6]:empty{border-top:none;margin-top:0;padding-top:0}@media(max-width:480px){.reaction-names[data-astro-cid-g36hsvu6]{font-size:.625rem;gap:.25rem .45rem}}@media(prefers-reduced-motion:reduce){.reaction-names[data-astro-cid-g36hsvu6]{transition:none}}
