Markdown styling for Dave chat
.markdown-body{font-size:15px;line-height:1.5;color:#333}.markdown-body-llm{font-size:15px;max-width:none}.markdown-body-llm,.markdown-body-llm p{line-height:1.75;color:#334155}.markdown-body-llm>:first-child,.markdown-body>:first-child{margin-top:0!important}.markdown-body-llm>:last-child,.markdown-body>:last-child{margin-bottom:0!important}.markdown-body h1{font-size:1.7em;border-bottom:1px solid #eaecef}.markdown-body h1,.markdown-body h2{margin-top:1rem;margin-bottom:.5rem;padding-bottom:.2em;color:#24292e;font-weight:600}.markdown-body h2{font-size:1.4em;border-bottom:1px solid #f0f0f0}.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1rem;margin-bottom:.4rem;font-weight:600;color:#24292e}.markdown-body h3{font-size:1.2em}.markdown-body h4{font-size:1em}.markdown-body p{margin:.5rem 0;line-height:1.6}.markdown-body blockquote{border-left:4px solid #0366d6;padding:.3rem .75rem;color:#555;background-color:#f5f8fc;margin:.6rem 0;border-radius:0 4px 4px 0}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body pre{border-radius:6px;margin-bottom:1rem;overflow:auto}.markdown-body code{border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;padding:.2em .4em;background-color:rgba(27,31,35,.05);color:#24292e;word-break:break-word}.markdown-body code.kbd{background-color:#fafbfc;border:1px solid #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da;font-size:.85em;padding:.15em .3em}.markdown-body ol,.markdown-body ul{margin-top:.5rem;margin-bottom:.5rem;padding-left:1.5rem}.markdown-body li{margin:.25rem 0}.markdown-body table{border-collapse:collapse;border-spacing:0;width:100%;margin:1rem 0;font-size:.9em;box-shadow:0 1px 3px rgba(0,0,0,.05);border-radius:6px;overflow:hidden}.markdown-body table th{font-weight:600;background-color:#f5f5f5;text-transform:uppercase;letter-spacing:.02em;font-size:.85em}.markdown-body table td,.markdown-body table th{border:1px solid #e0e0e0;padding:.6rem .75rem;text-align:left}.markdown-body table tr:nth-child(2n){background-color:#fafafa}.markdown-body table tr:hover{background-color:#f2f5f9}.markdown-body img{max-width:100%;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin:.5rem 0;display:block;transition:transform .2s ease}.markdown-body img:hover{transform:scale(1.01)}.markdown-body>:first-child{margin-top:0!important;padding-top:0!important}.markdown-body>:last-child{margin-bottom:0!important;padding-bottom:0!important}.markdown-body a{color:#0366d6;text-decoration:none;position:relative;transition:color .2s}.markdown-body a:hover{color:#0076ff;text-decoration:underline}.markdown-body a:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:currentColor;opacity:.3;transform:scaleX(0);transition:transform .2s ease-in-out}.markdown-body a:hover:after{transform:scaleX(1)}.markdown-body hr{border:0;border-top:1px solid #e0e0e0;margin:1.5rem 0}.markdown-body pre>div,.markdown-body-llm pre>div{border-radius:8px!important;margin:1rem 0!important;box-shadow:0 1px 3px rgba(0,0,0,.1)}.code-block-container{margin:1rem 0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #334155}.code-header{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#1e293b;border-bottom:1px solid #334155}.copy-button{transition:all .2s ease;font-weight:500}.copy-button:active{transform:scale(.95)}.copy-button:hover{background:#475569!important}.markdown-body ol,.markdown-body ul{list-style-type:none;padding-left:1rem}.markdown-body ol{counter-reset:item}.markdown-body ul li{position:relative;padding-left:1.5rem;margin:.3rem 0}.markdown-body ol li{position:relative;padding-left:2rem;margin:.3rem 0;counter-increment:item}.markdown-body ul li:before{content:"•";position:absolute;left:0;color:#333;font-weight:700}.markdown-body ol li:before{content:counter(item) ".";position:absolute;left:0;color:#333;font-weight:700}.markdown-body ol ul,.markdown-body ul ul{margin:.25rem 0}.markdown-body ul ul li:before{content:"◦";color:#333}.markdown-body ol ol ul li:before,.markdown-body ol ul ul li:before,.markdown-body ul ol ul li:before,.markdown-body ul ul ul li:before{content:"▪";color:#333;font-size:.8em}.markdown-body input[type=checkbox]{margin-right:.5rem}.streaming-message{animation:pulse-gentle 2s infinite;background:linear-gradient(90deg,#fff,#fafafa 50%,#fff);background-size:200% 100%}@keyframes pulse-gentle{0%,to{opacity:1}50%{opacity:.98}}.streaming-content{min-height:1.2em;display:inline;word-wrap:break-word;max-width:100%;position:relative}.word-by-word-stream{display:inline}.word-by-word-stream span{animation:wordFadeIn .05s ease-out forwards;opacity:0}@keyframes wordFadeIn{to{opacity:1}}.thinking-container{display:flex;align-items:center;padding:8px 0}.thinking-dots{display:flex;align-items:center;gap:6px}.thinking-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:thinking-pulse 1.4s ease-in-out infinite;box-shadow:0 0 8px rgba(99,102,241,.3)}.thinking-dot:first-child{animation-delay:0s}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}.streaming-indicator{position:absolute;left:-12px;top:0;width:2px;height:100%;background:linear-gradient(180deg,#6366f1,#8b5cf6,transparent);border-radius:9999px;opacity:0;transform:scaleY(.95);transition:opacity .6s ease-out,transform .6s ease-out;transform-origin:top}.streaming-indicator.active{opacity:1;transform:scaleY(1);animation:streaming-pulse 2s ease-in-out infinite}@keyframes streaming-pulse{0%,to{opacity:.7}50%{opacity:1;box-shadow:0 0 12px rgba(99,102,241,.5)}}.streaming-cursor{display:inline-block;width:2px;height:1.2em;background:linear-gradient(180deg,#4f46e5,#6366f1);margin-left:2px;border-radius:1px;animation:cursorBlink .8s infinite;vertical-align:middle}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes cursorPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}.llm-streaming-indicator{display:inline-block;width:1px;height:20px;background:#4f46e5;animation:cursorBlink .8s infinite;margin-left:2px;vertical-align:text-bottom}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#f8f9fa;border-radius:12px;font-size:12px}.typing-dot{width:4px;height:4px;background-color:#9ca3af;border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.thinking-indicator{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:12px;font-style:italic;margin-bottom:4px}.thinking-pulse{display:flex;gap:2px;align-items:center}.thinking-pulse-dot{width:3px;height:3px;background-color:#9ca3af;border-radius:50%;animation:thinking-pulse 1.5s ease-in-out infinite both}.thinking-pulse-dot:first-child{animation-delay:-.32s}.thinking-pulse-dot:nth-child(2){animation-delay:-.16s}@keyframes thinking-pulse{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}.scroll-smooth{scroll-behavior:smooth}.message-enter{opacity:0;transform:translateY(10px)}.message-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.streaming-text,.streaming-word{display:inline-block;position:relative}.streaming-word:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);animation:wordUnderline .2s ease-out}@keyframes wordUnderline{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.streaming-message{animation:fadeInUp .3s ease-out}@keyframes wordPulse{0%,to{background-color:transparent}50%{background-color:rgba(59,130,246,.08)}}.new-word{animation:wordPulse .3s ease-out;border-radius:2px;padding:0 1px;margin:0 -1px}.thinking-indicator{transition:opacity .3s ease,transform .3s ease}.thinking-indicator.fade-out{opacity:0;transform:translateY(-5px)}.streaming-message{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.95) 50%,hsla(0,0%,100%,.95));border:1px solid rgba(226,232,240,.8)}.streaming-message-highlight{box-shadow:0 0 0 1px rgba(59,130,246,.1),0 2px 8px rgba(59,130,246,.05)}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;color:transparent!important}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.streaming-message .markdown-body{opacity:1;transition:opacity .3s ease}.text-reveal{animation:reveal .2s ease-out forwards;opacity:0;transform:translateY(2px)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.streaming-content br{display:block;content:"";margin-top:.5em}.streaming-content.dark-text .streaming-cursor{color:#1f2937}.typing-effect{position:relative;overflow:hidden}.message:last-child.streaming{border-color:rgba(59,130,246,.15);box-shadow:0 0 0 1px rgba(59,130,246,.05)}@media (max-width:768px){.streaming-content{font-size:14px}.streaming-cursor{height:1.1em}.typing-indicator{font-size:11px;padding:3px 6px}.typing-dot{width:3px;height:3px}.thinking-indicator{font-size:11px}.thinking-pulse-dot{width:2px;height:2px}}@media (prefers-reduced-motion:reduce){.fadeInUp,.skeleton-loading,.streaming-cursor,.streaming-message,.text-reveal,.thinking-pulse-dot,.typing-dot,.wordFadeIn,.wordPulse,.wordUnderline{animation:none!important;transition:none!important}.streaming-cursor{opacity:1!important}}.streaming-message *{position:relative;z-index:2}.word-by-word-stream br{display:block;margin:.3em 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.streaming-message.shimmer{background:linear-gradient(90deg,#fff,#f8fafc 50%,#fff);background-size:200% 100%;animation:shimmer 2s linear infinite}.word-highlight{background-color:rgba(59,130,246,.1);border-radius:3px;padding:0 2px;margin:0 -2px;transition:background-color .3s ease}.word-highlight.fade-out{background-color:transparent}.paragraph-reveal{animation:paragraphFadeIn .5s ease-out forwards;opacity:0}@keyframes paragraphFadeIn{to{opacity:1}}.streaming-content p{margin:.3em 0;line-height:1.5}.streaming-content ol,.streaming-content ul{margin:.3em 0;padding-left:1.2em}.streaming-content li{margin:.2em 0}.streaming-content pre{margin:.5em 0;border-radius:6px;overflow-x:auto}.streaming-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.streaming-content h1,.streaming-content h2,.streaming-content h3,.streaming-content h4{margin-top:.8em;margin-bottom:.4em;font-weight:600}.streaming-content blockquote{border-left:3px solid #3b82f6;padding-left:1em;margin:.5em 0;color:#4b5563;background-color:#f9fafb;border-radius:0 4px 4px 0}.streaming-content table{font-size:.9em;margin:.5em 0;border-collapse:collapse;width:100%}.streaming-content table th{background-color:#f3f4f6;font-weight:600;text-align:left}.streaming-content table td,.streaming-content table th{padding:.4em .6em;border:1px solid #e5e7eb}.streaming-content a{color:#3b82f6;text-decoration:none;border-bottom:1px dotted #3b82f6}.streaming-content a:hover{color:#2563eb;border-bottom:1px solid #2563eb}.streaming-content img{max-width:100%;height:auto;border-radius:6px;margin:.5em 0}.streaming-content hr{border:none;border-top:1px solid #e5e7eb;margin:1em 0}.streaming-message .markdown-body>:first-child{margin-top:0!important}.streaming-message .markdown-body>:last-child{margin-bottom:0!important}.streaming-message.streaming-end{transition:all .3s ease;background:#fff;border:1px solid #e5e7eb}.word-by-word-stream{word-spacing:.05em}.word-by-word-stream .punctuation{animation:punctuationFade .1s ease-out}@keyframes punctuationFade{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.word-by-word-stream ol li:before{animation:numberFade .2s ease-out}@keyframes numberFade{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.word-by-word-stream ul li:before{animation:bulletFade .2s ease-out}@keyframes bulletFade{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.streaming-container{transition:background-color .3s ease}.streaming-container.active{background-color:rgba(249,250,251,.5)}.word-by-word-stream em,.word-by-word-stream strong{display:inline}.word-by-word-stream em{animation:italicFade .15s ease-out}@keyframes italicFade{0%{opacity:.7;transform:skewX(-5deg)}to{opacity:1;transform:skewX(0)}}.word-by-word-stream strong{animation:boldFade .15s ease-out}@keyframes boldFade{0%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.streaming-content{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.streaming-word-by-word{display:inline}.streaming-word-by-word>span{display:inline-block;animation:wordSlideIn .1s ease-out forwards;opacity:0;transform:translateY(2px)}@keyframes wordSlideIn{to{opacity:1;transform:translateY(0)}}.space-animation{display:inline-block;width:.3em;animation:spacePulse .5s ease-out}@keyframes spacePulse{0%,to{opacity:1}50%{opacity:.3}}.avatar-wrapper{width:28px;height:28px;flex-shrink:0}.avatar-image-container{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.avatar-image-container.gemini-ring:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:conic-gradient(from 0deg,#4285f4 0deg,#ea4335 90deg,#fbbc05 180deg,#34a853 270deg,#4285f4 1turn);animation:gemini-spin 1.5s linear infinite;z-index:1;box-shadow:0 0 10px rgba(66,133,244,.4)}.avatar-image-container.gemini-ring:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:50%;background:#fff;z-index:2}.avatar-image{width:28px;height:28px;object-fit:cover;border-radius:50%;z-index:3;position:relative}@keyframes gemini-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.avatar-image,.avatar-image-container,.avatar-wrapper{width:26px;height:26px}.avatar-image-container.gemini-ring:before{top:-2px;left:-2px;right:-2px;bottom:-2px}.avatar-image-container.gemini-ring:after{top:0;left:0;right:0;bottom:0}}@media (prefers-reduced-motion:reduce){.avatar-wrapper.gemini-ring:before{animation:gemini-spin-slow 3s linear infinite}.rotate-once{animation:avatar-rotate-once-slow 4s ease-in-out forwards}}@keyframes gemini-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes avatar-rotate-once-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-wrapper:hover.gemini-ring:before{box-shadow:0 0 15px rgba(66,133,244,.6)}.avatar-wrapper.gemini-ring{animation:ring-fade-in .5s ease-out}@keyframes ring-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-color-scheme:dark){.avatar-wrapper.gemini-ring:after{background:#1f2937}.avatar-wrapper.gemini-ring:before{box-shadow:0 0 15px rgba(66,133,244,.6)}}.markdown-body{animation:contentFadeIn .5s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.streamdown-container{font-size:15px;line-height:1.75;color:#334155}.streamdown-container p{margin:.75rem 0;line-height:1.75}.streamdown-container>:first-child{margin-top:0!important}.streamdown-container>:last-child{margin-bottom:0!important}.streamdown-container h1{font-size:1.5rem;font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;color:#0f172a}.streamdown-container h2{font-size:1.25rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;color:#0f172a}.streamdown-container h3{font-size:1.125rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#0f172a}.streamdown-container ol,.streamdown-container ul{margin:1rem 0;padding-left:1.5rem}.streamdown-container li{margin:.5rem 0;line-height:1.75}.streamdown-container a{color:#4f46e5;text-decoration:underline;text-decoration-color:#a5b4fc;transition:all .2s}.streamdown-container a:hover{color:#4338ca;text-decoration-color:#6366f1}.streamdown-container blockquote{border-left:4px solid #a5b4fc;padding-left:1rem;padding-top:.5rem;padding-bottom:.5rem;margin:1rem 0;background:rgba(238,242,255,.5);border-radius:0 .25rem .25rem 0;color:#475569}.streamdown-container strong{font-weight:600;color:#0f172a}.streamdown-container em{font-style:italic;color:#475569}.streamdown-container hr{margin:1.5rem 0;border:none;border-top:1px solid #e2e8f0}.streamdown-container table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem}.streamdown-container thead{background:#f1f5f9}.streamdown-container th{border:1px solid #cbd5e1;padding:.75rem 1rem;text-align:left;font-weight:600;color:#0f172a}.streamdown-container td{border:1px solid #cbd5e1;padding:.75rem 1rem;color:#334155}.streamdown-container tr:hover{background:rgba(248,250,252,.5)}.streamdown-container code:not(pre code){background:#eef2ff;color:#4338ca;padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border:1px solid #e0e7ff}.streamdown-container pre{margin:1rem 0;border-radius:.5rem;overflow:hidden}.streamdown-container img{max-width:100%;border-radius:.5rem;margin:.5rem 0}