:root{--bubble-bg:#fffbf1;--bubble-ink:#221b2e;--bubble-soft:#5b5368;--bubble-kubo:#ffc94a;--bubble-pip:#f07aa6}.char{vertical-align:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;display:inline-block;position:relative}.char-layer{transform-origin:50% var(--char-foot);position:absolute;inset:0}.char img{visibility:hidden;image-rendering:auto;-webkit-user-drag:none;max-width:none;position:absolute}.char img.on{visibility:visible}.char-shadow{background:radial-gradient(closest-side,#221b2e33,#221b2e21 65%,#221b2e00);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.char-breath{animation:2.618s ease-in-out infinite char-breathe;animation-delay:var(--char-breath-delay,0s)}.char.is-talking .char-talk{animation:.224s ease-in-out infinite char-talk}.char.is-reduced .char-breath,.char.is-reduced .char-talk{animation:none}@keyframes char-breathe{0%,to{transform:scale(1.009,.982)}50%{transform:scale(.991,1.018)}}@keyframes char-talk{0%,to{transform:scale(1)}50%{transform:scale(1.018,.97)}}.bubble{min-width:0;max-width:100%;display:inline-flex;position:relative}.bubble.is-empty{visibility:hidden}.bubble-card{background:var(--bubble-bg);min-width:0;max-height:100%;color:var(--bubble-ink);border:2.5px solid var(--bubble-ink);border-radius:20px 24px 22px 26px/24px 20px 26px 22px;padding:14px 52px 13px 20px;animation:.2s cubic-bezier(.34,1.56,.64,1) both bubble-pop;position:relative;box-shadow:3px 4px #221b2e29}.bubble-tail-left .bubble-card{transform-origin:0 80%}.bubble-tail-right .bubble-card{transform-origin:100% 80%}.bubble-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.bubble-name{font:600 13px/1 var(--font-ui,"Fredoka", system-ui, sans-serif);letter-spacing:.06em;border:2px solid var(--bubble-ink);background:var(--bubble-kubo);color:var(--bubble-ink);border-radius:999px/90% 110%;padding:4px 10px;position:absolute;top:-13px;left:16px;transform:rotate(-2.5deg)}.bubble-pip .bubble-name{background:var(--bubble-pip);left:auto;right:56px;transform:rotate(2deg)}.bubble-tail-left.bubble-pip .bubble-name{left:16px;right:auto}.bubble-card{min-height:60px}.bubble-text{font:500 clamp(17px, 1.45vw, 21px)/1.32 var(--font-ui,"Fredoka", system-ui, sans-serif);color:var(--bubble-ink);text-wrap:pretty;overflow-wrap:anywhere;margin:0}.bubble-tail{z-index:1;position:absolute;bottom:10px;overflow:visible}.bubble-tail-left .bubble-tail{left:-32px}.bubble-tail-right .bubble-tail{right:-32px;transform:scaleX(-1)}.bubble-tail-fill{fill:var(--bubble-bg)}.bubble-tail-ink{fill:none;stroke:var(--bubble-ink);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.bubble-replay{z-index:2;border:2px solid var(--bubble-ink);background:var(--bubble-kubo);width:36px;height:36px;color:var(--bubble-ink);cursor:pointer;border-radius:50% 46% 52% 48%;place-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:grid;position:absolute;bottom:9px;right:9px;box-shadow:0 2px #221b2e40}.bubble-pip .bubble-replay{background:var(--bubble-pip)}.bubble-replay:hover{transform:translateY(-1px)rotate(-4deg)}.bubble-replay:active{transform:translateY(1px);box-shadow:0 0 #221b2e40}.bubble-replay:focus-visible{outline:3px solid var(--teal,#1e9e92);outline-offset:2px}.bubble.is-speaking .bubble-replay .wave{animation:1s ease-in-out infinite bubble-wave}.bubble.is-speaking .bubble-replay .wave-2{animation-delay:.18s}@keyframes bubble-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bubble-wave{0%,to{opacity:1}50%{opacity:.25}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.stage{box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;column-gap:4px;height:180px;padding:0 8px;display:grid;position:relative}.stage-slot{align-items:flex-end;height:100%;display:flex}.stage-bubble{box-sizing:border-box;justify-content:flex-start;align-self:stretch;align-items:center;min-width:0;padding:16px 34px 12px;display:flex}.stage[data-speaker=pip] .stage-bubble{justify-content:flex-end}.stage-bubble .bubble{max-width:min(640px,100%);max-height:100%}.stage-bubble .bubble-text{scrollbar-width:thin;max-height:5.4lh;overflow-y:auto}.stage-bubble .bubble-len-l .bubble-text{font-size:clamp(16px,1.3vw,19px)}.stage-compact{grid-template-columns:auto minmax(0,1fr);column-gap:0;height:auto;min-height:96px;padding:0 2px}.stage-compact .stage-bubble{justify-content:flex-start;padding:11px 2px 3px 27px}.stage-compact[data-speaker=pip] .stage-bubble{justify-content:flex-start}.stage-compact .bubble-card{border-width:2px;min-height:44px;padding:8px 36px 7px 11px;box-shadow:2px 3px #221b2e29}.stage-compact .bubble-pip .bubble-name{left:10px;right:auto}.stage-compact .bubble-text{max-height:6lh;font-size:15px;line-height:1.22}.stage-compact .bubble-len-m .bubble-text,.stage-compact .bubble-len-l .bubble-text{font-size:14px;line-height:1.2}.stage-compact .bubble-name{padding:2px 7px;font-size:10px;top:-10px;left:10px}.stage-compact .bubble-replay{width:28px;height:28px;bottom:5px;right:5px}.stage-compact .bubble-replay svg{width:16px;height:16px}.stage-compact .bubble-tail{transform-origin:100% 100%;bottom:7px;left:-30px;transform:scale(.8)}@media (prefers-reduced-motion:reduce){.char-breath,.char.is-talking .char-talk{animation:none}.bubble-card{animation:.15s ease-out both bubble-fade}.bubble.is-speaking .bubble-replay .wave{animation:none}.bubble-replay,.bubble-replay:hover{transition:none;transform:none}}:root[data-still=true] .char-breath,:root[data-still=true] .char.is-talking .char-talk{animation:none}.bubble.is-reduced .bubble-card,:root[data-still=true] .bubble-card{animation:.15s ease-out both bubble-fade}.bubble.is-reduced .bubble-replay .wave,:root[data-still=true] .bubble-replay .wave{animation:none}@keyframes bubble-fade{0%{opacity:0}to{opacity:1}}