.stream-chat{--sc-ink:var(--color-text-primary,#151515);--sc-paper:var(--color-bg-base,#fafaf5);border:2px solid var(--sc-ink);background:var(--sc-paper);min-width:0;height:740px;max-height:calc(100dvh - 110px);color:var(--sc-ink);font-family:var(--font-body),system-ui,sans-serif;isolation:isolate;flex-direction:column;display:flex;position:relative}.stream-chat *{box-sizing:border-box}.stream-chat button{font:inherit;color:inherit;cursor:pointer}.stream-chat button:disabled{opacity:.45;cursor:default}.stream-chat button:focus-visible,.stream-chat a:focus-visible,.stream-chat textarea:focus-visible{outline-offset:3px;outline:2px solid #e85036}.sc-head{border-bottom:1px solid var(--sc-ink);justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.sc-kicker{letter-spacing:.15em;opacity:.55;font-size:10px;font-weight:800}.sc-head h2{margin:4px 0 0;font-size:23px;font-weight:800;line-height:1.1}.sc-tabs{border-bottom:1px solid var(--sc-ink);flex-shrink:0;display:flex}.sc-tabs button{background:0 0;border:0;border-bottom:3px solid #0000;width:50%;min-height:45px;font-size:13px;font-weight:750}.sc-tabs button[aria-selected=true]{border-bottom-color:var(--sc-ink);background:#00000009}.sc-pinned{text-align:left;background:#fff2c7;border:0;border-bottom:1px solid #0000001f;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.sc-pinned span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-moderation{border-bottom:1px solid #ddd;padding:8px 12px;font-size:11px}.sc-moderation label{justify-content:space-between;align-items:center;gap:8px;display:flex}.sc-moderation select{background:0 0;border:1px solid #aaa;max-width:150px;padding:5px}.sc-messages{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:120px;padding:12px 14px;overflow-y:auto}.sc-empty{text-align:center;color:var(--sc-ink);justify-items:center;gap:12px;padding:45px 12px;display:grid}.sc-empty p{opacity:.65;max-width:30ch;margin:0;font-size:13px;line-height:1.55}.sc-date{text-align:center;opacity:.55;text-transform:uppercase;letter-spacing:.08em;margin:14px 0 16px;font-size:10px}.sc-message{gap:9px;margin-bottom:18px;padding:3px 0;scroll-margin:20px;transition:background .3s;display:flex}.sc-message.is-own .sc-message-main{background:#e850360b;border-left:2px solid #e85036;padding-left:9px}.sc-author-avatar{flex-shrink:0;text-decoration:none}.sc-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px;display:block}.sc-avatar-fallback{background:#e9e5dc;place-items:center;font-size:12px;font-weight:800;display:grid}.sc-message-main{flex:1;min-width:0;position:relative}.sc-author-line{align-items:center;gap:5px;min-height:22px;display:flex}.sc-author-line>a{color:inherit;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;font-weight:800;text-decoration:none;overflow:hidden}.sc-author-line time{opacity:.5;white-space:nowrap;margin-left:auto;font-size:9px}.sc-role{text-transform:uppercase;background:var(--sc-ink);color:var(--sc-paper);padding:2px 4px;font-size:8px;font-weight:800}.sc-menu-button{background:0 0;border:0;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.sc-message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55}.sc-message-text a{color:#ab3927;text-underline-offset:2px;text-decoration:underline}.sc-quote{text-align:left;background:#0000000a;border:0;border-left:2px solid #e85036;flex-direction:column;gap:3px;width:100%;max-width:100%;margin:4px 0 7px;padding:6px 8px;font-size:11px;display:flex}.sc-quote b{font-size:10px}.sc-quote span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-edited{opacity:.5;margin-right:5px;font-size:9px}.sc-question-status{background:#fff1bd;align-items:center;gap:4px;margin-top:6px;padding:4px 6px;font-size:9px;font-weight:700;display:inline-flex}.sc-question-status.is-answered{color:#416a35;background:#e4edda}.sc-reactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.sc-reactions button{background:0 0;border:1px solid #ddd;border-radius:5px;align-items:center;gap:4px;min-height:25px;padding:2px 6px;font-size:12px;display:flex}.sc-reactions button.is-mine{background:#fff0e8;border-color:#e85036}.sc-reactions span{font-size:10px}.sc-menu{z-index:4;background:var(--sc-paper);border:1px solid var(--sc-ink);box-shadow:3px 3px 0 var(--sc-ink);min-width:180px;padding:5px;display:grid;position:absolute;top:23px;right:0}.sc-menu button{text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:9px;font-size:12px;display:flex}.sc-menu button:hover{background:#eee8df}.sc-emoji-picker{background:var(--sc-paper);border:1px solid #ddd;flex-wrap:wrap;gap:4px;padding:8px;display:flex}.sc-emoji-picker button{background:0 0;border:0;min-width:32px;min-height:32px;padding:4px;font-size:20px}.sc-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:7px;display:grid}.sc-images button{background:0 0;border:0;padding:0;overflow:hidden}.sc-images button:only-child{grid-column:1/-1}.sc-images img{object-fit:contain;background:#ebe8e2;width:100%;height:150px;display:block}.sc-new{z-index:3;background:var(--sc-ink);border:0;align-self:center;align-items:center;gap:6px;padding:9px 14px;display:flex;position:absolute;bottom:185px;box-shadow:2px 2px #aaa;color:var(--sc-paper)!important;font-size:12px!important}.sc-error{color:#a12d24;background:#fff0e8;border-top:1px solid #eac6ba;flex-shrink:0;padding:10px 12px;font-size:12px}.sc-error button{background:0 0;border:0;margin-top:5px;padding:0;font-weight:800;text-decoration:underline;display:block}.sc-readonly{background:#00000008;border-top:1px solid #ddd;flex-shrink:0;gap:7px;padding:18px;font-size:12px;line-height:1.5;display:grid}.sc-readonly time{font-weight:800}.sc-composer{border-top:1px solid var(--sc-ink);flex-shrink:0;padding:10px 12px;position:relative}.sc-format{align-items:center;gap:3px;padding-bottom:7px;display:flex}.sc-format button,.sc-compose-tools button{background:0 0;border:0;place-items:center;width:29px;height:29px;padding:0;display:grid}.sc-format span{color:#777;margin-left:6px;font-size:9px}.sc-input-row{align-items:flex-end;gap:8px;display:flex}.sc-input-row textarea{font:inherit;resize:vertical;width:100%;min-height:52px;max-height:130px;color:inherit;background:0 0;border:0;outline:none;padding:5px 0;font-size:13px;line-height:1.5}.sc-send{background:var(--sc-ink);border:0;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid;color:var(--sc-paper)!important}.sc-compose-tools{align-items:center;gap:3px;padding-top:5px;display:flex}.sc-compose-tools small{text-align:right;opacity:.55;max-width:140px;margin-left:auto;font-size:8px;line-height:1.5}.sc-camera{display:none!important}.sc-file{display:none}.sc-reply-preview{background:#00000008;border-left:2px solid #e85036;align-items:center;gap:8px;margin-bottom:6px;padding:7px 8px;font-size:11px;display:flex}.sc-reply-preview div{flex:1;gap:3px;min-width:0;display:grid}.sc-reply-preview span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sc-reply-preview button{background:0 0;border:0;padding:3px}.sc-attachments{gap:5px;margin:5px 0;display:flex}.sc-attachments>div{position:relative}.sc-attachments img{object-fit:cover;width:58px;height:58px}.sc-attachments button{background:#fff;border:1px solid #ddd;padding:2px;display:grid;position:absolute;top:0;right:0}.sc-upload{align-items:center;gap:8px;padding:8px 0;font-size:11px;display:flex}.sc-upload progress{accent-color:#e85036;width:70px}.sc-people{background:var(--sc-paper);border:1px solid var(--sc-ink);box-shadow:3px 3px 0 var(--sc-ink);z-index:5;max-height:220px;position:absolute;bottom:105px;left:12px;right:12px;overflow:auto}.sc-people button{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;display:flex}.sc-people small{opacity:.6;display:block}.sc-people p{padding:10px;font-size:12px}.sc-slow{opacity:.6;margin-top:6px;font-size:9px;display:block}.sc-lightbox{z-index:800;background:#000000ed;place-items:center;padding:50px 16px;display:grid;position:fixed;inset:0}.sc-lightbox img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 100px)}.sc-lightbox>button{background:#fff;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:16px;right:16px}.sc-highlight{background:#fff1bd!important}.sc-older{background:0 0;border:0;margin:0 auto 12px;text-decoration:underline;display:block;font-size:11px!important}.sc-message.is-deleted{opacity:.55}.sc-message.is-deleted .sc-message-text{font-size:11px}@media (max-width:760px){.stream-chat{height:600px;max-height:none}.sc-head{padding:13px 15px}.sc-head h2{font-size:21px}.sc-input-row textarea{resize:none;font-size:16px}.sc-camera{display:grid!important}.sc-compose-tools small{max-width:120px;font-size:8px}.sc-format span{display:none}.sc-message-text{font-size:14px}.sc-composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.sc-author-line>a{max-width:170px}.sc-format button,.sc-compose-tools button{width:34px;height:34px}.sc-menu-button{width:28px;height:28px}}.sc-emoji-picker{max-height:180px;overflow-y:auto}.sc-people button[aria-selected=true]{background:#ede8de}.sc-mention{color:#ab3927;font-weight:700}.sc-lightbox>button:focus-visible{outline-color:#e85036}.sc-menu{z-index:950;width:210px;max-height:calc(100dvh - 24px);font-family:var(--font-body),system-ui,sans-serif;overflow-y:auto}.sc-menu button{cursor:pointer;color:inherit;font-family:inherit}.sc-menu button:focus-visible{outline-offset:-2px;outline:2px solid #e85036}.sc-menu{--sc-ink:var(--color-text-primary,#151515);--sc-paper:var(--color-bg-base,#fafaf5);background:var(--sc-paper);border-color:var(--sc-ink);color:var(--sc-ink)}.stream-chat .sc-caption{color:var(--sc-ink);opacity:.72;flex-shrink:0;margin:0;padding:0 16px 12px;font-size:12px;line-height:1.45}@media (max-width:760px){html[data-stream-keyboard=open] .stream-chat .sc-head,html[data-stream-keyboard=open] .stream-chat .sc-caption{display:none}html[data-stream-keyboard=open] .stream-chat .sc-messages{min-height:35px}}@media (max-height:420px){.stream-chat .sc-caption{display:none}}.sc-author-line{flex-wrap:wrap;row-gap:4px;min-width:0}.sc-author-line>a{overflow-wrap:anywhere;min-width:0}.sc-author-line time{font-size:11px}.sc-quote-author,.sc-pinned-author{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.sc-quote-author>b,.sc-pinned-author{overflow-wrap:anywhere}.sc-pinned>span{white-space:normal;text-align:left;overflow-wrap:anywhere;min-width:0}.sc-person-name{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.sc-people button{align-items:flex-start;min-width:0}.sc-quote{text-align:left;min-width:0;max-width:100%}.sc-reply-preview>div{flex:1;min-width:0}.sc-quote .sc-quote-author,.sc-reply-preview .sc-quote-author{white-space:normal;overflow:visible}.sc-quote-author>b{min-width:0;font-size:12px}.sc-author-line .sc-role{font-size:11px}.stream-chat .sc-intro{background:var(--sc-paper);border-bottom:1px solid var(--color-line,#ddd);flex-shrink:0}.stream-chat .sc-intro summary{cursor:pointer;min-height:44px;color:var(--sc-ink);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;line-height:1.4;list-style:none;display:flex}.stream-chat .sc-intro summary::-webkit-details-marker{display:none}.stream-chat .sc-intro summary>svg:last-child{margin-left:auto;transition:transform .15s}.stream-chat .sc-intro[open] summary>svg:last-child{transform:rotate(180deg)}.stream-chat .sc-intro summary:focus-visible{outline-offset:-3px;outline:2px solid #e85036}.stream-chat .sc-intro-content{color:var(--sc-ink);padding:4px 16px 16px}.stream-chat .sc-intro-content h2{font-family:var(--font-display),sans-serif;margin:6px 0 10px;font-size:20px;line-height:1.2}.stream-chat .sc-intro-content p{opacity:.75;margin:0;font-size:14px;line-height:1.5}@media (prefers-reduced-motion:reduce){.stream-chat .sc-intro summary>svg:last-child{transition:none}}.sc-attention{background:var(--sc-paper);border-top:1px solid #e1e3d8;flex-shrink:0;justify-content:flex-end;gap:8px;padding:6px 10px;display:flex}.sc-attention:empty{display:none}.sc-attention :is(.sc-new,.sc-mention-jump){min-width:0;min-height:44px;box-shadow:none;background:#fff;border:1px solid #cbd0be;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;line-height:1.3;display:flex;position:static;color:#151515!important;font-size:13px!important}.sc-attention .sc-mention-jump{border-color:#151515}.sc-mention-jump>svg{color:#d35227;flex-shrink:0}.sc-attention b{background:#eef0e7;border-radius:6px;min-width:20px;padding:2px 4px;font-size:12px}.sc-mentioned-label{color:#b44420;align-items:center;gap:5px;margin-bottom:6px;font-size:12px;font-weight:650;display:flex}.sc-message.is-mentioned .sc-message-main{outline-offset:3px;outline:1px solid #e98b64}.sc-mention-jump:disabled{opacity:.5}@media (max-width:380px){.sc-attention{gap:6px;padding:6px}.sc-attention :is(.sc-new,.sc-mention-jump){gap:4px;padding:7px;font-size:12px!important}}.sc-composer-resize{display:none}@media (min-width:761px) and (hover:hover) and (pointer:fine){.community-chat-window .sc-composer-resize{align-items:center;gap:12px;height:28px;margin:-4px 0 5px;display:flex}.community-chat-window .sc-resize-grip{cursor:ns-resize;touch-action:none;flex:1;justify-content:center;align-items:center;min-width:44px;height:26px;display:flex}.community-chat-window .sc-resize-grip>span{border-top:1px solid var(--color-text-secondary);border-bottom:1px solid var(--color-text-secondary);width:44px;height:5px}.community-chat-window .sc-resize-grip:hover>span{border-color:var(--color-text-primary)}.community-chat-window .sc-resize-grip:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:0}.community-chat-window .sc-composer-resize button{border:1px solid var(--color-line);background:var(--color-bg-elevated);white-space:nowrap;align-items:center;gap:6px;min-height:28px;padding:4px 8px;font-size:12px;display:flex}.community-chat-window .sc-composer-resize button:hover{border-color:var(--color-text-primary)}.community-chat-window .stream-chat .sc-messages{min-height:100px}}.community-chat-embed .sc-composer-resize{display:none!important}
