.speech-bubbles{overscroll-behavior:contain;scrollbar-color:#9d956b #21352c;flex-direction:column;gap:8px;max-height:35dvh;margin:14px 0;display:flex;overflow:auto}.speech-bubbles[hidden]{display:none}.speech-bubble{color:#172c26;overflow-wrap:anywhere;background:#f2e5c8;border:1px solid #d8c28f;border-radius:12px 12px 12px 2px;padding:11px 12px;font:14px/1.45 system-ui,sans-serif;position:relative;box-shadow:0 5px 16px #12261c55}.speech-bubble .speech-words{white-space:pre-wrap;color:inherit;font:inherit;margin:0}.speech-actions{justify-content:flex-end;gap:7px;margin-top:7px;display:flex}.speech-actions button{color:#24382e;background:#fff6e3;border:1px solid #827b61;min-height:36px;padding:5px 8px;font:12px/1.3 system-ui,sans-serif}.speech-actions button:hover{background:#fffdf5}.speech-graphics{z-index:4;pointer-events:auto;width:min(310px,100% - 44px);max-height:34%;margin:0;position:absolute;top:108px;left:22px}@media (width<=680px){.speech-graphics{width:calc(100% - 24px);max-height:32%;top:145px;left:12px}.speech-bubble{padding:8px 10px;font-size:13px}.speech-actions button{min-height:36px}}@media (width<=760px){.drawer-open .speech-graphics{width:calc(100% - 24px);max-height:76px;top:8px}.drawer-open .speech-bubble{padding:6px 8px}.drawer-open .speech-actions{margin-top:3px}.drawer-open .speech-actions button{min-height:28px}}