.speech-bubble{padding:var(--space-lg);background:var(--color-canvas);border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-xl);max-width:400px;position:relative}.speech-bubble:before{content:"";width:0;height:0;position:absolute}.speech-bubble--bottom:before{border-left:15px solid #0000;border-right:15px solid #0000;border-top:20px solid var(--color-outline);bottom:-20px;left:30px}.speech-bubble--bottom:after{content:"";border-left:12px solid #0000;border-right:12px solid #0000;border-top:17px solid var(--color-canvas);position:absolute;bottom:-13px;left:33px}.speech-bubble--left:before{border-top:15px solid #0000;border-bottom:15px solid #0000;border-right:20px solid var(--color-outline);top:20px;left:-20px}.speech-bubble--left:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-right:17px solid var(--color-canvas);position:absolute;top:23px;left:-13px}.speech-bubble--right:before{border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:20px solid var(--color-outline);top:20px;right:-20px}.speech-bubble--right:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:17px solid var(--color-canvas);position:absolute;top:23px;right:-13px}.speech-bubble--top:before{border-left:15px solid #0000;border-right:15px solid #0000;border-bottom:20px solid var(--color-outline);top:-20px;left:30px}.speech-bubble--top:after{content:"";border-left:12px solid #0000;border-right:12px solid #0000;border-bottom:17px solid var(--color-canvas);position:absolute;top:-13px;left:33px}.speech-bubble--primary{background:var(--color-primary-light)}.speech-bubble--primary.speech-bubble--bottom:after,.speech-bubble--primary.speech-bubble--left:after,.speech-bubble--primary.speech-bubble--right:after,.speech-bubble--primary.speech-bubble--top:after{border-color:#0000}.speech-bubble--primary.speech-bubble--bottom:after{border-top-color:var(--color-primary-light)}.speech-bubble--primary.speech-bubble--left:after{border-right-color:var(--color-primary-light)}.speech-bubble--primary.speech-bubble--right:after{border-left-color:var(--color-primary-light)}.speech-bubble--primary.speech-bubble--top:after{border-bottom-color:var(--color-primary-light)}.speech-bubble--secondary{background:var(--color-secondary-light)}.speech-bubble--secondary.speech-bubble--bottom:after{border-top-color:var(--color-secondary-light)}.speech-bubble--accent{background:var(--color-accent)}.speech-bubble--accent.speech-bubble--bottom:after{border-top-color:var(--color-accent)}.speech-bubble--thought{border-radius:var(--radius-2xl)}.speech-bubble--thought:before{background:var(--color-canvas);border:var(--border-thick)solid var(--color-outline);border-radius:50%;width:20px;height:20px;bottom:-25px;left:25px}.speech-bubble--thought:after{content:"";background:var(--color-canvas);border:var(--border-medium)solid var(--color-outline);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-40px;left:15px}.speech-bubble__content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-ink)}.speech-bubble__content p{margin:0}.speech-bubble__author{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-thin)dashed var(--color-ink-lighter);display:flex}.speech-bubble__avatar{background:var(--color-canvas-dark);width:40px;height:40px;font-size:var(--text-lg);border:var(--border-medium)solid var(--color-outline);border-radius:50%;justify-content:center;align-items:center;display:flex}.speech-bubble__author-info{flex-direction:column;display:flex}.speech-bubble__author-name{font-weight:var(--weight-bold);font-size:var(--text-sm)}.speech-bubble__author-title{font-size:var(--text-xs);color:var(--color-ink-light)}.speech-bubble--animated{animation:bubbleAppear var(--duration-normal)var(--ease-bounce)forwards;opacity:0}@keyframes bubbleAppear{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.speech-bubble--small{padding:var(--space-md);max-width:280px}.speech-bubble--large{padding:var(--space-xl);max-width:500px}