body{background-color:#020617;background-image:url("data:image/svg+xml,%3csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern id='streets' patternUnits='userSpaceOnUse' width='100' height='100'%3e%3cg stroke='%231e293b' stroke-width='10' fill='none'%3e%3cpath d='M -25,25 C 25,-25 75,125 125,75' /%3e%3c/g%3e%3c/pattern%3e%3c/defs%3e%3crect width='100%25' height='100%25' fill='url(%23streets)'/%3e%3c/svg%3e");background-attachment:fixed;color:#e2e8f0}*:focus-visible{outline:2px solid theme("colors.blue.500");outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes agentPanelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-agent-panel-slide-in{animation:agentPanelSlideIn .4s cubic-bezier(.25,1,.5,1) forwards}@keyframes spin-fast{to{transform:rotate(360deg)}}@keyframes pulse-mic{0%,to{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}}.animate-spin-fast{animation:spin-fast .8s linear infinite}.animate-pulse-mic{animation:pulse-mic 2s infinite}.bg-conic-gradient-loading{background-image:conic-gradient(from 180deg at 50% 50%,#ef4444,#f59e0b,#22c55e,#ef4444 360deg)}.bg-conic-gradient-speaking{background-image:conic-gradient(from 180deg at 50% 50%,#ef4444,#f59e0b,#22c55e,#3b82f6,#ef4444)}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ef444433,0 0 20px #f59e0b33,0 0 30px #22c55e33}50%{box-shadow:0 0 20px #ef444466,0 0 30px #f59e0b66,0 0 40px #22c55e66}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-speak{0%{transform:scaleX(1)}50%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.animate-pulse-glow{animation:pulse-glow 3s infinite ease-in-out}.animate-gradient-flow{background-size:200% 200%;animation:gradient-flow 2s linear infinite}@keyframes gradient-flow-vertical{0%{background-position:50% 0%}50%{background-position:50% 100%}to{background-position:50% 0%}}.animate-gradient-flow-vertical{background-size:100% 300%;animation:gradient-flow-vertical 5s linear infinite}.animate-pulse-speak{animation:pulse-speak 1s infinite ease-in-out;transform-origin:center}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chat-bubble-left:after{content:"";position:absolute;top:50%;right:100%;margin-top:-10px;border-width:10px;border-style:solid;border-color:transparent #1e293b transparent transparent}.chat-bubble-right:after{content:"";position:absolute;top:50%;left:100%;margin-top:-10px;border-width:10px;border-style:solid;border-color:transparent transparent transparent #1e293b}.card-glow-on-hover{position:relative;transition:transform .3s ease}.card-glow-on-hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 #3b82f600;transition:box-shadow .3s ease;z-index:-1;pointer-events:none}.card-glow-on-hover:hover:after{box-shadow:0 0 20px #3b82f680}@keyframes listening-glow{0%,to{box-shadow:0 0 15px #3b82f666}50%{box-shadow:0 0 25px #3b82f699}}@keyframes speaking-waves{0%{box-shadow:0 0 #60a5fa80}to{box-shadow:0 0 0 20px #60a5fa00}}@keyframes thinking-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes highlight-fade{0%{box-shadow:0 0 25px 15px #3b82f699}to{box-shadow:0 0 #3b82f600}}.highlight-scroll{animation:highlight-fade 2s ease-out}