body:has(.chat-overlay):has(#chat-toggle:checked){overflow:hidden}.chat-overlay{display:none;background:#1b1c1a1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.chat-window{background:hsl(var(--background));border:1px solid hsl(var(--border));position:fixed;bottom:0;left:0;right:0;z-index:101}@media (min-width: 768px){.chat-window{width:312px;left:auto;bottom:40px;right:40px}}#chat-toggle{display:none}.chat:has(#chat-toggle:checked) .chat-overlay{display:block}.chat:has(#chat-toggle:checked) .chat-header{border-bottom:1px solid hsl(var(--border))}.chat:has(#chat-toggle:checked) .chat-input{border-top:1px solid hsl(var(--border))}.chat:has(#chat-toggle:checked) .chat-toggle-label svg:first-child{display:block}.chat:has(#chat-toggle:checked) .chat-toggle-label svg:last-child{display:none}.chat:has(#chat-toggle:checked) .chat-body{height:auto}.chat-toggle-label{cursor:pointer}.chat-toggle-label svg:first-child{display:none}.chat-toggle-label svg:last-child{display:block}.chat-header{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:16px 24px;align-items:center;align-self:stretch;color:hsl(var(--primary))}.chat-header svg{color:hsl(var(--on-background));width:20px;height:20px;align-self:end}.chat-body{height:0;overflow:hidden;interpolate-size:allow-keywords;transition:height .5s ease}.chat-input{display:grid;grid-template-columns:1fr auto;gap:12px;padding:0 16px;align-items:center;align-self:stretch}.chat-input input[type=text]{padding:20px 0;background:hsl(var(--background));color:hsl(var(--on-background))}.chat-input input[type=text]:focus-visible{outline:none}.chat-input button{border:none}.chat-input button:focus{outline:none}.chat-input button:focus-visible{outline:2px solid hsl(var(--primary))}.chat-input button svg{color:hsl(var(--primary));width:20px;height:20px}.chat-messages{padding:16px 10px;height:500px;overflow:scroll;display:flex;flex-direction:column;gap:20px;align-self:stretch}.chat-message{display:flex;align-items:flex-end;gap:8px;align-self:stretch}.chat-message svg{width:26px;height:26px;flex-shrink:0}.chat-message .chat-message-contents{display:flex;flex-direction:column;gap:4px;flex:1 0 0}.chat-message .chat-message-time{font-family:Sparkasse Lt,sans-serif;font-weight:400;font-size:var(--font-size-copy-xs-desktop);line-height:var(--line-height-copy-xs-desktop)}@media (min-width: 768px){.chat-message .chat-message-time{font-size:var(--font-size-copy-xs-tablet);line-height:var(--line-height-copy-xs-tablet)}}@media (min-width: 1280px){.chat-message .chat-message-time{font-size:var(--font-size-copy-xs-desktop);line-height:var(--line-height-copy-xs-desktop)}}.chat-message .chat-message-content{padding:12px;font-family:Sparkasse Lt,sans-serif;font-weight:400;font-size:var(--font-size-copy-sm-desktop);line-height:var(--line-height-copy-sm-desktop)}@media (min-width: 768px){.chat-message .chat-message-content{font-size:var(--font-size-copy-sm-tablet);line-height:var(--line-height-copy-sm-tablet)}}@media (min-width: 1280px){.chat-message .chat-message-content{font-size:var(--font-size-copy-sm-desktop);line-height:var(--line-height-copy-sm-desktop)}}.chat-message.chat-message--in .chat-message-content{background:hsl(var(--primary));color:hsl(var(--on-primary));width:260px}.chat-message.chat-message--out{align-self:flex-end}.chat-message.chat-message--out .chat-message-contents{align-items:flex-end}.chat-message.chat-message--out .chat-message-content{background:hsl(var(--background-accent));color:hsl(var(--on-background-accent));width:220px}.chat-message.chat-message--sys{padding:0 24px}.chat-message.chat-message--sys .chat-message-content{display:flex;align-items:center;justify-content:center;text-align:center;background:hsl(var(--muted));color:hsl(var(--on-muted));padding:16px 32px;font-family:Sparkasse Medium,sans-serif;font-weight:400;font-size:var(--font-size-copy-base-mobile);line-height:var(--line-height-copy-base-mobile)}@media (min-width: 768px){.chat-message.chat-message--sys .chat-message-content{font-size:var(--font-size-copy-base-tablet);line-height:var(--line-height-copy-base-tablet)}}@media (min-width: 1280px){.chat-message.chat-message--sys .chat-message-content{font-size:var(--font-size-copy-base-desktop);line-height:var(--line-height-copy-base-desktop)}}.chat-writing-status{display:flex;align-items:center;gap:8px;font-family:Sparkasse Lt,sans-serif;font-weight:400;font-size:var(--font-size-copy-xs-desktop);line-height:var(--line-height-copy-xs-desktop)}@media (min-width: 768px){.chat-writing-status{font-size:var(--font-size-copy-xs-tablet);line-height:var(--line-height-copy-xs-tablet)}}@media (min-width: 1280px){.chat-writing-status{font-size:var(--font-size-copy-xs-desktop);line-height:var(--line-height-copy-xs-desktop)}}.chat-writing-status svg{width:20px;height:20px}.chat-writing-status svg{width:26px;height:26px;flex-shrink:0}.chat-writing-status-typing{background:hsl(var(--primary));display:flex;gap:8px;padding:16px 20px}.chat-writing-status-typing>div{width:8px;height:8px;background:hsl(var(--on-primary));border-radius:100%;transform:translateY(2px);animation:chat-typing 1.25s infinite ease-in-out}.chat-writing-status-typing>div:nth-child(2){animation-delay:.3s}.chat-writing-status-typing>div:nth-child(3){animation-delay:.6s}@keyframes chat-typing{50%{transform:translateY(-4px)}}