.typewriterInput{overflow:hidden;width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bounce-dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes nudge{0%{transform:translate(0)}to{transform:translate(3px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:0}}.typewriterInput .container{height:100%;margin-left:auto;margin-right:auto;min-height:0;overflow-x:hidden;position:relative;width:100%}.typewriterInput .container::-webkit-scrollbar{width:6px}.typewriterInput .container::-webkit-scrollbar-track{background:transparent}.typewriterInput .container::-webkit-scrollbar-thumb{background:#dee3ef;border-radius:6px}.typewriterInput .container::-webkit-scrollbar-thumb:hover{background:#dee3ef}.typewriterInput .contentWrapper{padding:8px 1rem 8px 0}.typewriterInput .messageSpacing>*+*{margin-top:1.25rem}.typewriterInput .chartCard{background-color:var(--twi-card);border:1px solid var(--twi-border);border-radius:var(--twi-radius);height:17rem;width:100%}.typewriterInput .chartTitle{color:var(--twi-foreground);font-family:var(--twi-font-heading);font-size:.875rem;font-weight:600;margin-bottom:1rem}.typewriterInput .chartFlex{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:space-around;min-height:210px}@media screen and (width >= 768px){.typewriterInput .chartFlex{flex-direction:row;height:calc(100% - 2rem)}}.typewriterInput .chartHeight44{height:11rem}.typewriterInput .legendColumn{display:flex;flex-direction:column;gap:.75rem}.typewriterInput .legendColumnSmall{display:flex;flex-direction:column;font-size:.75rem;gap:.5rem}.typewriterInput .legendItem{align-items:center;display:flex;gap:.5rem}.typewriterInput .legendDot{border-radius:9999px;height:.75rem;width:.75rem}.typewriterInput .legendDotSmall{border-radius:9999px;height:.5rem;width:.5rem}.typewriterInput .legendDotSecondary{background-color:var(--twi-secondary)}.typewriterInput .legendDotBorder{background-color:var(--twi-border)}.typewriterInput .legendText{color:var(--twi-foreground);font-size:.875rem}.typewriterInput .legendFooter{border-top:1px solid var(--twi-border);margin-top:.5rem;padding-top:.5rem}.typewriterInput .legendFooterText{color:var(--twi-muted-foreground);font-size:.75rem}.typewriterInput .gridContainer{display:grid;gap:1rem;grid-template-columns:1fr}.typewriterInput .gridSpan2{grid-column:span 1}.typewriterInput .chartCardSmall{background-color:var(--twi-card);border:1px solid var(--twi-border);border-radius:var(--twi-radius)}.typewriterInput .avatarContainer{flex-shrink:0;position:relative}.typewriterInput .avatarContainerThinking{animation:bounce-gentle 1s ease-in-out infinite}.typewriterInput .avatarImage{border-radius:9999px;height:2.5rem!important;-o-object-fit:cover;object-fit:cover;width:2.5rem!important}.typewriterInput .thinkingDots{bottom:-.25rem;display:flex;gap:.125rem;position:absolute;right:-.25rem}.typewriterInput .thinkingDot{animation:bounce-dot 1.4s ease-in-out infinite;background-color:var(--twi-primary);border-radius:9999px;height:.375rem;width:.375rem}.typewriterInput .responseContent{color:var(--twi-foreground);display:flex;flex-direction:column;gap:.75rem;max-width:none}.typewriterInput .paragraph{font-size:.875rem;line-height:1.625;margin-bottom:.75rem}.typewriterInput .paragraph:last-child{margin-bottom:0}.typewriterInput .paragraphItalic{color:var(--twi-muted-foreground);font-size:.875rem;font-style:italic;line-height:1.625;margin-bottom:.75rem}.typewriterInput .listContainer{margin-bottom:.75rem}.typewriterInput .listContainer:last-child{margin-bottom:0}.typewriterInput .listItem{font-size:.875rem;line-height:1.625;margin-bottom:.25rem}.typewriterInput .listItem:last-child{margin-bottom:0}.typewriterInput .bold{color:var(--twi-foreground);font-weight:600}.typewriterInput .chatInputContainer{background-color:#fff;border-radius:calc(var(--radius-lg) + 4px);filter:drop-shadow(0 2px 3px rgb(0 0 0 / 5%));position:relative}.typewriterInput .searchIcon{color:var(--twi-muted-foreground);height:1.25rem;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem;z-index:10}.typewriterInput .chatInputBox{align-items:center;background-color:var(--twi-card);display:flex;min-height:4rem;padding:1rem 3.5rem;width:100%}.typewriterInput .chatInputText{align-items:center;color:var(--twi-foreground);display:flex;font-family:var(--twi-font-heading);font-size:1rem}.typewriterInput .cursor{animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--twi-primary);display:inline-block;height:1.25rem;margin-left:.25rem;width:.125rem}.typewriterInput .arrowContainer{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.typewriterInput .arrowNudge{animation:nudge .15s ease-out forwards}.typewriterInput .thinkingContainer{align-items:center;animation:slide-up .4s ease-out forwards;display:flex;gap:.75rem}.typewriterInput .thinkingText{color:var(--twi-muted-foreground);font-size:.875rem}.typewriterInput .responseContainer{animation:slide-up .4s ease-out forwards;display:flex;flex-direction:column;gap:.75rem}@media screen and (width >= 768px){.typewriterInput .responseContainer{flex-direction:row}}.typewriterInput .responseBubble{background-color:#fff;border-radius:calc(var(--radius-lg) + 4px);filter:drop-shadow(0 2px 3px rgb(0 0 0 / 4%));flex:1;padding:1rem}.typewriterInput .typingContainer{animation:fade-in .5s ease-out forwards}.typewriterInput__resetButton{display:flex;justify-content:flex-end;position:absolute;right:12px;top:-8px;width:100%;z-index:1}.typewriterInput__resetButton .resetButton{background:var(--color-brand);border:1px solid var(--color-brand);border-radius:999px;color:var(--color-text-invert);cursor:pointer;font-size:10px;font-weight:500;line-height:100%;padding:8px;position:absolute;top:14px}