.common-chat{--chat-bg:#14171d;--chat-line:#ffffff13;--chat-accent:#d8b775;color:#eeeef2;display:flex;flex-direction:column;width:100%;max-width:1160px;margin:0 auto;border:1px solid var(--chat-line);border-radius:20px;background:var(--chat-bg);overflow:hidden;min-height:440px;height:clamp(440px,calc(100dvh - 220px),860px);box-sizing:border-box;font:14px/1.5 system-ui,sans-serif}.common-chat *{box-sizing:border-box}.chat-heading{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--chat-line);background:linear-gradient(110deg,#24242b,#171b23)}.chat-heading h2{margin:0;font-size:20px;letter-spacing:-.4px}.chat-subtitle{margin:2px 0 0;color:#a5aaba;font-size:12px}.chat-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid #d8b77540;color:var(--chat-accent);font-size:32px;background:#d8b7750a}.chat-connection{margin-left:auto;font-size:11px;color:#9cbca8;white-space:nowrap}.chat-feed{flex:1;overflow:auto;min-height:160px;overscroll-behavior:contain;padding:24px;scrollbar-width:thin;scrollbar-color:#52525b transparent}.chat-message{display:flex;align-items:flex-end;gap:10px;margin:0 0 16px}.chat-avatar{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:11px;background:#333648;color:#d0d3ee;font-size:10px;font-weight:650}.chat-bubble{position:relative;min-width:160px;max-width:min(78%,720px);padding:12px 42px 12px 16px;border:1px solid #ffffff0c;background:#20252f;border-radius:16px 16px 16px 4px}.chat-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:#c4c8d6;font-size:11px}.chat-meta strong{font-weight:600;overflow-wrap:anywhere}.chat-meta time{color:#8f96a8;font-size:10px}.chat-text{margin:6px 0 0!important;white-space:pre-wrap;overflow-wrap:anywhere;color:#f0f0f4!important;font-size:14px!important;line-height:1.6!important}.chat-text a{color:#e5c88f;text-decoration:underline;text-underline-offset:3px}.chat-message.own{flex-direction:row-reverse}.chat-message.own .chat-avatar{background:#d8b77520;color:#e5c88f}.chat-message.own .chat-bubble{background:#2c2925;border-color:#d8b77522;border-radius:16px 16px 4px 16px}.chat-message.deleted .chat-text{color:#969bac!important;font-style:italic}.chat-delete{position:absolute;right:7px;top:5px;border:0!important;background:transparent!important;color:#939aa9!important;font-size:15px!important;padding:3px 6px!important;min-width:0!important;cursor:pointer}.chat-delete[data-confirm="1"]{font-size:10px!important;background:#312326!important;color:#ffb2b2!important;z-index:1}.chat-compose{padding:16px 24px 18px;border-top:1px solid var(--chat-line);background:#191d25}.chat-compose textarea{display:block;width:100%;resize:vertical;min-height:76px;max-height:170px;background:#10141b;border:1px solid #ffffff1a;border-radius:12px;color:#eeeef2;padding:12px 14px;font:14px/1.5 system-ui}.chat-compose textarea:focus{outline:1px solid #d8b77588;border-color:#d8b77555}.chat-compose-foot{display:flex;align-items:center;gap:12px;margin-top:10px;color:#8e96a6;font-size:10px}.chat-count{margin-left:auto;white-space:nowrap}.chat-send{border:1px solid #d8b775!important;border-radius:9px!important;background:#d8b775!important;color:#211d16!important;padding:8px 18px!important;font-size:12px!important;font-weight:650;min-height:36px;cursor:pointer}.chat-send:disabled{opacity:.45;cursor:default}.chat-status{padding:0 24px;color:#efb4a5;font-size:12px;background:#191d25}.chat-status:not(:empty){padding-bottom:12px}.chat-empty{display:grid;place-items:center;min-height:180px;color:#8f96a8}.common-chat [hidden]{display:none!important}.chat-older,.chat-retry,.chat-jump{display:block;width:max-content;margin:0 auto 16px;border:1px solid #ffffff1c;border-radius:20px;background:#242a35;color:#d9dde6;padding:7px 14px;font-size:11px;cursor:pointer}.chat-jump{margin-top:-42px;z-index:1}.chat-retry{margin-top:12px}.chat-tabs{display:flex;gap:8px;margin-bottom:20px}.chat-tabs button.active{border-color:#d8b775;color:#e5c88f}.chat-web{margin:0;background:#0d1016;color:#eeeef2;font-family:system-ui,sans-serif}.chat-web-nav{display:flex;align-items:center;gap:22px;padding:20px max(20px,calc((100vw - 1160px)/2));font-size:13px}.chat-web-nav a{color:#cccdd5;text-decoration:none;white-space:nowrap}.chat-web-nav .chat-brand{font-weight:750;letter-spacing:2px;color:#d8b775;margin-right:auto}.chat-web main{padding:8px 20px 30px}.chat-web .common-chat{height:calc(100dvh - 106px)}@media(max-width:600px){.chat-heading{padding:16px;gap:10px}.chat-mark{width:36px;height:36px}.chat-heading h2{font-size:17px}.chat-connection{max-width:90px;white-space:normal;text-align:right}.chat-feed{padding:16px 10px}.chat-bubble{max-width:85%;padding-left:12px}.chat-avatar{display:none}.chat-compose{padding:12px}.chat-compose-foot>span:first-child{display:none}.chat-count{margin-left:0;margin-right:auto}.chat-web main{padding:0 8px 8px}.chat-web-nav{padding:16px 12px;gap:12px;font-size:12px}.chat-web .common-chat{height:calc(100dvh - 66px);border-radius:16px}.common-chat{min-height:370px}}
.chat-corner{position:fixed;bottom:0;right:0;width:66px;height:25px;z-index:90;display:flex;justify-content:center;align-items:center}.chat-corner[hidden]{display:none}.chat-corner-button{display:grid;place-items:center;width:30px;height:25px;min-height:0!important;padding:2px!important;background:#23252d!important;color:#e5c88f;border:1px solid #d8b77555!important;border-radius:8px 8px 0 0!important;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.chat-corner:hover .chat-corner-button,.chat-corner:focus-within .chat-corner-button{opacity:1;transform:translateY(0)}body.locked .chat-corner,body.page-expanded .chat-corner{display:none}.chat-top,.chat-compact{display:grid;place-items:center;color:#d7bc87!important;width:30px;min-width:30px;height:30px;padding:4px!important}.chat-top svg,.chat-compact svg{display:block}.compact-menu .chat-compact{margin-left:auto;margin-right:8px}.chat-corner:hover~.desktop-status{opacity:.8}
#main .chats-page{width:100%;margin:0;display:grid;gap:18px}
#main .chats-heading{display:flex;align-items:center;gap:12px;min-height:34px}
#main .chats-title-row{display:flex;align-items:center;gap:18px;min-width:0}
#main .chats-heading h1{font-size:27px;line-height:1.2;margin:0;letter-spacing:-.4px}
#main .chats-title-row select{appearance:auto;-webkit-appearance:auto;width:220px;max-width:100%;height:32px;min-height:32px;font-size:12px;background-color:var(--surface);border-color:var(--line)}
#main .chats-presence{margin-left:auto;display:flex;align-items:center;min-width:0}
#main .chats-presence .chat-connection{font-size:10px;color:var(--muted)}
#main .chats-body{min-width:0}
#main .chats-page .common-chat{height:clamp(440px,calc(100dvh - 164px),900px)}
#main .chats-page .chat-feed{padding-top:18px}
@media(max-width:800px){#main .chats-title-row{gap:12px}#main .chats-title-row select{width:206px}#main .chats-heading h1{font-size:25px}#main .chats-presence .chat-connection{font-size:9px;max-width:90px;white-space:normal;text-align:right}}
@media(max-width:540px){#main .chats-heading{flex-wrap:wrap;gap:8px}#main .chats-title-row{flex:1;flex-wrap:wrap}#main .chats-title-row select{width:auto;flex:1;min-width:165px}#main .chats-page .common-chat{height:calc(100dvh - 174px);min-height:370px}}
.chat-rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 9px}
.chat-rich-toolbar .chat-format-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;min-height:28px;padding:3px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted,#a5aaba);font:12px/1 system-ui;cursor:pointer}
.chat-rich-toolbar .chat-format-button:hover,.chat-rich-toolbar .chat-format-button[aria-pressed=true]{border-color:var(--line,#ffffff22);background:var(--raised,#252b35);color:var(--text,#eeeef2)}
.chat-rich-toolbar .chat-format-bold{font-weight:750}.chat-rich-toolbar .chat-format-italic{font-style:italic}.chat-rich-toolbar .chat-format-underline{text-decoration:underline}.chat-rich-toolbar .chat-format-strike{text-decoration:line-through}
.chat-rich-toolbar .chat-preview-toggle{margin-left:auto;font-size:10px;padding-inline:8px}
.chat-format-select{appearance:auto;-webkit-appearance:auto;height:28px;min-height:28px;max-width:118px;min-width:0;padding:3px 5px;background:var(--surface,#1b2028);color:var(--text,#eeeef2);border:1px solid var(--line,#ffffff18);border-radius:5px;font:11px system-ui}
.chat-rich-panel{display:flex;align-items:end;flex-wrap:wrap;gap:8px;padding:10px;margin-top:9px;border:1px solid var(--line,#ffffff18);border-radius:8px;background:var(--surface,#181d25)}
.chat-rich-panel button,.chat-protected button{padding:4px 9px;min-height:28px;border:1px solid var(--line,#ffffff22);border-radius:6px;background:var(--raised,#242b35);color:var(--text,#e6e8ec);font:11px system-ui;cursor:pointer}
.chat-password-label{display:grid;gap:5px;flex:1;min-width:150px;color:var(--muted,#a5aaba);font:11px system-ui}.chat-password-label input,.chat-protected input{min-width:70px;width:100%;height:30px;padding:4px 8px;border:1px solid var(--line,#ffffff22);border-radius:5px;background:var(--bg,#10141b);color:var(--text,#eeeef2);font:12px system-ui}
.chat-password-help{font-size:10px;color:var(--muted,#a5aaba);align-self:center}.chat-symbol-panel{display:grid;grid-template-columns:repeat(10,28px);gap:4px;max-width:max-content}.chat-symbol-panel .chat-symbol{padding:0;width:28px;height:28px;font-size:16px;background:transparent;border-color:transparent}
.chat-rich-preview{max-height:150px;overflow:auto;padding:10px 12px;margin-top:9px;border:1px solid var(--line,#ffffff18);border-radius:8px;background:var(--bg,#10141b);font:13px/1.6 system-ui;color:var(--text,#eeeef2);overflow-wrap:anywhere}
.chat-rich-paragraph{white-space:pre-wrap;min-height:1.4em}.chat-rich-gap{height:.55em}.chat-text :is(strong,b){font-weight:750}.chat-text :is(ul,ol),.chat-rich-preview :is(ul,ol){margin:6px 0;padding-left:22px;white-space:normal}.chat-text li,.chat-rich-preview li{white-space:pre-wrap}
.chat-text blockquote,.chat-rich-preview blockquote{margin:6px 0;padding:3px 0 3px 12px;border-left:3px solid var(--chat-accent,#d8b775);color:var(--muted,#b3bac8);white-space:normal}
.chat-text code,.chat-rich-preview code{padding:1px 4px;border-radius:4px;background:var(--bg,#11151b);color:var(--text,#e8eaf0);font:12px/1.6 ui-monospace,Consolas,monospace}.chat-text pre,.chat-rich-preview pre{margin:7px 0;padding:8px 10px;max-width:100%;overflow:auto;border:1px solid var(--line,#ffffff15);border-radius:6px;background:var(--bg,#11151b);white-space:pre}.chat-text pre code,.chat-rich-preview pre code{padding:0;background:none}
.chat-text hr,.chat-rich-preview hr{border:0;border-top:1px solid var(--line,#ffffff30);margin:12px 0}
.chat-details{margin:7px 0;border:1px solid var(--line,#ffffff20);border-radius:7px;white-space:normal}.chat-details summary{padding:6px 9px;cursor:pointer;font-size:12px;font-weight:600}.chat-details-content{padding:0 9px 9px}
.chat-spoiler{display:inline}.chat-spoiler>button{padding:2px 6px;border:1px solid var(--line,#ffffff25);border-radius:5px;background:var(--raised,#252b35);color:var(--muted,#b7bdca);font:11px system-ui;cursor:pointer}.chat-spoiler-content{margin-left:6px;white-space:pre-wrap}
.chat-protected{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 10px;margin:6px 0;border:1px solid var(--line,#ffffff25);border-radius:8px;background:var(--surface,#191e27);white-space:normal}.chat-protected-label{font-size:11px;font-weight:600;flex:1;min-width:120px}.chat-protected-note{font-size:10px;color:var(--muted,#a5aaba)}.chat-protected-form{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex-basis:100%}.chat-protected-form input{flex:1;width:auto}.chat-protected-status{flex-basis:100%;font-size:11px;color:var(--negative,#e6a3a3)}.chat-protected-content{display:block;flex-basis:100%;min-width:0;margin-top:5px}
@media(max-width:600px){.chat-rich-toolbar{gap:2px}.chat-rich-toolbar .chat-format-button{min-width:26px;padding-inline:5px}.chat-format-select{max-width:99px}.chat-symbol-panel{grid-template-columns:repeat(8,28px)}.chat-rich-toolbar .chat-preview-toggle{margin-left:0}}

.chat-rich-rest{white-space:pre-wrap;overflow-wrap:anywhere}