.live-activity{position:fixed;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(var(--player-height,86px) + env(safe-area-inset-bottom,0px) + 16px);width:min(360px,calc(100vw - 32px));z-index:180;pointer-events:none}
.live-activity-card{position:relative;border:1px solid #cfdbd3;border-radius:12px;background:#fcfdf9;box-shadow:0 8px 32px #18362d24;pointer-events:auto;animation:live-activity-enter .22s ease-out}
.live-activity-link{display:flex;flex-direction:column;gap:7px;padding:17px 46px 17px 20px;border-radius:12px;line-height:1.5;overflow-wrap:anywhere}
.live-activity-meta{font-size:11px;color:#5b7566;display:flex;align-items:center;gap:6px}
.live-activity-meta:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#7a9b78}
.live-activity-link strong{font-size:14px;font-weight:500;color:#263f49;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.live-activity-action{font-size:12px;color:#a05a40}
.live-activity-link:hover .live-activity-action{text-decoration:underline;text-underline-offset:3px}
.live-activity-close{position:absolute;right:3px;top:3px;width:40px;height:40px;border-radius:8px;font-size:21px;color:#697e77;line-height:1}
.live-activity-close:hover{background:#edf2eb}
@keyframes live-activity-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.live-activity{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(var(--player-height,86px) + env(safe-area-inset-bottom,0px) + 12px)}.live-activity-link{padding:14px 44px 14px 16px}.live-activity-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.live-activity-card{animation:none}}