.video-reactions{margin:20px 0 0;text-align:center}.reaction-heart{position:relative;overflow:visible;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 20px;border:1px solid #b9a4cd;border-radius:999px;background:#203946;color:#eee5f5;font:inherit;font-size:1rem;cursor:pointer;touch-action:manipulation}.reaction-heart svg{width:22px;height:22px;fill:transparent;stroke:#c4a8db;stroke-width:1.6;transition:fill .15s}.reaction-heart:hover{background:#304959}.reaction-heart:focus-visible{outline:3px solid #9274b0;outline-offset:4px}.reaction-heart:disabled{opacity:.6;cursor:wait}.reaction-heart .reaction-heart-float{position:absolute;z-index:1;pointer-events:none;fill:#e64c64;stroke:#e64c64;transform-origin:center;animation:heart-float .55s ease-out forwards}.reaction-status{min-height:1.5em;margin:7px 0 0;font-size:.85rem;line-height:1.5;color:inherit}.reaction-status:empty{margin-top:0;min-height:0}@keyframes heart-float{0%{opacity:1;transform:translateY(0) scale(1)}45%{opacity:1;transform:translateY(-10px) scale(1.65)}100%{opacity:0;transform:translateY(-30px) scale(1.9)}}@media(prefers-reduced-motion:reduce){.reaction-heart .reaction-heart-float{display:none;animation:none}.reaction-heart svg{transition:none}}

.reaction-heart.has-reacted > svg:not(.reaction-heart-float){fill:#c4a8db;stroke:#c4a8db}