@layer base,design-system;@layer marketplace-themes{.event-message{min-height:var(--event-min-height,100px);padding:var(--event-padding,var(--chat-bubble-padding,.75rem));border-radius:var(--event-radius,var(--chat-bubble-border-radius,.5rem));border:var(--event-border-width,3px) var(--event-border-style,solid) var(--event-border-color,transparent);background:var(--event-bg,transparent);box-shadow:var(--event-glow,none);-webkit-backdrop-filter:blur(var(--event-backdrop-blur,var(--chat-backdrop-blur,4px)));backdrop-filter:blur(var(--event-backdrop-blur,var(--chat-backdrop-blur,4px)));transform:scale(var(--event-scale,1.05));animation:var(--event-animation,event-bounce-in .6s cubic-bezier(.68, -.55, .265, 1.55));transition:all .3s ease-in-out;position:relative;overflow:hidden}.event-tier-high{--event-bg:var(--event-tier-high-bg,linear-gradient(135deg, #ffd70040 0%, #ff8c0026 100%));--event-border-color:var(--event-tier-high-border,gold);--event-glow:var(--event-tier-high-glow,0 0 30px #ffd70080, 0 8px 32px #0006, inset 0 1px 0 #ffffff1a);--event-animation:var(--event-tier-high-animation,event-bounce-in .6s cubic-bezier(.68, -.55, .265, 1.55), high-tier-glow 2s ease-in-out infinite)}.event-tier-medium{--event-bg:var(--event-tier-medium-bg,linear-gradient(135deg, #9333ea33 0%, #4f46e526 100%));--event-border-color:var(--event-tier-medium-border,#9333ea);--event-glow:var(--event-tier-medium-glow,0 0 25px #9333ea66, 0 6px 24px #0000004d)}.event-tier-low{--event-bg:var(--event-tier-low-bg,#3b82f626);--event-border-color:var(--event-tier-low-border,#3b82f6);--event-border-width:var(--event-tier-low-border-width,2px);--event-glow:var(--event-tier-low-glow,0 0 15px #3b82f64d)}.event-message[class*=subscription],.event-message[class*=super_chat],.event-message[class*=super_sticker],.event-message[class*=raid],.event-message[class*=bits],.event-message[class*=channel_points],.event-message[class*=gift],.event-message[class*=follow],.event-message[class*=like_aggregate],.event-message[class*=member]{border-left-width:var(--event-accent-width,8px);border-left-style:var(--event-border-style,solid);border-left-color:var(--event-accent-color,var(--event-border-color,transparent))}.event-message[class*=subscription],.event-message[class*=gift_subscription]{--event-accent-color:var(--event-accent-subscription,#9146ff)}.event-message[class*=super_chat],.event-message[class*=super_sticker]{--event-accent-color:var(--event-accent-super-chat,gold);--event-bg:var(--event-bg-super-chat,linear-gradient(135deg, #ffd70033, #ff00001a))}.event-message[class*=raid]{--event-accent-color:var(--event-accent-raid,#ff4500);--event-bg:var(--event-bg-raid,linear-gradient(135deg, #ff450040, #8a2be226))}.event-message[class*=bits]{--event-accent-color:var(--event-accent-bits,#9146ff);--event-bg:var(--event-bg-bits,linear-gradient(135deg, #9146ff33, #00c8ff1a))}.event-message[class*=channel_points]{--event-accent-color:var(--event-accent-channel-points,#00c8ff)}.event-message[class*=gift]{--event-accent-color:var(--event-accent-gift,#ff69b4)}.event-message[class*=follow]{--event-accent-color:var(--event-accent-follow,#1da1f2)}.event-message[class*=like_aggregate]{--event-accent-color:var(--event-accent-like,#fe2c55)}.event-message[class*=member]{--event-accent-color:var(--event-accent-member,#0f0)}.event-icon{display:var(--event-icon-display,inline-block);font-size:var(--event-icon-size,2.25rem);filter:var(--event-icon-filter,drop-shadow(0 2px 8px #ffffff4d));animation:var(--event-icon-animation,event-icon-pulse 1.5s ease-in-out infinite);line-height:1}.event-title{display:var(--event-title-display,block);font-family:var(--event-title-font,var(--chat-font-family,inherit));font-size:var(--event-title-size,1.125rem);font-weight:var(--event-title-weight,700);text-transform:var(--event-title-transform,uppercase);letter-spacing:var(--event-title-spacing,.05em);color:var(--event-title-color,#fff);text-shadow:var(--event-title-shadow,0 2px 8px #00000080)}.event-value{display:var(--event-value-display,block);font-size:var(--event-value-size,1.5rem);font-weight:var(--event-value-weight,800);color:var(--event-value-color,#fde047);text-shadow:var(--event-value-shadow,0 2px 12px #ffd700cc)}.event-message-text{margin-left:var(--event-indent,3.5rem);font-size:var(--event-text-size,.875rem);color:var(--event-text-color,inherit)}.event-message-attachments{margin-left:var(--event-indent,3.5rem)}.event-metadata{display:var(--event-metadata-display,block);margin-left:var(--event-indent,3.5rem);font-size:var(--event-meta-size,.75rem);color:var(--event-meta-color,#94a3b8)}.event-warning-message{margin-left:var(--event-indent,3.5rem)}.event-type-like_aggregate .event-icon{--event-icon-animation:var(--event-like-icon-animation,heartbeat .6s ease-in-out infinite)}.event-type-raid:before{content:var(--event-decor,"");background:var(--event-raid-sweep,linear-gradient(90deg, #ff450000 0%, #ff450033 50%, #ff450000 100%));animation:var(--event-raid-sweep-animation,raid-sweep 2s ease-in-out infinite);pointer-events:none;position:absolute;inset:0}.event-type-super_chat.event-tier-high{--event-bg:var(--event-bg-super-chat-high,linear-gradient(135deg, #f003, #ffd70026));--event-border-color:var(--event-tier-high-border,gold)}.event-type-mystery_gift{--event-animation:var(--event-mystery-gift-animation,gift-explosion .8s ease-out)}.event-type-token_expiration_warning{--event-bg:linear-gradient(135deg, #ef444440 0%, #dc262626 100%);--event-border-color:#ef4444;--event-border-width:3px;--event-accent-color:#dc2626;--event-accent-width:8px;--event-glow:0 0 30px #ef444480, 0 8px 32px #0006;--event-animation:warning-pulse 2s ease-in-out infinite;border-left-width:var(--event-accent-width,8px);border-left-style:solid;border-left-color:var(--event-accent-color)}.event-type-token_expiration_warning .event-icon{--event-icon-animation:warning-shake .5s ease-in-out infinite}.event-type-token_expiration_warning .event-warning-message{background:#dc262633;border-radius:.375rem;margin-top:.5rem;padding:.5rem}.event-type-listener_deprecation_notice{--event-bg:linear-gradient(135deg, #f59e0b38 0%, #d9770624 100%);--event-border-color:#f59e0b;--event-border-width:3px;--event-accent-color:#d97706;--event-accent-width:8px;--event-glow:0 0 24px #f59e0b66, 0 8px 32px #0006;border-left-width:var(--event-accent-width,8px);border-left-style:solid;border-left-color:var(--event-accent-color)}.event-type-listener_deprecation_notice .event-warning-message{background:#d977062e;border-radius:.375rem;margin-top:.5rem;padding:.5rem}.event-message .event-content{transition:all .3s ease-in-out}@media (prefers-reduced-motion:reduce){.event-message{--event-animation:none;--event-icon-animation:none;--event-decor:none}}}@layer visual-customizer{.overlay-preview-body{padding:var(--chat-overlay-padding,1rem);gap:var(--chat-message-gap,.75rem)}.overlay-preview-body>:not(.scroll-anchor)+:not(.scroll-anchor){margin-top:var(--chat-message-gap,var(--theme-message-gap,.75rem))}.overlay-preview-body>:has(+.scroll-anchor){margin-bottom:0}.overlay-preview-body>div:not(.event-message):not(.scroll-anchor){border-radius:var(--chat-bubble-border-radius,var(--theme-bubble-border-radius,.5rem));border-width:var(--chat-bubble-border-width,var(--theme-bubble-border-width,0px));border-color:var(--chat-bubble-border-color,var(--theme-bubble-border-color,transparent));padding:var(--chat-bubble-padding,var(--theme-bubble-padding,.75rem));-webkit-backdrop-filter:blur(var(--chat-backdrop-blur,var(--theme-backdrop-blur,0px)));backdrop-filter:blur(var(--chat-backdrop-blur,var(--theme-backdrop-blur,0px)));border-style:solid}.overlay-preview-body .flex-shrink-0{display:var(--chat-show-avatars,block)}.overlay-preview-body .flex.items-start.gap-3{gap:var(--chat-avatar-gap,var(--theme-avatar-gap,.75rem))}.overlay-preview-body .flex-shrink-0 img,.overlay-preview-body .flex-shrink-0>div{width:var(--chat-avatar-size,2.5rem);height:var(--chat-avatar-size,2.5rem);min-width:var(--chat-avatar-size,2.5rem);min-height:var(--chat-avatar-size,2.5rem);max-width:4rem;max-height:4rem}.overlay-preview-body .flex.gap-1{display:var(--chat-show-badges,flex)}.overlay-preview-body .flex.gap-1 img{width:var(--chat-badge-size,1rem);height:var(--chat-badge-size,1rem);margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2);margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)}.overlay-preview-body .platform-badge-text{font-size:var(--chat-badge-size,.75rem);margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2);margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2);line-height:1}.overlay-preview-body .platform-badge-icon svg,.overlay-preview-body .platform-badge-icon img{width:var(--chat-badge-size,1rem);height:var(--chat-badge-size,1rem);margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2);margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)}.overlay-preview-body .font-semibold{display:var(--chat-show-username,inline)}.overlay-preview-body .chat-username{font-family:var(--chat-username-font-family,inherit);font-weight:var(--chat-username-font-weight,600);font-size:var(--chat-username-font-size,.875rem)}.overlay-preview-body .min-w-0.flex-1{line-height:var(--chat-line-height,1.5)}.overlay-preview-body .break-words{font-size:var(--chat-font-size,var(--theme-font-size,var(--chat-legacy-font-size,1rem)));font-family:var(--chat-font-family,inherit);font-weight:var(--chat-font-weight,inherit);line-height:calc(var(--chat-line-height,1.5) * 1em);letter-spacing:var(--chat-letter-spacing,normal);color:var(--chat-message-color,inherit)}.overlay-preview-body .break-words:has(img){line-height:max(calc(var(--chat-line-height,1.5) * 1em), calc(1.4em * var(--chat-emote-scale,1)))}.overlay-preview-body .text-xs.text-slate-500{display:var(--chat-show-timestamps,block);font-size:var(--chat-timestamp-font-size,.75rem);font-family:var(--chat-timestamp-font-family,inherit);color:var(--chat-timestamp-color,inherit)}.overlay-preview-body .break-words img{display:var(--chat-show-emotes,inline);height:calc(1.4em * var(--chat-emote-scale,1));vertical-align:middle;width:auto}.overlay-live-body>:not(.scroll-anchor)+:not(.scroll-anchor){margin-top:var(--chat-message-gap,var(--theme-message-gap,.75rem))}.overlay-live-body>:has(+.scroll-anchor){margin-bottom:0}.overlay-live-body>div:not(.event-message):not(.scroll-anchor){border-radius:var(--chat-bubble-border-radius,var(--theme-bubble-border-radius,.5rem));border-width:var(--chat-bubble-border-width,var(--theme-bubble-border-width,0px));border-color:var(--chat-bubble-border-color,var(--theme-bubble-border-color,transparent));padding:var(--chat-bubble-padding,var(--theme-bubble-padding,.75rem));-webkit-backdrop-filter:blur(var(--chat-backdrop-blur,var(--theme-backdrop-blur,4px)));backdrop-filter:blur(var(--chat-backdrop-blur,var(--theme-backdrop-blur,4px)));border-style:solid}.overlay-live-body .flex.items-start.gap-3{gap:var(--chat-avatar-gap,var(--theme-avatar-gap,.75rem))}.overlay-live-body .flex-shrink-0 img,.overlay-live-body .flex-shrink-0>div{width:var(--chat-avatar-size,2.5rem);height:var(--chat-avatar-size,2.5rem);min-width:var(--chat-avatar-size,2.5rem);min-height:var(--chat-avatar-size,2.5rem);max-width:4rem;max-height:4rem}.overlay-live-body .flex.gap-1 img{width:var(--chat-badge-size,1rem);height:var(--chat-badge-size,1rem);margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2);margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)}.overlay-live-body .platform-badge-text{font-size:var(--chat-badge-size,.75rem);margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2);margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2);line-height:1}.overlay-live-body .platform-badge-icon svg,.overlay-live-body .platform-badge-icon img{width:var(--chat-badge-size,1rem);height:var(--chat-badge-size,1rem);margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2);margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)}.overlay-live-body .chat-username{font-family:var(--chat-username-font-family,inherit);font-weight:var(--chat-username-font-weight,600);font-size:var(--chat-username-font-size,.875rem)}.overlay-live-body .min-w-0.flex-1{line-height:var(--chat-line-height,1.5)}.overlay-live-body .break-words{font-size:var(--chat-font-size,var(--theme-font-size,var(--chat-legacy-font-size,1rem)));font-family:var(--chat-font-family,inherit);font-weight:var(--chat-font-weight,inherit);line-height:calc(var(--chat-line-height,1.5) * 1em);letter-spacing:var(--chat-letter-spacing,normal);color:var(--chat-message-color,#fff)}.overlay-live-body .break-words:has(img){line-height:max(calc(var(--chat-line-height,1.5) * 1em), calc(1.4em * var(--chat-emote-scale,1)))}.overlay-live-body .text-xs.text-slate-500{font-size:var(--chat-timestamp-font-size,.75rem);font-family:var(--chat-timestamp-font-family,inherit);color:var(--chat-timestamp-color,#64748b)}.overlay-live-body .break-words img{display:var(--chat-show-emotes,inline);height:calc(1.4em * var(--chat-emote-scale,1));vertical-align:middle;width:auto}.event-message[class*=super_chat],.event-message[class*=super_sticker]{display:var(--chat-show-super-chat,block);transform:scale(var(--chat-super-chat-size-modifier,var(--event-scale,1.05)))}.event-message[class*=subscription],.event-message[class*=gift_subscription]{display:var(--chat-show-subscriptions,block);transform:scale(var(--chat-subscription-size-modifier,var(--event-scale,1.05)))}.event-message[class*=raid]{display:var(--chat-show-raids,block);transform:scale(var(--chat-raid-size-modifier,var(--event-scale,1.05)))}.event-message[class*=bits]{display:var(--chat-show-bits,block);transform:scale(var(--chat-bits-size-modifier,var(--event-scale,1.05)))}.event-message[class*=member],.event-message[class*=gift]{display:var(--chat-show-membership-gift,block);transform:scale(var(--chat-membership-gift-size-modifier,var(--event-scale,1.05)))}}@layer user-overrides;@keyframes event-bounce-in{0%{opacity:0;transform:scale(.3)translateY(50px)}50%{transform:scale(1.1)translateY(-10px)}to{opacity:1;transform:scale(1.05)translateY(0)}}@keyframes high-tier-glow{0%,to{box-shadow:0 0 30px #ffd70080,0 8px 32px #0006,inset 0 1px #ffffff1a}50%{box-shadow:0 0 50px #ffd700cc,0 8px 32px #0006,inset 0 1px #fff3}}@keyframes event-icon-pulse{0%,to{filter:drop-shadow(0 2px 8px #ffffff4d);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 4px 16px #fff9);transform:scale(1.15)rotate(-5deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%,75%{transform:scale(1.2)}50%{transform:scale(1.1)}}@keyframes raid-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gift-explosion{0%{transform:scale(.9);box-shadow:0 0 10px #9333ea80}50%{transform:scale(1.05);box-shadow:0 0 30px #9333eacc}to{transform:scale(1);box-shadow:0 0 20px #9333ea4d}}@keyframes warning-pulse{0%,to{box-shadow:0 0 30px #ef444480,0 8px 32px #0006}50%{box-shadow:0 0 50px #ef4444cc,0 8px 32px #0006}}@keyframes warning-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}