:root{--bg:#fff;--bubble:#e9e9e9;--text:#111;--link:#0a66ff;--radius:999px;--padY:14px;--padX:18px;--gap:10px;--max:66ch}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.wrap{min-height:100vh;padding:18px}.chat{display:flex;flex-direction:column;gap:var(--gap);align-items:flex-start;justify-content:flex-start}.bubble{background:var(--bubble);border-radius:var(--radius);padding:var(--padY) var(--padX);max-width:min(var(--max),92vw);font-size:24px;line-height:1.1;opacity:0;transform:translateY(8px);filter:blur(3px)}a{color:var(--link);text-decoration:underline}.typing{display:inline-flex;gap:6px;min-width:72px;justify-content:center;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:#666;opacity:.35}.bubble.is-typing{border-bottom-left-radius:0}@media(prefers-color-scheme:dark){:root{--bg:#0b0f14;--bubble:#151c24;--text:#e8eef6;--link:#7ab0ff}}@media(max-width:600px){:root{--padY: 10px;--padX: 14px;--gap:1px}.bubble{font-size:18px;line-height:1.25rem;margin:0 0 .125rem;padding:.5rem .85rem}.dot{width:8px;height:8px}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){:root{--visible: 5;--wrapPad: 18px}.wrap{min-height:100vh;padding:var(--wrapPad);display:flex}.chat{flex:1;height:calc(100vh - (2 * var(--wrapPad)));display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap);justify-content:flex-start;overflow:auto}:root{--bubbleH: calc( (100vh - (2 * var(--wrapPad)) - ((var(--visible) - 1) * var(--gap))) / var(--visible) )}.bubble{font-size:clamp(18px,calc(var(--bubbleH) * .38),30px);line-height:1.15;padding-block:clamp(10px,calc(var(--bubbleH) * .18),18px);padding-inline:clamp(14px,calc(var(--bubbleH) * .24),24px);max-height:var(--bubbleH);overflow:hidden}}