/* Conversation workspace. Existing media nodes are kept attached during updates. */
:root{--pro-blue:#90a7ef;--pro-surface:#90a7ef0a;--pro-line:#90a7ef25}
body.light{--pro-blue:#526ac0;--pro-surface:#526ac006;--pro-line:#526ac025}
.chat{background:var(--bg)}.chat-header{background:var(--panel);box-shadow:0 1px 0 #ffffff02;min-height:89px}.chat-room-copy h1{letter-spacing:-.7px}.chat-room-emblem{border-radius:15px;background:var(--pro-surface);border-color:var(--pro-line);color:var(--pro-blue)}
.pro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:57px;padding:9px 27px;border-bottom:1px solid var(--line);background:var(--panel)}.pro-room-info{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.pro-live-dot{height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:#71b79b;box-shadow:0 0 0 4px #71b79b10}.pro-room-caption{font-size:8px;font-weight:750;letter-spacing:1.2px;color:var(--text)}.pro-room-info small{font-size:10px;color:var(--muted)}.pro-toolbar-actions{display:flex;gap:5px}.pro-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 10px;border-radius:10px;background:var(--panel2);font-size:11px;line-height:1.4;white-space:nowrap}.pro-control>svg{width:16px;height:16px;flex:0 0 16px;pointer-events:none}.pro-control>span{pointer-events:none}.pro-toolbar .pro-control{font-size:10px;background:transparent;color:var(--muted)}.pro-control:hover{background:var(--pro-surface);color:var(--pro-blue);filter:none}.pro-control:focus:not(:focus-visible){outline:none;box-shadow:none}.pro-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.chat>.intro{padding:12px 28px 5px;font-size:10px;opacity:.8}.messages{padding-top:12px;background:var(--bg)}.message{position:relative;padding:8px 0 10px}.message-content,.message.own .message-content{border-radius:5px 18px 18px;box-shadow:0 3px 12px #00000006;background:var(--panel);border-color:var(--line);padding:13px 16px;min-width:min(250px,calc(100% - 50px));max-width:min(720px,calc(100% - 50px))}.message.own .message-content{border-radius:18px 5px 18px 18px;background:linear-gradient(130deg,#90a7ef12,#a18cf506),var(--panel);border-color:var(--pro-line)}.message-meta{gap:8px}.message-meta>time{opacity:.75;font-size:9px}.message-body{line-height:1.8}.message-actions{border-top-color:#88888812;gap:3px}.message-actions .pro-control{font-size:9px;padding:5px 6px;min-height:27px;background:transparent;color:var(--muted)}.message-actions .pro-control>svg{width:12px;height:12px;flex-basis:12px}.message.pro-is-saved .pro-save{color:var(--pro-blue)}.message.pro-is-saved .pro-save>svg{fill:var(--pro-surface)}.message.pro-grouped{padding-top:2px}.message[data-day-label]{margin-top:36px}.message[data-day-label]::before{content:attr(data-day-label);position:absolute;top:-27px;left:50%;transform:translateX(-50%);border:1px solid var(--line);border-radius:20px;padding:4px 12px;background:var(--panel);color:var(--muted);font-size:9px;line-height:1.4;font-weight:650;white-space:nowrap}.message[data-unread-label]{margin-top:38px}.message[data-unread-label]::after{content:attr(data-unread-label);position:absolute;top:-27px;left:0;right:0;text-align:center;border-top:1px solid var(--pro-line);color:var(--pro-blue);font-size:10px;padding-top:5px;background:var(--bg)}.message.pro-highlight .message-content{border-color:var(--accent);box-shadow:0 0 0 3px var(--pro-surface)}
body[data-chat-text="14"] .messages .message-body{font-size:14px}body[data-chat-text="15"] .messages .message-body{font-size:15px}body[data-chat-text="16"] .messages .message-body{font-size:16px}body[data-chat-density=compact] .messages .message{padding-bottom:5px}body[data-chat-density=compact] .message-content,body[data-chat-density=compact] .message.own .message-content{padding:9px 12px}body[data-chat-density=compact] .message-meta{margin-bottom:4px}body[data-chat-density=compact] .message-actions{margin-top:5px;padding-top:4px}
.compose{background:var(--panel);padding-top:13px}.compose form{border-radius:18px;background:var(--input);border-color:var(--line);box-shadow:0 3px 14px #00000007}.compose #messageInput{font-size:16px!important}.compose #sendButton{background:linear-gradient(140deg,#8b9cda,#7c72c7);border-radius:12px}.compose form:focus-within{border-color:var(--line);outline:none;box-shadow:0 3px 14px #00000007}.compose-note{flex-wrap:wrap;row-gap:4px}.pro-draft-state{margin-left:auto;color:var(--pro-blue);font-size:9px}.pro-draft-state:empty{display:none}.pro-connection-banner{display:flex;gap:9px;align-items:center;flex:0 0 auto;padding:9px 20px;background:#cba36b12;color:var(--text);border-bottom:1px solid #cba36b33;font-size:11px}.pro-connection-banner>svg{width:17px;height:17px;flex-shrink:0;color:#cba36b}.pro-connection-banner>span{flex:1}.pro-connection-banner .pro-control{font-size:10px;min-height:29px}
#newMessages{border:1px solid var(--pro-line);background:var(--panel);color:var(--pro-blue);border-radius:25px;font-size:11px;box-shadow:0 6px 25px #0003;padding:11px 17px}
.pro-dialog{padding:0;width:min(850px,calc(100vw - 32px));max-height:88dvh;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px #0006;overflow:hidden}.pro-dialog[open]{display:flex;flex-direction:column}.pro-dialog::backdrop{background:#070a13bf;backdrop-filter:blur(6px)}.pro-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:25px 27px 21px;border-bottom:1px solid var(--line);flex:0 0 auto}.pro-dialog-header small{font-size:8px;font-weight:750;letter-spacing:1.5px;color:var(--pro-blue)}.pro-dialog-header h2{font-size:25px;letter-spacing:-.7px;margin:8px 0 0;line-height:1.3}.pro-dialog .pro-close{width:36px;flex:0 0 36px;padding:9px;border:1px solid var(--line);background:var(--input)}.pro-close>span{display:none}.pro-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:13px 26px;border-bottom:1px solid var(--line);flex:0 0 auto}.pro-tabs .pro-control{font-size:11px;background:transparent;color:var(--muted);min-width:0;padding:10px 6px}.pro-tabs .active{background:var(--pro-surface);color:var(--pro-blue);border:1px solid var(--pro-line)}.pro-dialog-body{overflow-y:auto;overflow-x:hidden;min-height:0;padding:22px 26px 28px;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scrollbar-color:var(--line) transparent}.pro-panel-note{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 17px}.pro-search-form{display:flex;align-items:center;gap:11px;background:var(--input);border:1px solid var(--line);padding:7px 8px 7px 14px;border-radius:14px;margin:0 0 13px}.pro-search-form>svg{width:18px;height:18px;flex:0 0 18px;color:var(--muted)}.pro-search-form input{margin:0;border:0;padding:7px 0;background:transparent;font-size:16px;outline:none;min-width:0;flex:1}.pro-search-form .pro-control{background:var(--pro-surface);color:var(--pro-blue);font-size:10px;padding:9px}.pro-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pro-filters .pro-control{background:transparent;border:1px solid var(--line);font-size:10px;padding:7px 9px;min-height:32px;color:var(--muted)}.pro-filters .active{color:var(--pro-blue);background:var(--pro-surface);border-color:var(--pro-line)}.pro-mine-filter{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);font-weight:500;margin:0 0 0 auto}.pro-mine-filter input,.pro-enter-choice input{width:15px;height:15px;margin:0;accent-color:var(--button)}.pro-search-summary{font-size:10px;color:var(--muted);margin:20px 0 10px}.pro-results{display:grid;gap:12px}.pro-result{min-width:0;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.pro-result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.pro-result-meta>.pro-control{padding:0;min-height:24px;font-size:12px;font-weight:650;background:transparent;min-width:0;white-space:normal;text-align:left;justify-content:flex-start;overflow-wrap:anywhere}.pro-result-meta>time{flex-shrink:0;font-size:9px;color:var(--muted)}.pro-result .message-body{font-size:14px;line-height:1.8}.pro-result .message-body img{max-width:100%}.pro-result mark{background:#cfb46035;color:var(--text);border-radius:3px;padding:0 2px}.pro-result-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px;padding-top:10px;border-top:1px solid var(--line)}.pro-result-actions .pro-control{font-size:10px;min-height:30px;padding:6px 9px;color:var(--muted);background:var(--panel)}.pro-load-more,.pro-retry{margin-top:16px;width:100%;border:1px solid var(--line);background:var(--bg)}.pro-empty{padding:37px 18px;color:var(--muted);line-height:1.9;font-size:12px;text-align:center;border:1px dashed var(--line);border-radius:14px;margin:0}.pro-feedback{padding:11px 17px;margin:10px 25px 0;border:1px solid var(--pro-line);border-radius:11px;background:var(--pro-surface);font-size:11px;line-height:1.6;flex:0 0 auto}.pro-settings-hero{padding:22px;border:1px solid var(--pro-line);border-radius:17px;background:var(--bg);margin-bottom:19px}.pro-settings-hero>svg{width:28px;height:28px;color:var(--pro-blue)}.pro-settings-hero h3{font-size:20px;margin:12px 0 8px;letter-spacing:-.4px}.pro-settings-hero p,.pro-settings-note{color:var(--muted);font-size:11px;line-height:1.8;margin-bottom:0}.pro-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pro-preference{margin:0;font-size:11px;color:var(--muted);line-height:1.7;min-width:0}.pro-preference select{display:block;width:100%;min-width:0;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);font:inherit;font-size:16px}.pro-enter-choice{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:11px}.pro-shortcuts{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:12px}.pro-shortcuts>div{display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.pro-shortcuts kbd{padding:5px 8px;border-radius:6px;background:var(--bg);border:1px solid var(--line);font:inherit;font-size:10px;color:var(--text)}
@media(min-width:701px) and (max-width:1250px){.pro-room-caption{display:none}.pro-toolbar{padding-inline:22px}.pro-toolbar-actions{gap:2px}.pro-toolbar .pro-control{padding:8px}}
@media(max-width:700px){.pro-toolbar{min-height:46px;padding:6px 12px;gap:7px}.pro-room-caption{display:none}.pro-room-info{gap:7px}.pro-room-info small{font-size:9px}.pro-toolbar-actions{gap:4px}.pro-toolbar .pro-control{width:34px;height:33px;min-height:33px;padding:8px;border:1px solid var(--line);background:var(--input);border-radius:10px}.pro-toolbar .pro-control>span{display:none}.pro-toolbar .pro-control>svg{width:16px;height:16px}.chat>.intro{display:none}.message-content,.message.own .message-content{min-width:0;max-width:calc(100% - 38px);padding:11px 12px;border-radius:5px 15px 15px}.message.own .message-content{border-radius:15px 5px 15px 15px}.message[data-day-label]{margin-top:31px}.message[data-day-label]::before{font-size:8px;padding:4px 10px;top:-25px}.message-actions .pro-control{font-size:9px;min-height:30px;padding:6px}.compose form{border-radius:17px}.compose-note{position:relative}.pro-draft-state{font-size:8px}.pro-connection-banner{padding:7px 12px;font-size:10px;gap:7px}.pro-connection-banner .pro-control>span{display:none}.pro-connection-banner .pro-control{padding:7px;min-height:29px}.pro-dialog{position:fixed;top:var(--mobile-app-top,0px);bottom:auto;margin:8px auto;width:calc(100vw - 16px);max-height:calc(var(--mobile-app-height,100dvh) - 16px);border-radius:21px}.pro-dialog-header{padding:19px 16px 16px;gap:10px}.pro-dialog-header h2{font-size:21px}.pro-dialog-header small{font-size:7px;letter-spacing:1px}.pro-tabs{padding:10px 12px;gap:4px}.pro-tabs .pro-control{flex-direction:column;gap:5px;font-size:9px;padding:9px 4px}.pro-tabs .pro-control>svg{width:18px;height:18px}.pro-dialog-body{padding:17px 13px 22px}.pro-panel-note{font-size:10px;margin-bottom:13px}.pro-search-form{gap:8px;padding-left:11px}.pro-search-form>.pro-control>span{display:none}.pro-search-form>.pro-control{width:34px;padding:8px}.pro-filters{gap:5px}.pro-filters .pro-control{padding:7px;font-size:9px;gap:5px}.pro-filters .pro-control>svg{width:13px;height:13px;flex-basis:13px}.pro-mine-filter{margin:5px 0 0;width:100%;font-size:10px}.pro-result{padding:13px;border-radius:14px}.pro-result-meta{gap:8px}.pro-result-meta>time{font-size:8px}.pro-result-meta>.pro-control{font-size:11px}.pro-result-actions{gap:5px}.pro-result-actions .pro-control{font-size:9px;padding:7px;gap:5px}.pro-feedback{margin:9px 13px 0;font-size:10px}.pro-settings-hero{padding:18px}.pro-settings-hero h3{font-size:18px}.pro-settings-grid{gap:12px}.pro-preference{font-size:10px}.pro-preference select{padding:10px 7px}.pro-shortcuts>div{font-size:10px}.pro-shortcuts kbd{font-size:9px}.pro-search-summary{margin-top:15px}.pro-empty{padding:28px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.pro-dialog *{scroll-behavior:auto!important}}

body:not(.blog-page)>.blog-news-popup{top:105px;bottom:auto;max-height:calc(100dvh - 145px);overflow-y:auto}.people{padding-top:28px;background:var(--panel);border-left:1px solid var(--line)}.people>h2{font-size:19px;letter-spacing:-.5px;margin:8px 0 18px}.pro-people-search{display:flex;align-items:center;gap:7px;background:var(--input);border:1px solid var(--line);padding:5px 10px;border-radius:11px;margin:0 0 16px}.pro-people-search>svg{width:15px;height:15px;flex:0 0 15px;color:var(--muted)}.pro-people-search>input{min-width:0;padding:7px 0;margin:0;border:0;font-size:12px;background:transparent;outline:none}.pro-people-empty{font-size:11px;color:var(--muted);line-height:1.7}.people #online>.user-line{padding:11px 8px;border:1px solid transparent;border-radius:12px;margin:3px 0}.people #online>.user-line:hover{background:var(--pro-surface);border-color:var(--pro-line)}.message blockquote[role=button]{cursor:pointer}.message blockquote[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:700px){body:not(.blog-page)>.blog-news-popup{top:100px;bottom:auto;max-height:calc(var(--mobile-app-height,100dvh) - 130px)}}
.chat .messages .message-content,.chat .messages .message.own .message-content{box-shadow:0 3px 12px #00000006;background:var(--panel);border-color:var(--line);border-radius:5px 18px 18px}.chat .messages .message.own .message-content{background:linear-gradient(130deg,#90a7ef12,#a18cf506),var(--panel);border-color:var(--pro-line);border-radius:18px 5px 18px 18px}body[data-chat-density=compact] .chat .messages .message-content,body[data-chat-density=compact] .chat .messages .message.own .message-content{padding:9px 12px}body[data-chat-density=compact] .chat .messages .message{padding-bottom:5px}body.light .chat .messages .message.own .message-content{background:linear-gradient(130deg,#526ac00a,#a18cf503),var(--panel)}