.live-activity-container{position:fixed;z-index:9999;pointer-events:none}.live-activity-notification{position:fixed;display:flex;align-items:center;gap:.75rem;min-width:320px;max-width:400px;padding:1rem;background:var(--live-activity-bg,#fff);border-radius:.75rem;box-shadow:0 10px 40px var(--live-activity-shadow,rgba(0,0,0,.15)),0 0 0 1px rgba(0,0,0,.05);pointer-events:auto;transition:all .3s ease;overflow:hidden;opacity:0}.live-activity-notification.notification-visible{opacity:1}.live-activity-notification:hover{transform:translateY(-2px);box-shadow:0 15px 50px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05)}.live-activity-clickable{cursor:pointer;-webkit-tap-highlight-color:rgba(13,148,136,.1);tap-highlight-color:rgba(13,148,136,.1)}.live-activity-clickable:hover .live-activity-product{color:var(--live-activity-highlight,#0d9488)}.live-activity-clickable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.live-activity-bottom-left{bottom:1.5rem;left:1.5rem}.live-activity-bottom-right{bottom:1.5rem;right:1.5rem}.live-activity-top-left{top:1.5rem;left:1.5rem}.live-activity-top-right{top:1.5rem;right:1.5rem}.live-activity-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--live-activity-icon-bg,#0d9488) 0%,var(--live-activity-icon-bg-end,#0f766e) 100%);color:#fff;border-radius:50%}.live-activity-icon-svg{width:1.5rem;height:1.5rem}.live-activity-product-image{flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:.5rem;overflow:hidden;background:var(--live-activity-image-bg,#f5f5f5);border:1px solid var(--live-activity-border,#e2e8f0)}.live-activity-product-image img{width:100%;height:100%;object-fit:cover;display:block}.live-activity-content{flex:1;min-width:0}.live-activity-message{font-size:.875rem;line-height:1.4;color:var(--live-activity-text,#1e293b)}.live-activity-message strong{font-weight:600;color:var(--live-activity-highlight,#0d9488)}.live-activity-product{margin-top:.25rem;font-size:.75rem;color:var(--live-activity-text-secondary,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;font-weight:600}.live-activity-link-hint{color:var(--live-activity-highlight,#0d9488);font-weight:700}.live-activity-close{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;padding:0;background:0 0;border:none;color:var(--live-activity-close,#94a3b8);cursor:pointer;border-radius:.25rem;transition:all .2s}.live-activity-close:hover{background:var(--live-activity-close-hover,#f1f5f9);color:var(--live-activity-text-secondary,#64748b)}.live-activity-close svg{width:1rem;height:1rem}.live-activity-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--live-activity-border,#e2e8f0)}.live-activity-progress-bar{height:100%;background:linear-gradient(90deg,var(--live-activity-progress,#0d9488) 0%,var(--live-activity-progress-end,#2dd4bf) 100%);animation:progress linear forwards}@keyframes progress{from{width:100%}to{width:0}}.notification-enter{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.live-activity-animation-slide .notification-enter-start{opacity:0;transform:translateX(-100%)}.live-activity-animation-slide .notification-enter-end{opacity:1;transform:translateX(0)}.live-activity-animation-slide.live-activity-bottom-right .notification-enter-start,.live-activity-animation-slide.live-activity-top-right .notification-enter-start{transform:translateX(100%)}.live-activity-animation-fade .notification-enter-start{opacity:0;transform:scale(.95)}.live-activity-animation-fade .notification-enter-end{opacity:1;transform:scale(1)}.live-activity-animation-bounce .notification-enter{transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.live-activity-animation-bounce .notification-enter-start{opacity:0;transform:translateY(100%) scale(.8)}.live-activity-animation-bounce .notification-enter-end{opacity:1;transform:translateY(0) scale(1)}.live-activity-animation-scale .notification-enter-start{opacity:0;transform:scale(0)}.live-activity-animation-scale .notification-enter-end{opacity:1;transform:scale(1)}.notification-leave{transition:all .3s ease-in}.notification-leave-start{opacity:1;transform:translateX(0) scale(1)}.notification-leave-end{opacity:0;transform:translateX(-20px) scale(.95)}@media (max-width:768px){.live-activity-notification{min-width:unset;max-width:calc(100vw - 1.5rem);width:auto;left:.75rem !important;right:auto !important;padding:.75rem;gap:.5rem;border-radius:.625rem;max-height:calc(100vh - 8rem);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.06)}.live-activity-bottom-right,.live-activity-top-right{left:auto !important;right:.75rem !important}.live-activity-close{position:absolute;top:.375rem;right:.375rem;width:1.5rem;height:1.5rem;margin:0;border-radius:50%}.live-activity-close svg{width:.75rem;height:.75rem}.live-activity-icon{width:2rem;height:2rem;flex-shrink:0}.live-activity-icon-svg{width:1.125rem;height:1.125rem}.live-activity-product-image{width:2.5rem;height:2.5rem;flex-shrink:0}.live-activity-message{font-size:.75rem;line-height:1.4;padding-right:1.25rem}.live-activity-product{font-size:.6875rem;margin-top:.25rem}.live-activity-bottom-left,.live-activity-bottom-right{bottom:max(.75rem,env(safe-area-inset-bottom))}.live-activity-top-left,.live-activity-top-right{top:max(.75rem,env(safe-area-inset-top))}.live-activity-notification:hover{transform:none;box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.06)}.live-activity-clickable:active{transform:scale(.98);transition:transform .1s ease}.live-activity-close:active{background:var(--live-activity-border,#e2e8f0);transform:scale(.9)}.live-activity-progress{height:3px}}@media (max-width:380px){.live-activity-notification{max-width:calc(100vw - 1rem);left:.5rem !important;padding:.625rem;gap:.375rem}.live-activity-bottom-right,.live-activity-top-right{left:auto !important;right:.5rem !important}.live-activity-icon{width:1.75rem;height:1.75rem}.live-activity-icon-svg{width:1rem;height:1rem}.live-activity-product-image{width:2.25rem;height:2.25rem}.live-activity-message{font-size:.6875rem}}@media (max-width:768px) and (orientation:landscape){.live-activity-notification{max-width:360px}.live-activity-bottom-left,.live-activity-bottom-right{bottom:.75rem}.live-activity-top-left,.live-activity-top-right{top:.75rem}}@media (prefers-color-scheme:dark){.live-activity-notification{background:var(--live-activity-bg-dark,#1e293b);box-shadow:0 10px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1)}.live-activity-message{color:var(--live-activity-text-dark,#f1f5f9)}.live-activity-product{color:var(--live-activity-close,#94a3b8)}.live-activity-close{color:var(--live-activity-text-secondary,#64748b)}.live-activity-close:hover{background:var(--live-activity-border-dark,#334155);color:var(--live-activity-text-dark,#cbd5e1)}.live-activity-product-image{background:var(--live-activity-border-dark,#334155);border-color:var(--live-activity-border-dark,#475569)}@media (max-width:768px){.live-activity-notification{background:var(--live-activity-bg-dark,#0f172a);box-shadow:0 12px 48px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.15)}.live-activity-message{color:var(--live-activity-text-dark,#f1f5f9)}.live-activity-message strong{color:var(--live-activity-highlight,#0d9488)}.live-activity-product{color:var(--live-activity-highlight,#0d9488)}.live-activity-close:active{background:var(--live-activity-border-dark,#475569)}.live-activity-progress{background:var(--live-activity-border-dark,#334155)}}}@media (max-width:768px){.live-activity-notification{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-font-smoothing:antialiased}.notification-enter,.notification-leave{transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.live-activity-notification,.notification-enter,.notification-leave{transition:none !important;animation:none !important}.live-activity-animation-slide .notification-enter-start,.live-activity-animation-bounce .notification-enter-start,.live-activity-animation-scale .notification-enter-start{transform:none !important}.live-activity-progress-bar{animation:none !important}}}body:not([class*=hyva]) .live-activity-notification{min-width:340px;max-width:380px;padding:14px 16px;background:var(--live-activity-bg,#fff);border:none;border-left:4px solid var(--live-activity-highlight,#0d9488);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1)}body:not([class*=hyva]) .live-activity-notification:hover{box-shadow:0 6px 28px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.12);transform:translateY(-2px)}body:not([class*=hyva]) .live-activity-icon{width:40px;height:40px;background:var(--live-activity-icon-bg,#0d9488);box-shadow:none}body:not([class*=hyva]) .live-activity-icon-svg{width:22px;height:22px}body:not([class*=hyva]) .live-activity-product-image{width:56px;height:56px;border:2px solid var(--live-activity-image-border,#e5e5e5);border-radius:6px;box-shadow:none;background:var(--live-activity-image-bg,#f5f5f5)}body:not([class*=hyva]) .live-activity-product-image img{border-radius:4px}body:not([class*=hyva]) .live-activity-message{font-size:14px;line-height:1.5;color:var(--live-activity-text,#333);font-weight:400}body:not([class*=hyva]) .live-activity-message strong{font-weight:700;color:var(--live-activity-highlight,#0d9488)}body:not([class*=hyva]) .live-activity-product{margin-top:6px;font-size:13px;color:var(--live-activity-text-secondary,#666);font-weight:600}body:not([class*=hyva]) .live-activity-close{width:28px;height:28px;background:var(--live-activity-close-hover,#f5f5f5);border:1px solid var(--live-activity-border,#ddd);color:var(--live-activity-close,#999);border-radius:4px}body:not([class*=hyva]) .live-activity-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}body:not([class*=hyva]) .live-activity-close svg{width:14px;height:14px}body:not([class*=hyva]) .live-activity-progress-bar{height:3px;background:var(--live-activity-progress,#0d9488);box-shadow:none}body:not([class*=hyva]) .live-activity-bottom-left,body:not([class*=hyva]) .live-activity-bottom-right{bottom:20px}body:not([class*=hyva]) .live-activity-top-left,body:not([class*=hyva]) .live-activity-top-right{top:20px}body:not([class*=hyva]) .live-activity-link-hint{color:var(--live-activity-highlight,#0d9488);font-weight:600}body:not([class*=hyva]) .notification-enter{transition:all .3s ease-out}body:not([class*=hyva]) .notification-leave{transition:all .2s ease-in}@media (max-width:767px){body:not([class*=hyva]) .live-activity-notification{min-width:0 !important;max-width:calc(100vw - 32px) !important;width:calc(100vw - 32px) !important;padding:12px 14px;box-sizing:border-box !important}body:not([class*=hyva]) .live-activity-bottom-left,body:not([class*=hyva]) .live-activity-bottom-right{left:16px !important;right:16px !important;bottom:16px}body:not([class*=hyva]) .live-activity-top-left,body:not([class*=hyva]) .live-activity-top-right{left:16px !important;right:auto !important;top:16px}body:not([class*=hyva]) .live-activity-icon{width:36px;height:36px}body:not([class*=hyva]) .live-activity-icon-svg{width:20px;height:20px}body:not([class*=hyva]) .live-activity-product-image{width:50px;height:50px}body:not([class*=hyva]) .live-activity-message{font-size:13px}body:not([class*=hyva]) .live-activity-product{font-size:12px}}