.bubble{display:flex;margin:1rem 0}
.bubble--left{justify-content:flex-start}
.bubble--right{justify-content:flex-end}
.bubble-content{max-width:80%;padding:.75rem 1rem;border-radius:12px;line-height:1.5}
.bubble--left .bubble-content{background:var(--bubble-left-bg,#f0f0f0);border-bottom-left-radius:4px}
.bubble--right .bubble-content{background:var(--bubble-right-bg,#e3f2fd);border-bottom-right-radius:4px}
@media (prefers-color-scheme:dark){
:root{--bubble-left-bg:#2a2a2a;--bubble-right-bg:#1a3a5c}
}
@media print{
.bubble-content{border:1px solid #ccc;background:0 0}
}