:root{font-size:max(1.0625rem,2vw);--bg0: #fff;--bg1: rgba(206, 206, 206, .5);--fg0: #000;--fg1: rgba(0, 0, 0, .5);--a0: #0076ff}@media (prefers-color-scheme: dark){:root{--bg0: #000;--bg1: rgba(206, 206, 206, .125);--fg0: #fff;--fg1: rgba(206, 206, 206, .5);--a0: #4da6ff}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:var(--bg0);color:var(--fg0)}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100dvh;width:100%}.messages{overflow-y:auto;width:100vw;max-height:100vh;padding:1rem .9rem;scroll-behavior:smooth}.message-row{display:block;min-height:0}.bubble{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .125rem;padding:.5rem .85rem;width:var(--bubble-width, auto);height:var(--bubble-height, auto);line-height:1.25rem;border-radius:1.25rem;transform-origin:0 100%;vertical-align:middle;transition:width .8s cubic-bezier(.22,1.45,.36,1),height .8s cubic-bezier(.22,1.45,.36,1),border-radius .25s ease-out 75ms,background .2s ease;max-width:85%;word-break:break-word;overflow-wrap:break-word}.bubble.is-loading{width:4rem;height:2.25rem;animation:bubbleLoadIn .8s cubic-bezier(.22,1.45,.36,1) both,bubbleLoading 1.1s ease-in-out infinite alternate}.bubble.left{background:var(--bg1)}.bubble.left.cornered{border-bottom-left-radius:0}.bubble .message{display:inline-block;flex:0 0 auto;opacity:1;line-height:1.125;transition:opacity .3s ease}.bubble:not(.is-loading) .message{transition-delay:.2s}.bubble .message-line{display:block;white-space:pre}.bubble .message-atom,.bubble .message-atom a{display:inline-block;vertical-align:middle}.bubble .message-atom svg{display:inline-block;vertical-align:middle}.bubble .message a{color:var(--a0)}.bubble .loading{position:absolute;left:.85rem;top:.5rem;display:inline-flex;gap:.15rem;font-size:1.625rem;line-height:1rem;color:var(--fg1);transition:opacity .3s ease,transform .3s ease;animation:dotsStart .4s cubic-bezier(.22,1.45,.36,1) 25ms both}.bubble .loading b{display:inline-block;transform-origin:center;animation:dotPulse .3s ease-in-out .05s infinite alternate}.bubble .loading b:nth-child(2){animation-delay:.15s}.bubble .loading b:nth-child(3){animation-delay:.25s}.bubble.is-loading .message{opacity:0;pointer-events:none;transition-delay:0s}.bubble:not(.is-loading) .loading{opacity:0;transform:scale(0);pointer-events:none}.measure-bubble{position:fixed;left:-100vw;top:-100vh;visibility:hidden;pointer-events:none}@keyframes bubbleLoading{0%{transform:scale(1.05)}to{transform:scale(.95)}}@keyframes bubbleLoadIn{0%{width:0ch;margin-top:2.5rem;margin-left:-2.5rem;opacity:0}to{width:4rem;margin-top:0;margin-left:0;opacity:1}}@keyframes dotsStart{0%{transform:translate(-2rem) scale(.5)}to{transform:translate(0) scale(1)}}@keyframes dotPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.25);opacity:1}}