body{min-height:100vh;margin:0}.chat-page{width:100%;min-width:0;overflow:hidden;position:relative}.chat-page .str-chat__channel,.chat-page .str-chat__container,.chat-page .str-chat__main-panel,.chat-page .str-chat__main-panel-inner,.chat-page .str-chat__list,.chat-page .str-chat__message-list-scroll{overflow-x:hidden}.chat-page,.chat-page .str-chat,.chat-page .str-chat__channel,.chat-page .str-chat__container,.chat-page .str-chat__main-panel,.chat-page .str-chat__main-panel-inner,.chat-page .str-chat__message-input,.chat-page .str-chat__message-input-inner,.chat-page .str-chat__message-textarea-container,.chat-page .str-chat__channel-list,.chat-page .str-chat__list,.chat-page .str-chat__virtual-list,.chat-page .str-chat__ul,.chat-page .str-chat__message-list-scroll,.chat-page .str-chat__message-textarea-with-emoji-picker{min-width:0;max-width:100%}.chat-page .str-chat__message-textarea-container,.chat-page .str-chat__message-textarea-react-host{flex:1 1 0;min-width:0;width:auto}.chat-page .str-chat__channel-list{border-inline-start:none;border-inline-end:none}.chat-page .str-chat__channel-list,.chat-page .str-chat__list,.chat-page .str-chat__message-list-scroll,.chat-page .str-chat__virtual-list{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.chat-page .str-chat__channel-list::-webkit-scrollbar,.chat-page .str-chat__list::-webkit-scrollbar,.chat-page .str-chat__message-list-scroll::-webkit-scrollbar,.chat-page .str-chat__virtual-list::-webkit-scrollbar{display:none}.chat-page .str-chat__message,.chat-page .str-chat__message-inner,.chat-page .str-chat__message-bubble,.chat-page .str-chat__message-content,.chat-page .str-chat__quoted-message-preview,.chat-page .str-chat__quoted-message-preview .str-chat__message-bubble,.chat-page .str-chat__message-attachment,.chat-page .str-chat__message-attachment-list,.chat-page .str-chat__message-attachment-card{min-width:0;max-width:100%}.chat-page .str-chat__message-text,.chat-page .str-chat__message-text-inner,.chat-page .str-chat__message-text p,.chat-page .str-chat__message-text a,.chat-page .str-chat__message-text pre,.chat-page .str-chat__message-text code,.chat-page .str-chat__message-textarea,.chat-page .str-chat__message-textarea textarea{overflow-wrap:anywhere;word-break:break-word}.chat-page__channel-header{display:flex;align-items:center;gap:12px;padding-right:12px}.chat-page__channel-header .str-chat__channel-header{flex:1;min-width:0}.chat-page .chat-call-actions{display:inline-flex;align-items:center;gap:6px}.chat-page .chat-call-button{border:1px solid rgba(15,23,42,.12);border-radius:999px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.chat-page .chat-call-button--active{background-color:#2563eb24;border-color:#2563eb99;color:#2563eb}.chat-page .str-chat__message-text pre,.chat-page .str-chat__message-text code{white-space:pre-wrap}.chat-page img,.chat-page video,.chat-page svg,.chat-page canvas,.chat-page iframe{max-width:100%}.chat-page .str-chat__ai-send-actions{display:flex;align-items:center;column-gap:var(--str-chat__spacing-1)}.chat-page .str-chat__ai-toggle-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px) * 45);height:calc(var(--str-chat__spacing-px) * 45);min-width:calc(var(--str-chat__spacing-px) * 45);padding:0;border-radius:var(--str-chat__border-radius-circle);border:1px solid var(--str-chat__message-send-color);background-color:transparent;color:var(--str-chat__message-send-color);font:var(--str-chat__subtitle-medium-text);letter-spacing:.02em;cursor:pointer}.chat-page .str-chat__ai-toggle-button:disabled{border-color:var(--str-chat__message-send-disabled-color);color:var(--str-chat__message-send-disabled-color);cursor:not-allowed}.chat-page .str-chat__ai-toggle-button--active{background-color:var(--str-chat__message-send-color);color:var(--str-chat__on-primary-color, #fff);border-width:2px;outline:2px solid var(--str-chat__primary-color, #3b82f6);outline-offset:2px;box-shadow:0 6px 16px #0f172a2e}.chat-page .str-chat__ai-toggle-button--active:after{content:"";position:absolute;bottom:calc(var(--str-chat__spacing-px) * 4);right:calc(var(--str-chat__spacing-px) * 4);width:calc(var(--str-chat__spacing-px) * 6);height:calc(var(--str-chat__spacing-px) * 6);border-radius:999px;background-color:#22c55e;box-shadow:0 0 0 2px var(--str-chat__surface-color, #fff)}.chat-page .str-chat__ai-toggle-button--thinking{cursor:progress;animation:ai-toggle-pulse 1.4s ease-in-out infinite}.chat-page .str-chat__ai-toggle-count{position:absolute;top:calc(var(--str-chat__spacing-px) * -4);right:calc(var(--str-chat__spacing-px) * -4);min-width:calc(var(--str-chat__spacing-px) * 18);height:calc(var(--str-chat__spacing-px) * 18);padding:0 calc(var(--str-chat__spacing-px) * 4);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background-color:var(--str-chat__primary-color);color:var(--str-chat__on-primary-color, #fff);font:var(--str-chat__caption-text)}.chat-page .str-chat__ai-input-panel{display:flex;flex-direction:column;gap:var(--str-chat__spacing-1)}.chat-page .str-chat__ai-status-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--str-chat__spacing-2);padding:calc(var(--str-chat__spacing-px) * 6) calc(var(--str-chat__spacing-px) * 8);border-radius:calc(var(--str-chat__spacing-px) * 8);border:1px solid rgba(15,23,42,.08);background:#0f172a08;color:var(--str-chat__text-color, #0f172a);font:var(--str-chat__caption-text)}.chat-page .str-chat__ai-status-left,.chat-page .str-chat__ai-status-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--str-chat__spacing-1)}.chat-page .str-chat__ai-status-title{font:var(--str-chat__subtitle-medium-text);color:var(--str-chat__text-color, #0f172a)}.chat-page .str-chat__ai-status-pill{display:inline-flex;align-items:center;padding:calc(var(--str-chat__spacing-px) * 2) calc(var(--str-chat__spacing-px) * 8);border-radius:999px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:11px}.chat-page .str-chat__ai-status-pill--active{background:var(--str-chat__primary-color, #2563eb);color:var(--str-chat__on-primary-color, #fff)}.chat-page .str-chat__ai-status-pill--inactive{background:#0f172a14;color:#0f172ab3}.chat-page .str-chat__ai-status-pill--disabled{border:1px dashed rgba(15,23,42,.2);background:#0f172a08;color:#0f172a73}.chat-page .str-chat__ai-thinking{position:relative;padding-left:calc(var(--str-chat__spacing-px) * 10);color:var(--str-chat__primary-color, #2563eb);font-weight:600}.chat-page .str-chat__ai-thinking:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(var(--str-chat__spacing-px) * 6);height:calc(var(--str-chat__spacing-px) * 6);border-radius:999px;background:var(--str-chat__primary-color, #2563eb);box-shadow:0 0 #2563eb66;animation:ai-thinking-pulse 1.2s ease-in-out infinite}.chat-page .str-chat__ai-hint{color:#0f172a99}.chat-page .str-chat__ai-selection{display:inline-flex;align-items:center;gap:calc(var(--str-chat__spacing-px) * 6);padding:calc(var(--str-chat__spacing-px) * 2) calc(var(--str-chat__spacing-px) * 6);border-radius:999px;background:#0f172a0f}.chat-page .str-chat__ai-selection-clear{border:none;background:transparent;color:var(--str-chat__primary-color, #2563eb);cursor:pointer;font:inherit;padding:0}.chat-page .str-chat__ai-selection-clear:hover{text-decoration:underline}.chat-page .str-chat__ai-context-toggle{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px) * 32);height:calc(var(--str-chat__spacing-px) * 32);border:1px solid rgba(15,23,42,.16);background:#0f172a08;color:#0f172ab3;cursor:pointer;padding:0;border-radius:var(--str-chat__border-radius-circle)}.chat-page .str-chat__ai-context-toggle[aria-expanded=true]{border-color:#2563eb66;background:#2563eb14;color:var(--str-chat__primary-color, #2563eb)}.chat-page .str-chat__ai-context-toggle:hover,.chat-page .str-chat__ai-context-toggle:focus-visible{color:#0f172ae6}.chat-page .str-chat__ai-context-toggle--active{border-color:#2563eb66;background:#2563eb14;color:var(--str-chat__primary-color, #2563eb)}.chat-page .str-chat__ai-context-wrapper{position:relative;display:inline-flex;align-items:center}.chat-page .str-chat__ai-context-panel{position:absolute;bottom:calc(100% + var(--str-chat__spacing-1));right:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(var(--str-chat__spacing-px) * 4);padding:calc(var(--str-chat__spacing-px) * 4);border-radius:calc(var(--str-chat__spacing-px) * 8);border:1px solid rgba(15,23,42,.12);background:var(--str-chat__surface-color, #fff);box-shadow:0 10px 24px #0f172a1f;z-index:5}.chat-page .str-chat__ai-selection-toggle{align-self:flex-start;border:1px solid rgba(15,23,42,.16);background:#0f172a08;color:#0f172acc;cursor:pointer;padding:calc(var(--str-chat__spacing-px) * 2) calc(var(--str-chat__spacing-px) * 6);border-radius:999px;font:inherit}.chat-page .str-chat__ai-selection-toggle--active{border-color:#2563eb66;background:#2563eb1a;color:var(--str-chat__primary-color, #2563eb)}.chat-page .str-chat__ai-selection-hint{color:#0f172a99;font-size:12px}.chat-page .str-chat__ai-context-control{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--str-chat__spacing-px) * 3)}.chat-page .str-chat__ai-context-label{color:#0f172ab3}.chat-page .str-chat__ai-context-select{width:100%;min-width:calc(var(--str-chat__spacing-px) * 28);max-width:calc(var(--str-chat__spacing-px) * 36);border:1px solid rgba(15,23,42,.2);border-radius:calc(var(--str-chat__spacing-px) * 6);padding:calc(var(--str-chat__spacing-px) * 2) calc(var(--str-chat__spacing-px) * 4);background:var(--str-chat__surface-color, #fff);color:var(--str-chat__text-color, #0f172a);font:inherit}.chat-page .str-chat__ul[data-ai-selection-mode=true] .str-chat__li[data-message-id]{position:relative;cursor:pointer;padding-inline-start:calc(var(--str-chat__spacing-px) * 8)}.chat-page .str-chat__ul[data-ai-selection-mode=true] .str-chat__li[data-message-id]:before{content:"";position:absolute;left:calc(var(--str-chat__spacing-px) * 2);top:50%;transform:translateY(-50%);width:calc(var(--str-chat__spacing-px) * 8);height:calc(var(--str-chat__spacing-px) * 8);border-radius:999px;border:1px solid rgba(15,23,42,.35);background:var(--str-chat__surface-color, #fff)}.chat-page .str-chat__ul[data-ai-selection-mode=true] .str-chat__li[data-message-id][data-ai-selected=true]:before{border-color:var(--str-chat__primary-color, #2563eb);background:var(--str-chat__primary-color, #2563eb)}.chat-page .str-chat__ul[data-ai-selection-mode=true] .str-chat__li[data-message-id][data-ai-selected=true]:after{content:"";position:absolute;left:calc(var(--str-chat__spacing-px) * 5.5);top:50%;transform:translate(-50%,-58%) rotate(45deg);width:calc(var(--str-chat__spacing-px) * 3);height:calc(var(--str-chat__spacing-px) * 5);border:2px solid #fff;border-top:0;border-left:0}.chat-page .str-chat__ul[data-ai-selection-mode=true] .str-chat__li[data-message-id][data-ai-selected=true] .str-chat__message-bubble{box-shadow:0 0 0 2px #2563eb40}@keyframes ai-thinking-pulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 8px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes ai-toggle-pulse{0%{box-shadow:0 0 #2563eb59}70%{box-shadow:0 0 0 12px #2563eb00}to{box-shadow:0 0 #2563eb00}}.chat-page .chat-call-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:stretch;justify-content:center;padding:16px;background:#0f172a8c}.chat-page .chat-call-overlay__panel{width:min(100%,960px);display:flex;flex-direction:column;background:#0b1220;color:#e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0f172a73}.chat-page .chat-call-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0f172ad9}.chat-page .chat-call-overlay__title{display:inline-flex;align-items:center;gap:8px;font-weight:600}.chat-page .chat-call-overlay__status{font-size:12px;color:#e2e8f0b3}.chat-page .chat-call-overlay__error{padding:6px 16px;font-size:12px;background:#dc26262e;color:#fecaca}.chat-page .chat-call-overlay__theme{display:flex;flex-direction:column;flex:1;min-height:0}.chat-page .chat-call-overlay__content{flex:1;min-height:0}.chat-page .chat-call-overlay__content .str-video__speaker-layout__wrapper{height:100%}@media (max-width: 640px){.chat-page .chat-call-overlay{padding:8px}.chat-page .chat-call-overlay__panel{border-radius:12px}}