.talk{align-items:flex-start;gap:16px;margin:0 0 28px;display:flex}.talk.right{flex-direction:row-reverse}.talk-ava{width:84px;color:var(--mute);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-items:center;gap:4px;padding:0;display:grid}.ava-ring{background:color-mix(in srgb, var(--primary) 14%, var(--bg-2));border:3px solid var(--bg-2);width:76px;height:76px;box-shadow:0 0 0 2px var(--line), 0 6px 14px var(--shadow);transition:transform .5s var(--spring-big);border-radius:50%;display:block;overflow:hidden}.talk[data-who=kumo] .ava-ring{background:linear-gradient(#2a1f6b,#4b3aa8)}.ava-ring svg,.ava-ring img{object-fit:cover;width:100%;height:100%;display:block}.talk-ava:hover .ava-ring{transform:rotate(-8deg)scale(1.08)}.talk.poke .ava-ring{animation:squish .55s var(--spring-big)}.talk-name{font-size:12px;font-weight:700}.talk .pupil{transition:transform .15s}.f-closed,.f-smug,.f-more{opacity:0}.talk.face-closed .f-closed,.talk.face-smug .f-smug,.talk.face-more .f-more{opacity:1}.talk[data-who=kumo].face-closed .eye{opacity:0}.talk.face-normal:is([data-who=cocoa],[data-who=mike],[data-who=luna],[data-who=yume]) .f-closed{animation:4.2s infinite avBlink}.talk:nth-of-type(2n).face-normal .f-closed{animation-delay:1.7s}@keyframes avBlink{0%,95%{opacity:0}96%,99%{opacity:1}to{opacity:0}}.talk-bubble{background:var(--bg-2);border:2px solid var(--line);min-width:0;max-width:560px;box-shadow:0 6px 0 color-mix(in srgb, var(--line) 70%, transparent);border-radius:20px;flex:1;padding:16px 22px;line-height:1.9;position:relative}.talk[data-who=cocoa] .talk-bubble{border-color:color-mix(in srgb, #c98b5a 50%, var(--line))}.talk[data-who=mike],.talk[data-who=mike] *{cursor:url(/cursors/cookie.svg) 6 6,auto}.talk[data-who=mike] :is(a,button),.talk[data-who=mike] :is(a,button) *{cursor:url(/cursors/cookie-bite.svg) 6 6,pointer}.talk[data-who=luna],.talk[data-who=luna] *{cursor:url(/cursors/niboshi.svg) 27 7,auto}.talk[data-who=luna] :is(a,button),.talk[data-who=luna] :is(a,button) *{cursor:url(/cursors/niboshi-bite.svg) 27 7,pointer}.talk[data-who=cocoa],.talk[data-who=cocoa] *{cursor:url(/cursors/ice.svg) 9 5,auto}.talk[data-who=cocoa] :is(a,button),.talk[data-who=cocoa] :is(a,button) *{cursor:url(/cursors/ice-bite.svg) 9 5,pointer}.talk[data-who=yume],.talk[data-who=yume] *{cursor:url(/cursors/carrot.svg) 6 6,auto}.talk[data-who=yume] :is(a,button),.talk[data-who=yume] :is(a,button) *{cursor:url(/cursors/carrot-bite.svg) 6 6,pointer}.talk[data-who=yume] .ava-ring{background:color-mix(in srgb, #ffc9d6 26%, var(--bg-2))}.talk[data-who=yume] .talk-bubble{border-color:color-mix(in srgb, #f08aa8 55%, var(--line))}.talk[data-who=luna] .ava-ring{background:color-mix(in srgb, #ffb3c6 22%, var(--bg-2))}.talk[data-who=luna] .talk-bubble{border-color:color-mix(in srgb, #c9a0b8 55%, var(--line))}.talk[data-who=mike] .ava-ring{background:color-mix(in srgb, #ffc94d 22%, var(--bg-2))}.talk[data-who=mike] .talk-bubble{border-color:color-mix(in srgb, #e8a33d 55%, var(--line))}.talk[data-who=nemuta] .ava-ring{background:#fff}.talk[data-who=kumo] .talk-bubble{border-color:color-mix(in srgb, #9775fa 55%, var(--line))}.talk-bubble:before{content:"";background:inherit;border:inherit;border-width:0 0 2px 2px;border-radius:0 0 0 4px;width:18px;height:18px;position:absolute;top:24px;left:-12px;transform:rotate(45deg)}.talk.right .talk-bubble:before{border-width:2px 2px 0 0;border-radius:0 4px 0 0;left:auto;right:-12px}.talk-bubble p{margin:0}.talk .talk-bubble{opacity:0;transform-origin:0 30px;transform:scale(.6)translateY(10px)}.talk.right .talk-bubble{transform-origin:100% 30px}.talk .talk-ava{opacity:0;transition:opacity .4s, transform .6s var(--spring-big);transform:translateY(14px)}.talk.in-view .talk-ava{opacity:1;transform:none}.talk.in-view .talk-bubble{animation:bubbleIn .55s .12s var(--spring-big) forwards}@keyframes bubbleIn{to{opacity:1;transform:none}}.talk-bubble:not(.typed):after{content:"▍";color:var(--primary);animation:.8s step-end infinite caret}.talk:not(.in-view) .talk-bubble:after{content:none}@keyframes caret{50%{opacity:0}}@keyframes squish{0%{transform:scale(1)}25%{transform:scale(1.18,.8)}55%{transform:scale(.92,1.1)}to{transform:scale(1)}}