/* Chat regions participate in layout, including the keyboard-sized emoji dock. */
.conversation{overflow:hidden}.conversation>.chat-header{position:relative;top:auto;inset-inline:auto;flex:0 0 64px;width:100%}.conversation>#pinned-slot{position:static;flex:none}.conversation>#chat-ad-slot{position:static;flex:none;width:100%;max-height:94px}.conversation>#chat-ad-slot:empty{display:none}.conversation>.messages,.conversation:has(.pinned-bar)>.messages{height:auto;min-height:0;padding:16px 5%;scroll-padding:12px;overflow-anchor:none;overscroll-behavior:contain}.conversation>.composer-area{position:relative;inset:auto;flex:none;width:100%;padding-top:6px}.conversation>.read-only-bar{position:relative;inset:auto;flex:none}.conversation .typing-line{position:static;flex:none;height:auto;min-height:0}.conversation .typing-line:empty{display:none}.conversation .pinned-bar{margin:0}.conversation .composer{min-width:0}.conversation .header-actions{flex:none}.conversation .chat-heading{min-width:0}.conversation .chat-heading h2{min-width:0}.conversation #message-input{max-height:min(140px,23dvh)}
.emoji-dock{background:var(--list-bg,var(--panel2));border:1px solid var(--border);border-radius:18px;margin-top:7px;overflow:hidden;padding:6px 9px 8px}.emoji-dock[hidden]{display:none}.emoji-dock-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:0 6px}.emoji-dock-head button{width:30px;height:27px;display:grid;place-items:center}.emoji-dock-head .icon{width:18px}.emoji-dock .emoji-categories{display:flex;gap:2px;padding:3px 0;overflow-x:auto;margin:0}.emoji-dock .emoji-categories button{flex:1;padding:4px;min-width:30px;font-size:19px;border-radius:8px}.emoji-dock .emoji-categories [aria-pressed=true]{background:rgba(var(--accent-rgb),.18);box-shadow:inset 0 -2px var(--accent)}.emoji-dock .emoji-motion-tabs{margin:0 0 4px;gap:4px;overflow:auto;display:flex}.emoji-dock .emoji-motion-tabs button{padding:3px 9px;font-size:11px;white-space:nowrap}.emoji-dock .asset-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:min(235px,30dvh);overscroll-behavior:contain;direction:ltr;gap:4px}.emoji-dock .asset-grid button{height:44px;padding:3px}.emoji-dock .asset-grid .asset-emoji{width:36px;height:36px}.emoji-dock button{touch-action:manipulation}
.selection-tools{position:fixed;z-index:25;display:flex;flex-wrap:wrap;gap:2px;max-width:440px;padding:6px;background:var(--list-bg,#17212b);border:1px solid var(--border);box-shadow:0 8px 25px #0005;border-radius:12px;direction:ltr}.selection-tools[hidden]{display:none}.selection-tools button{min-width:33px;height:34px;padding:4px 7px;border-radius:7px;font-size:13px}.selection-tools button:hover,.selection-tools button:focus-visible{background:var(--field-bg);color:var(--accent)}[data-format-tool=bold]{font-weight:800}[data-format-tool=italic]{font-style:italic}[data-format-tool=underline]{text-decoration:underline}[data-format-tool=strike]{text-decoration:line-through}.format-link-form{display:flex;align-items:center;gap:4px;max-width:100%}.format-link-form input{min-width:0;width:210px;height:36px;padding:6px}.message-text strong,#message-input strong{font-weight:800}.message-text code,#message-input code{font-family:monospace;background:#0002;border-radius:4px;padding:1px 4px;white-space:pre-wrap}.message-text blockquote,#message-input blockquote{border-inline-start:3px solid var(--accent);margin:5px 0;padding:4px 10px;background:#0001;white-space:pre-wrap}.message-spoiler{font:inherit;line-height:inherit;display:inline;color:inherit;text-align:inherit;white-space:pre-wrap;vertical-align:baseline;border-radius:4px;background:repeating-linear-gradient(35deg,#ffffff25 0 2px,#8895aa50 2px 4px);padding:0 3px}.message-spoiler:not(.revealed)>span{visibility:hidden}.message-spoiler.revealed{background:#0002}.composer-spoiler{background:#87909f50;border-radius:4px}.message-link,#message-input [data-format=link]{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}.message-text{overflow-wrap:anywhere}
.message-image-button{display:block;max-width:100%;padding:0;border-radius:12px;overflow:hidden;text-align:start;cursor:zoom-in}.message-image-button .message-media{display:block;margin:0}.image-viewer.modal{width:min(1000px,96vw);max-width:96vw;max-height:94dvh;padding:16px;background:var(--list-bg);overflow:auto}.image-viewer-stage{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;max-height:70dvh;overflow:auto;direction:ltr}.viewer-photo{display:block;max-width:calc(100% - 80px);max-height:68dvh;object-fit:contain;border-radius:6px}.viewer-arrow{flex:none;width:32px;height:48px;font-size:35px;border-radius:12px;background:#ffffff0b}.viewer-arrow:disabled{opacity:.2}.image-viewer-stage.zoomed{display:block}.image-viewer-stage.zoomed .viewer-photo{max-width:none;max-height:none}.image-viewer-stage.zoomed .viewer-arrow{display:none}.viewer-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:12px;color:var(--accent);font-size:13px}.viewer-caption{padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}.ad-management-actions{flex-wrap:wrap}.report-card p,.report-card blockquote{overflow-wrap:anywhere}
@media(max-width:760px){.auth-page{display:flex;justify-content:center;align-items:flex-start;padding:20px 16px;min-height:0;height:var(--app-height,100dvh);overflow-y:auto;width:100%;max-width:none}.auth-story{display:none}.auth-form-wrap{margin-block:auto;padding:0;min-height:0;width:100%;max-width:400px;direction:rtl}.auth-card{margin:auto;width:100%;max-width:400px}.auth-card>p{margin-bottom:22px}.auth-card input,.auth-card select{font-size:16px}.conversation>.messages,.conversation:has(.pinned-bar)>.messages{padding:12px 8px}.conversation>.composer-area{padding:5px 6px calc(6px + env(safe-area-inset-bottom));background:var(--list-bg)}.conversation>.chat-header{flex-basis:60px;min-width:0;height:60px}.chat-heading .grow{min-width:0}.chat-heading h2 .ellipsis{max-width:calc(100vw - 190px)}.conversation .composer{padding:4px;gap:0}.conversation .composer .icon-btn{width:34px;min-width:34px;height:38px}.conversation .composer .send-btn{width:38px;min-width:38px}.emoji-dock{margin-top:5px;border:0;border-radius:12px;padding:4px}.emoji-dock .asset-grid{gap:1px}.emoji-dock .asset-grid button{height:40px;padding:2px}.emoji-dock .asset-grid .asset-emoji{width:32px;height:32px}.message .bubble{max-width:calc(100vw - 34px);backdrop-filter:none;-webkit-backdrop-filter:none}.message .message-menu{opacity:.65;position:static;float:inline-end;width:24px;height:22px;margin-inline-start:6px}.message-menu .icon{width:17px;height:17px}.message-meta{display:inline-flex}.image-viewer.modal{padding:12px;width:calc(100vw - 12px);max-width:calc(100vw - 12px);border-radius:16px}.viewer-photo{max-width:calc(100% - 64px)}.viewer-arrow{width:24px}.image-viewer-stage{gap:4px}.view-title{flex-wrap:wrap}.table-wrap{max-width:100%;overflow:auto}}
@media(max-height:560px) and (max-width:760px){.auth-page{align-items:flex-start}.auth-topline{margin-bottom:12px}.auth-card>p{margin-bottom:12px}.auth-step{margin-bottom:12px}.emoji-dock .asset-grid{max-height:23dvh}.emoji-motion-tabs{display:none!important}}

.upload-context-file{display:flex;align-items:center;gap:10px;min-width:0}.upload-context-file img{width:48px;height:48px;object-fit:cover;border-radius:8px}.upload-context-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-context-file small{display:block;color:var(--muted);font-size:11px}.upload-context{min-height:66px}

html[lang=en] .auth-form-wrap{direction:ltr}

/* Compact keyboard replacement: the complete dock shares one height budget. */
.emoji-dock{height:min(210px,30dvh);max-height:min(210px,30dvh);display:flex;flex-direction:column;gap:0;padding:4px 7px 6px;border-radius:13px;flex:none}.emoji-dock[hidden]{display:none}.emoji-dock-head{flex:0 0 22px;font-size:11px}.emoji-dock-head button{height:22px;width:26px}.emoji-dock .emoji-categories{flex:0 0 29px;min-height:29px;padding:0;overflow-y:hidden}.emoji-dock .emoji-categories button{font-size:17px;padding:2px;min-height:27px}.emoji-dock .emoji-motion-tabs{flex:0 0 22px;min-height:22px;margin:0 0 2px;align-items:center}.emoji-dock .emoji-motion-tabs button{font-size:10px;padding:2px 7px;line-height:16px}.emoji-dock .asset-grid{flex:1;min-height:0;max-height:none;overflow-y:auto;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:35px;gap:1px;padding:0}.emoji-dock .asset-grid button{height:35px;padding:3px}.emoji-dock .asset-grid .asset-emoji{width:28px;height:28px}
/* Intrinsic image proportions remain intact at thumbnail, editor and viewer sizes. */
.message-image-button{width:fit-content;max-width:min(280px,65vw);max-height:260px;overflow:hidden}.message-image-button .message-media{width:auto;height:auto;max-width:min(280px,65vw);max-height:260px;object-fit:contain}.image-viewer.modal{width:min(820px,96vw);max-height:92dvh;padding:12px}.image-viewer-stage{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;max-height:none;min-height:0;overflow:hidden}.viewer-image-frame{height:min(58dvh,520px);min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-photo{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:none}.viewer-arrow{width:30px;height:42px;font-size:29px}.image-viewer-stage.zoomed{display:block;max-height:65dvh;overflow:auto}.image-viewer-stage.zoomed .viewer-image-frame{width:max-content;height:auto;display:block;overflow:visible}.image-viewer-stage.zoomed .viewer-photo{max-width:none;max-height:none;width:auto;height:auto}.viewer-back{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--accent);margin-bottom:8px}.viewer-back .icon{width:17px;height:17px}.view-profile-photo{cursor:zoom-in}.view-profile-photo:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reply-block{display:block;width:100%;max-width:100%;text-align:start;font:inherit;line-height:1.6;cursor:pointer;overflow:hidden}.reply-block>b,.reply-block>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-block>b{font-size:12px}.reply-block>span{font-size:12px}.reply-block:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reply-unavailable{font-size:12px;opacity:.65;cursor:default}.message-highlight .bubble{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 7px rgba(var(--accent-rgb),.12)!important;transition:outline-color .2s}.conversation .pinned-bar{width:100%;text-align:start;font:inherit}.profile-identity h1{font-size:21px;line-height:1.5}.profile-identity .avatar.large{width:96px;height:96px}.profile-identity{padding-top:5px}.chat-name{font-size:14px}.sidebar .chat-row{min-height:70px}.sidebar .chat-row .avatar{width:44px;height:44px}.sidebar .chat-snippet{font-size:12px}.chat-header .chat-heading h2{font-size:14px}.view-title h2{font-size:1.25rem}.conversation .message-text{font-size:var(--message-size,15px);line-height:1.65}
@media(max-width:760px){.emoji-dock{height:min(218px,29dvh);max-height:min(218px,29dvh);padding:3px 4px 4px}.emoji-dock .asset-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:34px}.emoji-dock .asset-grid button{height:34px}.emoji-dock .asset-grid .asset-emoji{width:28px;height:28px}.sidebar .chat-row{min-height:72px;padding:9px 12px}.sidebar .chat-row .avatar{width:46px;height:46px}.sidebar .chat-row .chat-name{font-size:14px}.sidebar .chat-snippet{font-size:12px}.chat-header .chat-heading h2{font-size:13px}.message-image-button,.message-image-button .message-media{max-width:min(250px,70vw);max-height:min(240px,34dvh)}.image-viewer.modal{padding:10px}.image-viewer-stage{grid-template-columns:24px minmax(0,1fr) 24px;gap:4px}.viewer-arrow{width:24px}.viewer-image-frame{height:55dvh}.viewer-photo{max-width:100%;max-height:100%}.profile-identity .avatar.large{width:88px;height:88px}.profile-identity h1{font-size:20px}.profile-cover{padding-bottom:8px}.profile-actions{margin:12px 10px 6px}.profile-actions .menu-action{font-size:12px}.composer #message-input{font-size:16px;line-height:1.55}.conversation .message-text{font-size:var(--message-size,15px)}}
@media(max-height:560px){.emoji-dock{height:min(165px,32dvh);max-height:min(165px,32dvh)}.emoji-dock .emoji-motion-tabs{display:none!important}.viewer-image-frame{height:48dvh}.viewer-caption{max-height:15dvh;overflow:auto}.viewer-footer{padding-top:7px}}

button.sender{display:block;padding:0;margin-bottom:4px;text-align:start;font-family:inherit;font-size:12px;cursor:pointer}.member-person{display:flex;align-items:center;gap:10px;padding:0;text-align:start;min-width:0}.member-person .grow>span{display:block;font-size:12px}.member-person:focus-visible,button.sender:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.image-viewer-stage:not(.zoomed) .viewer-image-frame{height:auto;min-height:64px;max-height:min(58dvh,520px)}.image-viewer-stage:not(.zoomed) .viewer-photo{max-height:min(58dvh,520px)}
@media(max-width:760px){.image-viewer-stage:not(.zoomed) .viewer-image-frame,.image-viewer-stage:not(.zoomed) .viewer-photo{max-height:55dvh}}
@media(max-height:560px){.image-viewer-stage:not(.zoomed) .viewer-image-frame,.image-viewer-stage:not(.zoomed) .viewer-photo{max-height:48dvh}}