.live-heart-button{position:absolute;right:10px;top:52px;z-index:5;width:40px;height:40px;border:1px solid #ffffff26;border-radius:50%;background:#11182775;backdrop-filter:blur(8px);display:grid;place-items:center;color:#ff304f;cursor:pointer}.live-heart-button svg,.live-floating-heart svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.3}.live-heart-button:active{transform:scale(.88)}.live-floating-heart{position:absolute!important;right:18px!important;bottom:50px!important;left:auto!important;background:none!important;padding:0!important;pointer-events:none;z-index:8;color:#ff304f!important;animation:live-heart-rise 1.5s ease-out both;animation-delay:var(--delay);filter:drop-shadow(0 2px 4px #0003)}@keyframes live-heart-rise{0%{opacity:0;transform:translate(0,0) scale(.45)}15%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-135px) scale(.85)}}@media(prefers-reduced-motion:reduce){.live-floating-heart{animation:live-heart-fade .6s both;animation-delay:0s}@keyframes live-heart-fade{50%{opacity:1}100%{opacity:0}}}
/* Keep the video clear: tap the tile for hearts; keyboard users retain a focusable action. */
.live-room-dialog .live-heart-button{width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:transparent;backdrop-filter:none}
.live-room-dialog .live-heart-button:focus-visible{width:44px;height:44px;clip-path:none;right:2px;top:45px;background:#101a2bd9;outline:2px solid #9bcaff;outline-offset:-3px}
.live-room-dialog .live-floating-heart{width:14px!important;height:14px!important;right:12px!important;bottom:38px!important;max-width:none!important;border:0!important;border-radius:0!important;animation-duration:1s;filter:none}
.live-room-dialog .live-floating-heart svg{display:block;width:14px;height:14px}
@media(prefers-reduced-motion:reduce){.live-room-dialog .live-floating-heart{animation-duration:.45s}}