[data-slot=warm-flame-mascot]{--mascot-face:#30160f;--mascot-blush:#d4a5a5;--mascot-dark-glow-shadow:0 0 8px #e49e6842;--mascot-dark-depth-shadow:0 10px 18px #18122357;--mascot-dark-lively-glow-shadow:0 0 11px #e49e6857;--mascot-dark-lively-depth-shadow:0 11px 20px #1812235c;--warm-flame-eye-x:0px;--warm-flame-eye-y:0px;--warm-flame-eye-lift:0px;--warm-flame-float-duration:2.8s;--warm-flame-float-lift:-2.8%;--warm-flame-float-scale-x:1;--warm-flame-float-scale-y:1.035;--warm-flame-eye-open-scale-x:1;--warm-flame-eye-open-scale-y:1;--warm-flame-eye-blink-scale-y:.18;--warm-flame-blink-duration:4.2s;--warm-flame-face-rotation:0deg;--warm-flame-rest-glow-shadow:0 0 calc(var(--spacing-sm) * 1.25) color-mix(in oklch, var(--warning) 46%, transparent);--warm-flame-rest-depth-shadow:0 calc(var(--spacing-sm) * 1.5) calc(var(--spacing-lg) * 1.375) color-mix(in oklch, var(--foreground) 24%, transparent);--warm-flame-lively-glow-shadow:0 0 calc(var(--spacing-sm) * 1.75) color-mix(in oklch, var(--warning) 56%, transparent);--warm-flame-lively-depth-shadow:0 calc(var(--spacing-sm) * 1.625) calc(var(--spacing-xl) * 1.5) color-mix(in oklch, var(--foreground) 27%, transparent);--warm-flame-face-shadow:0 calc(var(--spacing-sm) / 8) calc(var(--spacing-sm) / 8) color-mix(in oklch, var(--mascot-face) 14%, transparent);contain:layout;overflow:visible}[data-slot=warm-flame-mascot] .warm-flame-art{width:100%;height:100%;animation:warm-flame-float var(--warm-flame-float-duration) ease-in-out infinite;transform-origin:50% 18%;position:relative;overflow:visible}[data-slot=warm-flame-mascot] .warm-flame-body{background:radial-gradient(circle at 47% 72%, color-mix(in oklch, var(--background) 95%, transparent), color-mix(in oklch, var(--warning) 62%, transparent) 28%, transparent 52%), linear-gradient(165deg, var(--warning) 0%, var(--primary) 72%, var(--destructive) 100%);width:100%;height:100%;filter:brightness(1) saturate(1) contrast(1) drop-shadow(var(--warm-flame-rest-glow-shadow)) drop-shadow(var(--warm-flame-rest-depth-shadow));transition:filter .18s;display:block;position:absolute;inset:0;overflow:visible;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-slot=warm-flame-mascot].warm-flame-mascot-lively .warm-flame-body{filter:brightness(1.055) saturate(1.12) contrast(1.03) drop-shadow(var(--warm-flame-lively-glow-shadow)) drop-shadow(var(--warm-flame-lively-depth-shadow))}.dark [data-slot=warm-flame-mascot] .warm-flame-body{filter:brightness(1) saturate(1) contrast(1) drop-shadow(var(--mascot-dark-glow-shadow)) drop-shadow(var(--mascot-dark-depth-shadow))}.dark [data-slot=warm-flame-mascot].warm-flame-mascot-lively .warm-flame-body{filter:brightness(1.055) saturate(1.12) contrast(1.03) drop-shadow(var(--mascot-dark-lively-glow-shadow)) drop-shadow(var(--mascot-dark-lively-depth-shadow))}[data-slot=warm-flame-mascot] .warm-flame-face{width:100%;height:100%;color:var(--mascot-face);filter:drop-shadow(var(--warm-flame-face-shadow));transform:rotate(var(--warm-flame-face-rotation));transform-origin:50% 68%;transition:transform .18s;display:block;position:absolute;inset:0;overflow:visible}[data-slot=warm-flame-mascot] .warm-flame-eyes{transform:translate(var(--warm-flame-eye-x), var(--warm-flame-eye-y)) translateY(var(--warm-flame-eye-lift));transition:transform 90ms linear}[data-slot=warm-flame-mascot] .warm-flame-eye{transform-box:fill-box;transform-origin:50%;animation:warm-flame-blink var(--warm-flame-blink-duration) ease-in-out infinite}[data-slot=warm-flame-mascot] .warm-flame-brow{transition:none}[data-slot=warm-flame-mascot] .warm-flame-expression-face{opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:50%;transition:none;transform:translateY(2px)scale(.985)}[data-slot=warm-flame-mascot] .warm-flame-expression-face[data-expression-active=true]{opacity:1;transform:translateY(0)scale(1)}[data-slot=warm-flame-mascot] .warm-flame-mouth{stroke-linecap:round;stroke-linejoin:round;fill:none;transform-box:fill-box;transform-origin:50%;transition:none;transform:translateY(5px)}[data-slot=warm-flame-mascot] .warm-flame-mouth--filled{fill:currentColor;stroke:none}[data-slot=warm-flame-mascot] .warm-flame-cheek{transform-box:fill-box;transform-origin:50%;transition:none;transform:translateY(5px)}[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-art,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-eye{animation:none}[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-body,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-face,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-eyes,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-expression-face,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-brow,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-mouth,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-cheek{transition:none}[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-expression-face,[data-slot=warm-flame-mascot][data-reduced-motion=true] .warm-flame-expression-face[data-expression-active=true]{transform:none}[data-slot=warm-flame-mascot].warm-flame-mascot--mouth-open-hover[data-expression=happy] .warm-flame-expression-face[data-expression-id=calm]{opacity:1;transform:translateY(0)scale(1)}[data-slot=warm-flame-mascot].warm-flame-mascot--mouth-open-hover[data-expression=happy] .warm-flame-expression-face[data-expression-id=calm] .warm-flame-mouth,[data-slot=warm-flame-mascot].warm-flame-mascot--mouth-open-hover[data-expression=happy] .warm-flame-expression-face[data-expression-id=happy] .warm-flame-cheek{opacity:0}@keyframes warm-flame-float{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(var(--warm-flame-float-lift)) scale(var(--warm-flame-float-scale-x), var(--warm-flame-float-scale-y))}}@keyframes warm-flame-blink{0%,88%,to{transform:scale(var(--warm-flame-eye-open-scale-x), var(--warm-flame-eye-open-scale-y))}93%{transform:scale(var(--warm-flame-eye-open-scale-x), var(--warm-flame-eye-blink-scale-y))}}