.chat{--transition-duration:.2s;--glow-opacity:16%;display:flex;flex-direction:column;margin:0 auto;max-width:40rem;padding:var(--space-12) var(--space-4) var(--space-8);width:100%}:root[data-theme=dark] .chat{--glow-opacity:32%}.chat--active{flex:1;justify-content:flex-start;min-height:0}.chat:not(.chat--active) .chat-form{filter:drop-shadow(0 16px 40px color-mix(in srgb,var(--color-bg-primary) var(--glow-opacity),transparent))}.chat__greeting{margin-block-end:var(--space-8);text-align:center}.chat__greeting-tag{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.016em;line-height:var(--leading-snug);margin:0 0 var(--space-3)}@media screen and (min-width:480.01px){.chat__greeting-tag{font-size:var(--text-4xl)}}.chat__greeting-highlight{color:var(--color-text-primary)}.chat__greeting-enter-active,.chat__greeting-leave-active{transition:opacity var(--transition-duration) ease,translate var(--transition-duration) ease}.chat__greeting-enter-from,.chat__greeting-leave-to{opacity:0;translate:0 var(--space-2)}.chat__messages{flex:1;min-height:0;position:relative}.chat__messages-enter-active{transition:opacity var(--transition-duration) ease}.chat__messages-enter-from{opacity:0}.chat__messages-body{display:flex;flex-direction:column;gap:var(--space-8);height:100%;overflow-y:auto;padding-block-end:var(--space-36);padding-inline:var(--space-4)}.chat__error{color:var(--color-text-accent);font-size:var(--text-sm)}.chat__suggestions{padding-inline:var(--page-side-padding)}.chat__suggestions-enter-active,.chat__suggestions-leave-active{transition:opacity var(--transition-duration) ease,translate var(--transition-duration) ease}.chat__suggestions-enter-from,.chat__suggestions-leave-to{opacity:0;translate:0 calc(var(--space-2)*-1)}.chat__suggestions-label{color:var(--color-text-muted);margin-block:var(--space-8) var(--space-4);text-align:center}@media screen and (min-width:480.01px){.chat__suggestions-label{margin-block-start:var(--space-24)}}.chat__suggestions-list{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media screen and (min-width:480.01px){.chat__suggestions-list{gap:var(--space-8)}}@media(prefers-color-scheme:dark){.chat{--glow-opacity:32%}}@media screen and (min-width:480.01px){.chat{padding-block-start:var(--space-24)}}.chat-container{display:flex;flex-direction:column;height:var(--visual-viewport-height,100%);max-width:960px;padding-top:var(--space-12)}@media screen and (min-width:768.01px){.chat-container{justify-content:center;padding-top:0}}