.engage-dock{position:sticky;bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:40;display:flex;justify-content:center;margin-top:3rem;padding-inline:1rem;pointer-events:none}.engage-wrap{position:relative;pointer-events:auto;max-width:100%}.engage-pill{display:flex;align-items:center;padding:6px;border-radius:9999px;background:#fafafad1;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgb(10 10 10 / .08);box-shadow:0 8px 24px -8px #0a0a0a2e,0 1px 2px #0a0a0a0f}.engage-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 12px;border:0;border-radius:9999px;background:transparent;color:var(--color-gray-700);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-duration-instant) var(--motion-ease-standard),color var(--motion-duration-instant) var(--motion-ease-standard)}.engage-button:hover{background:#0a0a0a0f;color:var(--color-black)}.engage-button:focus-visible,.engage-quote:focus-visible,.engage-remove:focus-visible,.engage-select-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.engage-button[aria-expanded=true]{background:#0a0a0a14;color:var(--color-black)}.engage-button[aria-disabled=true]{cursor:default}.engage-icon{position:relative;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}.engage-icon-swap{display:inline-flex}.engage-like.is-liked{color:var(--color-accent)}.engage-ring{position:absolute;inset:-9px;width:36px;height:36px;transform:rotate(-90deg);pointer-events:none;opacity:0}.engage-ring circle{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:100.53;stroke-dashoffset:100.53}.engage-like.is-holding .engage-ring{opacity:1}.engage-like.is-holding .engage-ring circle{animation:engage-hold var(--motion-duration-hold) linear forwards}@keyframes engage-hold{to{stroke-dashoffset:0}}.engage-burst{position:absolute;inset:0;pointer-events:none}.engage-burst-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:9999px;background:var(--color-accent)}.engage-count{display:inline-flex;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);line-height:1;color:var(--color-gray-500)}.engage-digit{position:relative;display:inline-block;overflow:hidden;height:1.15em;line-height:1.15em}.engage-digit>span{display:block}.engage-panel{position:absolute;bottom:calc(100% + .5rem);left:50%;width:min(22rem,calc(100vw - 2rem));max-height:min(22rem,60vh);overflow-y:auto;padding:.5rem;border-radius:1.25rem;background:#fafafaf0;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgb(10 10 10 / .08);box-shadow:0 16px 40px -12px #0a0a0a40,0 1px 2px #0a0a0a0f;transform-origin:bottom center;color:var(--color-black)}.engage-panel:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.engage-empty,.engage-views{margin:0;padding:.75rem;font-size:var(--text-sm);line-height:1.5;color:var(--color-gray-700)}.engage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.engage-list li{display:flex;align-items:flex-start;gap:4px}.engage-quote{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:.625rem .75rem;border:0;border-radius:.75rem;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-duration-instant) var(--motion-ease-standard)}.engage-quote:hover{background:#0a0a0a0d}.engage-quote-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-sm);line-height:1.45}.engage-quote-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.engage-remove{align-self:center;flex:none;padding:.375rem .625rem;border:0;border-radius:9999px;background:transparent;color:var(--color-gray-500);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:background-color var(--motion-duration-instant) var(--motion-ease-standard),color var(--motion-duration-instant) var(--motion-ease-standard)}.engage-remove:hover{background:#0a0a0a0f;color:var(--color-black)}.engage-views-count{margin:0;font-size:var(--text-lg);font-weight:500;color:var(--color-black)}.engage-views-note{margin:.125rem 0 0;color:var(--color-gray-500)}.engage-views-label{margin:.75rem 0 .25rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.engage-list-plain{gap:0}.engage-list-plain li{padding:.25rem 0;font-size:var(--text-sm)}.engage-select{position:fixed;z-index:50;transform:translate(-50%,-100%)}.engage-select[data-below]{transform:translate(-50%)}.engage-select-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px 0 10px;border:0;border-radius:9999px;background:var(--color-black);color:var(--color-white);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;box-shadow:0 8px 20px -6px #0a0a0a59}.engage-select-button svg{width:16px;height:16px}.engage-status{position:fixed;left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;font-size:var(--text-sm);color:var(--color-gray-700);pointer-events:none}.engage-status:empty{display:none}::highlight(engage-others){background-color:#b4530929}::highlight(engage-mine){background-color:#b453094d}::highlight(engage-focus){background-color:#b4530980}@media(prefers-reduced-motion:reduce){.engage-like.is-holding .engage-ring circle{animation:none;stroke-dashoffset:0}}