.bro{display:inline-block;isolation:isolate;line-height:0;container-type:inline-size;--bro-float:5s;--bro-glow:0.33;--bro-brain:0.35}.bro,.bro-body{position:relative}.bro-body{aspect-ratio:1221/1289;transform-origin:50% 96%;transition:transform .6s cubic-bezier(.34,1.4,.64,1),filter .6s ease}.bro-img{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;opacity:0;transition:opacity .28s ease;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4.5cqw 6cqw rgba(0,0,0,.3))}.bro-img.is-on{opacity:1}.bro-aura{z-index:-1;left:16%;top:4%;width:68%;height:46%;background:radial-gradient(closest-side,rgba(140,92,255,var(--bro-glow)),rgba(140,92,255,0));filter:blur(6cqw);transition:background .6s ease}.bro-aura,.bro-brain{position:absolute;border-radius:50%;pointer-events:none}.bro-brain{left:34%;top:8%;width:37%;height:25%;background:radial-gradient(closest-side,rgba(214,190,255,.95),rgba(160,110,255,.45) 55%,rgba(140,92,255,0));mix-blend-mode:screen;opacity:var(--bro-brain);transition:opacity .6s ease}.bro-shadow{position:absolute;z-index:-1;left:30%;bottom:.5%;width:40%;height:3%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),rgba(0,0,0,0))}.bro-lid{position:absolute;border-radius:50% 50% 46% 46%;transform:scaleY(0);transform-origin:50% 0;transition:transform .09s ease-in;pointer-events:none}.bro-lid:after{content:"";position:absolute;left:12%;right:12%;bottom:2%;height:7%;border-radius:50%;background:rgba(40,30,40,.55)}.bro-lid-l{left:39.5%;top:38.5%;width:8.2%;height:7.6%;background:radial-gradient(ellipse at 60% 30%,#c9b6a4,#b39c88)}.bro-lid-r{left:67.9%;top:41.4%;width:5.8%;height:7%;background:radial-gradient(ellipse at 40% 30%,#ecdccb,#dcc6b1)}.bro[data-blink="1"] .bro-lid{transform:scaleY(1)}.bro:not([data-pose=idle]) .bro-lid{display:none}.bro-fx{inset:0;pointer-events:none}.bro-dot,.bro-fx{position:absolute}.bro-dot{width:2.2%;aspect-ratio:1;border-radius:50%;background:#e2d6ff;box-shadow:0 0 2cqw #a98bff;opacity:0}.bro-z:before{content:"z"}.bro-z{position:absolute;font:600 7cqw/1 system-ui,sans-serif;color:#cbb8ff;opacity:0}.bro[data-mood=curious] .bro-body,.bro[data-mood=idle] .bro-body,.bro[data-mood=point] .bro-body{animation:bro-float var(--bro-float) ease-in-out infinite}.bro[data-mood=curious] .bro-brain,.bro[data-mood=idle] .bro-brain,.bro[data-mood=point] .bro-brain,.bro[data-mood=wave] .bro-brain{animation:bro-breathe 4.2s ease-in-out infinite}.bro[data-mood=wave] .bro-body{animation:bro-float var(--bro-float) ease-in-out infinite}.bro[data-mood=thinking]{--bro-glow:0.5}.bro[data-mood=thinking] .bro-body{animation:bro-float 2.6s ease-in-out infinite}.bro[data-mood=thinking] .bro-brain{animation:bro-think 1.15s ease-in-out infinite}.bro[data-mood=thinking] .bro-dot{animation:bro-rise 1.8s ease-out infinite}.bro[data-mood=thinking] .bro-dot:nth-child(2){animation-delay:.6s}.bro[data-mood=thinking] .bro-dot:nth-child(3){animation-delay:1.2s}.bro[data-mood=happy]{--bro-glow:0.48;--bro-brain:0.5}.bro[data-mood=happy] .bro-aura{background:radial-gradient(closest-side,rgba(214,110,255,.45),rgba(214,110,255,0))}.bro[data-mood=happy] .bro-body{animation:bro-hop 1.3s cubic-bezier(.3,.7,.4,1) 2,bro-float var(--bro-float) ease-in-out 2.6s infinite}.bro[data-mood=concerned]{--bro-glow:0.16;--bro-brain:0.08}.bro[data-mood=concerned] .bro-body{animation:bro-float-slow 7s ease-in-out infinite}.bro[data-mood=sleep]{--bro-glow:0.12;--bro-brain:0.04}.bro[data-mood=sleep] .bro-body{animation:bro-sleep 5.5s ease-in-out infinite}.bro[data-mood=sleep]:not([data-pose=sleep]) .bro-z{animation:none;opacity:0}.bro[data-mood=sleep] .bro-z{animation:bro-z 4.2s ease-out infinite}.bro[data-mood=sleep] .bro-z:nth-child(5){animation-delay:1.4s}.bro[data-mood=sleep] .bro-z:nth-child(6){animation-delay:2.8s}@keyframes bro-float{0%,to{translate:0 0}50%{translate:0 -2.2%}}@keyframes bro-float-slow{0%,to{translate:0 0}50%{translate:0 -1%}}@keyframes bro-breathe{0%,to{opacity:var(--bro-brain)}50%{opacity:calc(var(--bro-brain) + .18)}}@keyframes bro-think{0%,to{opacity:.35}50%{opacity:.95}}@keyframes bro-hello{0%,to{rotate:0deg}15%,55%{rotate:-6deg}35%,75%{rotate:6deg}}@keyframes bro-hop{0%,to{translate:0 0;scale:1 1}12%{translate:0 0;scale:1.03 .96}40%{translate:0 -7%;scale:.98 1.03}70%{translate:0 0;scale:1.02 .98}}@keyframes bro-sleep{0%,to{scale:1 1}50%{scale:1.012 .99}}@keyframes bro-rise{0%{opacity:0;translate:0 0}25%{opacity:1}to{opacity:0;translate:40% -260%}}@keyframes bro-z{0%{opacity:0;translate:0 0;scale:.7}30%{opacity:.9}to{opacity:0;translate:60% -220%;scale:1.1}}.bro-tilt{transform:perspective(240cqw) rotateX(var(--bro-rx,0deg)) rotateY(var(--bro-ry,0deg));transform-origin:50% 72%;transition:transform .25s ease-out,translate .45s cubic-bezier(.34,1.5,.64,1),scale .45s cubic-bezier(.34,1.5,.64,1)}.bro-glint{position:absolute;left:34%;top:8%;width:37%;height:25%;border-radius:50%;background:radial-gradient(closest-side,rgba(236,224,255,.9),rgba(170,120,255,.35) 60%,rgba(140,92,255,0));mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .35s ease}.bro-shadow{transition:scale .45s ease,opacity .45s ease}.bro[data-hover="1"]{--bro-glow:0.55}.bro[data-hover="1"] .bro-tilt{translate:0 -2.5%;scale:1.035}.bro[data-hover="1"] .bro-glint{opacity:.55}.bro[data-hover="1"] .bro-shadow{scale:.82 1;opacity:.7}.bro[data-poke="1"] .bro-tilt{animation:bro-poke .65s cubic-bezier(.3,.7,.4,1) 1}.bro[data-cheer="1"]{--bro-glow:0.6}.bro[data-cheer="1"] .bro-aura{background:radial-gradient(closest-side,rgba(214,110,255,.5),rgba(214,110,255,0))}.bro[data-cheer="1"] .bro-tilt{animation:bro-hop .62s cubic-bezier(.3,.7,.4,1) 2}.bro[data-cheer="1"] .bro-glint{opacity:.85}@keyframes bro-poke{0%{translate:0 0;scale:1}35%{translate:0 -6%;scale:.99 1.04}70%{translate:0 -1.5%;scale:1.045 .985}to{translate:0 -2.5%;scale:1.035}}.bro-head{transition:scale .3s cubic-bezier(.34,1.5,.64,1)}.bro-head:hover{scale:1.08}.bro-head:hover .bro-brain{opacity:.7}.bro[data-paused="1"] *,.bro[data-still="1"] *{animation-play-state:paused!important}.bro[data-still="1"] .bro-body,.bro[data-still="1"] .bro-brain{animation:none!important}@media (prefers-reduced-motion:reduce){.bro *,.bro-head *{animation:none!important;transition:none!important}}.bro-head{position:relative;display:inline-block;overflow:hidden;flex:none;line-height:0}.bro-head .bro-crop{position:absolute;inset:0;width:100%;max-width:none;height:100%}.bro-head .bro-brain{left:28%;top:6%;width:44%;height:36%}.bro-head[data-mood=thinking] .bro-brain{animation:bro-think 1.15s ease-in-out infinite}.bro-head[data-mood=idle] .bro-brain{animation:bro-breathe 4.2s ease-in-out infinite}.bro-head[data-mood=concerned] .bro-crop,.bro-head[data-mood=sleep] .bro-crop{filter:brightness(.88) saturate(.85)}.bro-head[data-mood=happy] .bro-brain{opacity:.5}.bro-head[data-face=pose] .bro-crop{left:-18.3%;top:5%;width:135.7%;height:143.2%}.bro-head[data-face=pose] .bro-brain{left:30%;top:17%;width:44%;height:32%}.bro-hz{position:absolute;right:3%;top:0;font-weight:700;font-style:normal;line-height:1;font-family:system-ui,sans-serif;color:#ddd2ff;text-shadow:0 0 4px rgba(140,92,255,.9);pointer-events:none;animation:bro-hz 3.4s ease-out infinite}@keyframes bro-hz{0%{opacity:0;translate:-40% 70%}30%{opacity:1}to{opacity:0;translate:10% -5%}}.bro-head[data-still="1"] .bro-brain,.bro-head[data-still="1"] .bro-hz{animation:none}.bro-head[data-still="1"] .bro-hz{opacity:.9}@media (prefers-reduced-motion:reduce){.bro-head .bro-hz{opacity:.9}}