#chat-container{height:calc(100vh - var(--syn-navbar-height, 56px));min-height:600px}.chat-sidebar{width:260px;flex-shrink:0;background:var(--bs-tertiary-bg);overflow-y:auto;overflow-x:hidden}.chat-conversation-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;border-radius:.375rem;cursor:pointer;transition:background .2s ease,border-color .2s ease;border-left:3px solid rgba(0,0,0,0)}.chat-conversation-item:hover{border-left-color:var(--bs-primary);background:var(--bs-secondary-bg)}.chat-conversation-item:hover .chat-conversation-item__delete{opacity:1}.chat-conversation-item.is-active{background:var(--bs-primary-bg-subtle);border-left:3px solid var(--bs-primary)}.chat-conversation-item:focus{outline:2px solid var(--bs-primary);outline-offset:2px}.chat-conversation-item__title{font-size:.875rem;font-weight:500;color:var(--bs-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.chat-conversation-item__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chat-conversation-item__delete{opacity:0;transition:opacity .15s ease;padding:.125rem .25rem;font-size:.875rem;color:var(--bs-danger);background:rgba(0,0,0,0)}.chat-conversation-item__delete:hover{background:rgba(var(--bs-danger-rgb), 0.1);color:var(--bs-danger)}.chat-conversation-item__delete:focus{opacity:1;outline:2px solid var(--bs-danger);outline-offset:2px}.chat-conversation-empty{text-align:center;padding:1.5rem;font-size:.875rem}#chat-messages{display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}#chat-messages.is-streaming{pointer-events:none}#chat-messages.is-streaming .chat-message{pointer-events:auto}.chat-message{max-width:80%;display:flex;flex-direction:column;animation:chat-message-fade .3s ease}.chat-message__content{padding:1rem;border-radius:.5rem;line-height:1.5;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word}.chat-message--user{align-self:flex-end;margin-left:auto}.chat-message--user .chat-message__content{background:rgba(var(--bs-primary-rgb), 0.1);color:var(--bs-body-color);border-bottom-right-radius:.375rem}.chat-message--assistant{align-self:flex-start;width:-moz-fit-content;width:fit-content;max-width:80%}.chat-message--assistant .chat-message__content{background:var(--bs-tertiary-bg);color:var(--bs-body-color);border-bottom-left-radius:.375rem}.chat-message.is-streaming{cursor:wait}.chat-thinking-section{contain:inline-size;width:100%;margin-bottom:.5rem}.chat-thinking-section a.link-secondary{white-space:nowrap}.chat-thinking-section .chat-thinking-collapse{margin-top:.375rem}.chat-thinking-section .chat-thinking-body{font-size:.875rem;color:var(--bs-secondary);max-height:300px;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word;background:var(--bs-tertiary-bg, #f8f9fa);padding:.75rem 1rem;border-radius:var(--bs-border-radius, 0.375rem);border:1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.175))}.streaming-cursor{animation:blink-cursor 1s step-end infinite}.chat-message__suggestions{margin-top:1rem;animation:chat-message-fade .3s ease}.chat-message__suggestions-label{display:block;margin-bottom:.5rem;font-size:.75rem;font-style:normal;font-weight:600}.chat-message__suggestions-list{display:flex;flex-direction:column;gap:.375rem}.chat-image{max-width:200px;height:auto;border-radius:.375rem;margin:.25rem .5rem .25rem 0;-o-object-fit:cover;object-fit:cover;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);cursor:pointer;transition:transform .15s ease}.chat-image:hover{transform:scale(1.03)}.chat-file-link{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.85rem;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}#chat-input-bar{background:var(--bs-body-bg);border-top:1px solid var(--bs-border-color);flex-shrink:0}#chat-input-bar .input-group{align-items:stretch}#chat-input-bar .input-group .input-group-text{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background:rgba(0,0,0,0);border-color:var(--bs-border-color);cursor:pointer}#chat-input-bar .input-group .input-group-text:hover{background:var(--bs-secondary-bg)}#chat-input-bar .input-group .chat-textarea-wrapper{flex:1}#chat-input-bar .input-group .chat-textarea-wrapper textarea{border-radius:0}#chat-input-bar .input-group .btn:not(.input-group-text){display:flex;align-items:center;justify-content:center;padding:.375rem .75rem}.chat-textarea-wrapper{position:relative}.chat-textarea-wrapper textarea{resize:none;max-height:200px;overflow-y:hidden;line-height:1.5;padding:.75rem 1rem}.chat-textarea-wrapper textarea:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25)}.chat-textarea-wrapper textarea::-moz-placeholder{color:var(--bs-secondary)}.chat-textarea-wrapper textarea::placeholder{color:var(--bs-secondary)}.chat-attach-preview{background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:.375rem;padding:.75rem;margin-bottom:.5rem}.chat-attach-thumb{position:relative;width:auto;max-width:120px;height:auto;max-height:80px;border-radius:.375rem;overflow:hidden;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);background:var(--bs-secondary-bg);border:1px solid var(--bs-border-color)}.chat-attach-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@keyframes chat-message-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-cursor{0%,100%{opacity:1}50%{opacity:0}}@media(prefers-color-scheme: dark){.chat-sidebar{background:var(--bs-dark-bg-subtle)}.chat-conversation-item:hover{background:var(--bs-secondary-bg)}.chat-conversation-item.is-active{background:var(--bs-primary-bg-subtle)}.chat-message--assistant .chat-message__content{background:var(--bs-dark-bg-subtle)}.chat-attach-preview{background:var(--bs-dark-bg-subtle);border-color:var(--bs-border-color-translucent)}.chat-attach-thumb{background:var(--bs-dark-bg-subtle);border-color:var(--bs-border-color-translucent)}.chat-thinking-section .chat-thinking-body{background:var(--bs-dark-bg-subtle);border-color:var(--bs-border-color-translucent)}.chat-message__suggestions .chat-suggestion{border-color:var(--bs-border-color)}}@media(max-width: 767.98px){.chat-sidebar{width:200px}.chat-message{max-width:95%}.chat-message--user{margin-left:auto}.chat-message__content{padding:.75rem;font-size:.875rem}.chat-conversation-item{padding:.5625rem}.chat-conversation-item__title{font-size:.75rem}.chat-conversation-item__meta small{font-size:.7rem}.chat-thinking-section .chat-thinking-body{font-size:.8rem;padding:.5rem .75rem}}@media(prefers-contrast: high){.chat-message--user .chat-message__content{border:2px solid var(--bs-primary)}.chat-message--assistant .chat-message__content{border:2px solid var(--bs-border-color)}.chat-message__suggestions .chat-suggestion{border:2px solid var(--bs-secondary)}.chat-conversation-item.is-active{border:2px solid var(--bs-primary)}.chat-thinking-section .chat-thinking-body{border:2px solid var(--bs-border-color)}}@media(prefers-reduced-motion: reduce){.chat-message{animation:none}.chat-message__suggestions{animation:none}.chat-message.is-streaming .streaming-cursor{animation:none;opacity:1}#chat-messages{scroll-behavior:auto}}.chat-suggestion{display:block;color:var(--bs-body-color);background:var(--bs-tertiary-bg);cursor:pointer;padding:.625rem .75rem;border-radius:.375rem;font-size:.875rem}.chat-suggestion:hover{background:var(--bs-secondary-bg)}.chat-input-bar .btn-mic{display:flex;align-items:center;justify-content:center}.chat-input-bar .btn-mic.recording{color:var(--bs-danger);border-color:var(--bs-danger);animation:mic-pulse 1.5s ease-in-out infinite}@keyframes mic-pulse{0%,100%{opacity:1}50%{opacity:.5}}.chat-recording-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(var(--bs-danger-rgb), 0.1);border-radius:.375rem;margin-bottom:.5rem}.recording-dot{width:8px;height:8px;background:var(--bs-danger);border-radius:50%;animation:recording-blink 1s ease-in-out infinite}@keyframes recording-blink{0%,100%{opacity:1}50%{opacity:.3}}.recording-text{font-size:.875rem;color:var(--bs-danger);font-weight:500}.recording-timer{font-size:.875rem;color:var(--bs-secondary);font-variant-numeric:tabular-nums}.chat-message .audio-player{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(var(--bs-primary-rgb), 0.08);border-radius:.375rem;margin:0}.chat-message .audio-player audio{width:100%;max-width:300px;height:36px}.chat-message .audio-player-label{font-size:.75rem;color:var(--bs-secondary)}@media(prefers-color-scheme: dark){.chat-recording-indicator{background:rgba(var(--bs-danger-rgb), 0.15)}.chat-message .audio-player{background:rgba(var(--bs-primary-rgb), 0.12)}}@media(prefers-reduced-motion: reduce){.chat-input-bar .btn-mic.recording{animation:none}.recording-dot{animation:none}}