.chat-message{animation:.3s ease-out chatFadeIn;display:flex}.chat-message--user{justify-content:flex-end}.chat-message--assistant{justify-content:flex-start}.chat-message--system{justify-content:center}.chat-bubble{word-break:break-word;border-radius:1rem;max-width:85%;padding:.75rem 1rem;font-size:.875rem;line-height:1.6}.chat-bubble--user{background:var(--color-primary);color:#fff;border-bottom-right-radius:.25rem}.chat-bubble--assistant{background:var(--color-surface-container);color:var(--color-on-surface);border-bottom-left-radius:.25rem}.chat-bubble--assistant strong{font-weight:700}.chat-bubble--assistant em{font-style:italic}.chat-ol,.chat-ul{margin:.5rem 0;padding-left:1.5rem}.chat-ol{list-style:decimal}.chat-ul{list-style:outside}.chat-li{margin-bottom:.25rem}.chat-code-block{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:.5rem;margin:.5rem 0;padding:.75rem 1rem;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.chat-inline-code{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:.25rem;padding:.1rem .35rem;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.85em}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dot{animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#url-input:focus{box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}#chat-messages{scrollbar-width:thin;scrollbar-color:var(--color-outline-variant) transparent}#chat-messages::-webkit-scrollbar{width:6px}#chat-messages::-webkit-scrollbar-track{background:0 0}#chat-messages::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:3px}.suggestion-chip{transition:all .2s}.suggestion-chip:hover{box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15)}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#page-info.show{animation:.3s ease-out slideIn}