@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-background:#f6f5f3;--color-surface:#fff;--color-surface-elevated:#fff;--color-text:#28272c;--color-text-muted:#8f8e8f;--color-border:#dfddd9;--color-primary:#4f45ff;--color-primary-contrast:#fff;--color-accent:#ffbe5c;--color-danger:#d92d20;--color-success:#15803d;--color-incoming-bubble:#fff;--color-outgoing-bubble:#e9e7ff;--font-sans:"Inter Tight Variable", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, SFMono-Regular, Consolas, monospace;--radius-control:999px;--radius-bubble:18px;--radius-panel:24px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--color-background);min-height:100dvh;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 36%, transparent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}.loading-screen,.fatal-screen{text-align:center;place-content:center;justify-items:center;gap:14px;min-height:100dvh;padding:32px;display:grid}.loading-screen{color:var(--color-text-muted)}.loading-screen svg{color:var(--color-primary)}.fatal-screen{text-align:left;justify-items:start;max-width:560px;margin:auto}.fatal-screen>svg{color:var(--color-danger)}.fatal-screen h1,.fatal-screen p,.loading-screen p{margin:0}.fatal-screen button,.login-form button{border-radius:var(--radius-control);min-height:52px;color:var(--color-primary-contrast);background:var(--color-primary);border:0;justify-content:center;align-items:center;gap:9px;font-weight:760;display:inline-flex}.fatal-screen button{padding-inline:22px}.login-shell{background:var(--color-background);grid-template-columns:minmax(340px,.88fr) minmax(440px,1.12fr);min-height:100dvh;display:grid;overflow:hidden}.login-panel{flex-direction:column;justify-content:center;width:min(100%,580px);min-height:100dvh;margin-inline:auto;padding:clamp(36px,6vw,88px);display:flex}.brand-lockup{align-items:center;gap:14px;margin-bottom:clamp(52px,10vh,108px);display:flex}.brand-logo{border-radius:14px;width:48px;height:48px;display:block}.brand-kicker,.eyebrow{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:700}.login-copy h1{letter-spacing:-.058em;max-width:500px;margin:13px 0 17px;font-size:clamp(2.45rem,5vw,4.65rem);line-height:.94}.login-copy>p:last-child,.login-help{color:var(--color-text-muted);line-height:1.55}.login-copy>p:last-child{max-width:440px;margin:0}.login-form{gap:10px;margin-top:38px;display:grid}.login-form label{margin-top:8px;font-size:.84rem;font-weight:680}.login-form input{border:1px solid var(--color-border);width:100%;min-height:52px;color:var(--color-text);background:var(--color-surface);border-radius:15px;outline:0;padding:0 17px;transition:border-color .14s,box-shadow .14s}.login-form input:hover,.login-form input:focus{border-color:color-mix(in srgb, var(--color-primary) 54%, var(--color-border))}.login-form input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.login-form button{margin-top:13px}.form-error{color:var(--color-danger);margin:4px 0 0;font-size:.82rem;line-height:1.4}.login-help{margin:22px 0 0;font-size:.78rem}.product-panel{grid-column:1/-1;gap:16px;width:min(100%,640px)}.product-panel h1,.product-panel h2,.product-panel p{margin:0}.product-panel h1{overflow-wrap:anywhere;font-size:clamp(1.65rem,4vw,2.8rem);line-height:1.1}.product-panel h2{margin-top:12px;font-size:1.35rem}.product-panel .login-form{margin-top:14px}.product-panel>button,.product-panel li button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface);padding:8px 18px;font-weight:650}.product-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.product-panel li{overflow-wrap:anywhere;border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.product-panel code{overflow-wrap:anywhere}.product-admin{align-self:start;width:min(100%,1040px);margin-block:24px}.product-admin>section{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);gap:14px;padding-block:20px;display:grid}.product-admin .login-form{max-width:560px}.product-admin-temporary{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);gap:8px;max-width:560px;padding:14px;display:grid}.product-admin-temporary code{font-size:.95rem;display:block}.product-admin-confirm{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:10px;max-width:560px;padding:14px;display:flex}.product-admin-confirm p{flex-basis:100%;margin:0}.product-admin-confirm button,.product-admin li button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface);padding:8px 12px}.product-admin li button{margin-inline-start:10px}@media (width<=480px){.product-admin li{grid-template-columns:minmax(0,1fr);display:grid}.product-admin li button{width:100%;margin-inline-start:0}}.product-admin-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:560px;display:grid}.product-admin-search label{grid-column:1/-1;font-weight:650}.product-admin-search input,.product-admin-search button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:0;min-height:44px;color:var(--color-text);background:var(--color-surface);padding:8px 12px}.product-admin-search button{font-weight:650}.product-admin-assign{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.product-admin-assign fieldset{border:1px solid var(--color-border);border-radius:var(--radius-control);flex-wrap:wrap;gap:10px;min-width:0;max-width:100%;margin:0;padding:12px;display:flex}.product-admin-assign legend{padding-inline:4px;font-weight:650}.product-admin-assign label{overflow-wrap:anywhere;border-radius:var(--radius-control);background:var(--color-surface);align-items:center;gap:8px;min-width:0;max-width:100%;min-height:44px;padding:8px 10px;display:inline-flex}.product-admin-assign label input{flex:none}.product-admin-assign button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface);justify-self:start;padding:8px 18px;font-weight:650}.product-scoped-create{gap:12px;max-width:560px;display:grid}.product-scoped-create>label,.product-scoped-create legend{font-weight:650}.product-scoped-create>input,.product-scoped-create button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface);padding:8px 12px}.product-scoped-create fieldset{border:1px solid var(--color-border);border-radius:var(--radius-control);flex-wrap:wrap;gap:10px;min-width:0;margin:0;padding:12px;display:flex}.product-scoped-create fieldset label{align-items:center;gap:8px;min-height:44px;display:inline-flex}.product-scoped-create button{justify-self:start;font-weight:650}.product-scoped-room-row,.product-room-access li{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;padding-block:6px;display:flex}.product-scoped-room-row button,.product-room-access button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface);padding:8px 12px;font-weight:650}.product-room-access small{color:var(--color-text-muted)}.login-art{background:var(--color-primary);min-height:100dvh;position:relative;overflow:hidden}.login-art img{object-fit:cover;object-position:center;width:100%;height:100dvh;display:block}.messenger-shell{background:var(--color-background);width:100%;height:100dvh;position:relative;overflow:hidden}.messenger-layout{grid-template-columns:360px minmax(0,1fr);width:100%;height:100%;display:grid}.connection-banner{z-index:20;top:max(8px, env(safe-area-inset-top));border-radius:var(--radius-control);min-height:32px;color:var(--color-text);background:var(--color-accent);box-shadow:0 7px 24px color-mix(in srgb, var(--color-text) 16%, transparent);align-items:center;gap:7px;padding:5px 12px;font-size:.78rem;font-weight:720;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.pwa-banner{z-index:120;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:var(--radius-panel);width:min(480px,100vw - 28px);color:var(--color-text);background:var(--color-surface-elevated);box-shadow:0 18px 50px color-mix(in srgb, var(--color-text) 18%, transparent);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;display:grid;position:fixed}.pwa-banner>svg{color:var(--color-primary)}.pwa-banner span{gap:2px;font-size:.76rem;line-height:1.35;display:grid}.pwa-banner button{border-radius:var(--radius-control);min-height:34px;color:var(--color-primary-contrast);background:var(--color-primary);border:0;padding:6px 12px;font-weight:720}.pwa-banner .pwa-banner-close{width:32px;min-height:32px;color:var(--color-text-muted);background:0 0;place-items:center;padding:0;display:grid}#root:has(>.pwa-banner){grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}#root:has(>.pwa-banner)>.pwa-banner{margin:8px max(14px, env(safe-area-inset-right)) 8px max(14px, env(safe-area-inset-left));justify-self:end;position:relative;top:auto;bottom:auto;right:auto}#root:has(>.pwa-banner)>:last-child{height:100%;min-height:0}.chat-list{z-index:2;border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.chat-list-header{min-height:64px;padding:max(8px, env(safe-area-inset-top)) 12px 6px;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.chat-list-header h1{text-align:center;letter-spacing:-.025em;grid-column:2;margin:0;font-size:1.25rem}.new-chat-button{color:var(--color-primary);grid-area:1/3;justify-self:end}.icon-button,.mobile-back,.message-actions button,.composer-reply button{width:42px;height:42px;color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover,.mobile-back:hover,.message-actions button:hover,.composer-reply button:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 7%, transparent)}.invite-list{gap:6px;padding:0 10px 8px;display:grid}.invite-list article{border:1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.invite-list article>span{gap:2px;min-width:0;display:grid}.invite-list article strong,.invite-list article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-list article small{color:var(--color-text-muted);font-size:.68rem}.invite-list article>div{gap:3px;display:flex}.invite-list article button{width:32px;height:32px;color:var(--color-primary);background:var(--color-surface-elevated);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.invite-list article button:last-child{color:var(--color-danger)}.invite-list>p{color:var(--color-danger);margin:0;font-size:.72rem}.profile-menu>button:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 7%, transparent)}.avatar{color:var(--color-primary-contrast);background:linear-gradient(145deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 65%, var(--color-accent)));letter-spacing:-.04em;border-radius:50%;flex:none;place-items:center;font-weight:760;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-small{width:38px;height:38px;font-size:.78rem}.avatar-medium{width:52px;height:52px;font-size:.92rem}.avatar-large{width:72px;height:72px;font-size:1.1rem}.room-search{min-height:40px;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-background) 88%, var(--color-text) 3%);border:1px solid #0000;border-radius:13px;align-items:center;gap:9px;margin:2px 12px 8px;padding:0 13px;display:flex}.room-search:focus-within{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.room-search input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0}.invite-notice{color:var(--color-text);background:color-mix(in srgb, var(--color-accent) 46%, transparent);border-radius:11px;margin:9px 12px 2px;padding:9px 12px;font-size:.78rem;font-weight:680}.room-list{min-height:0;padding:5px 7px max(8px, env(safe-area-inset-bottom));overscroll-behavior:contain;flex:auto;margin:0;list-style:none;overflow-y:auto}.room-list-item{text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:11px;width:100%;min-height:68px;padding:8px 9px;display:flex}.room-list-item:hover{background:color-mix(in srgb, var(--color-text) 5%, transparent)}.room-list-item-active{color:var(--color-primary-contrast);background:var(--color-primary)}.room-list-item-active:hover{background:var(--color-primary)}.room-list-content{flex:auto;gap:5px;min-width:0;display:grid}.room-list-topline,.room-list-preview{align-items:center;gap:8px;min-width:0;display:flex}.room-list-topline strong,.room-list-preview>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.room-list-topline strong{letter-spacing:-.01em;font-size:.92rem}.room-list-topline time,.room-list-preview{color:var(--color-text-muted);font-size:.76rem}.room-list-item-active .room-list-topline time,.room-list-item-active .room-list-preview{color:color-mix(in srgb, var(--color-primary-contrast) 76%, transparent)}.room-list-preview b{min-width:22px;height:22px;color:var(--color-primary-contrast);background:var(--color-primary);border-radius:11px;place-items:center;padding-inline:5px;font-size:.7rem;display:inline-grid}.room-list-item-active .room-list-preview b{color:var(--color-primary);background:var(--color-primary-contrast)}.list-empty{color:var(--color-text-muted);text-align:center;gap:5px;padding:48px 28px;display:grid}.list-empty strong{color:var(--color-text)}.list-empty span{font-size:.8rem;line-height:1.45}.chat-view{z-index:1;background:var(--color-background);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-width:0;height:100%;display:grid;position:relative;overflow:hidden}.chat-top{z-index:3;min-width:0;position:relative}.chat-header{z-index:3;min-height:64px;padding:max(8px, env(safe-area-inset-top)) 14px 7px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:11px;display:flex;position:relative}.pinned-message-banner{border:0;border-bottom:1px solid var(--color-border);width:100%;min-height:48px;color:var(--color-primary);background:color-mix(in srgb, var(--color-surface) 96%, transparent);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0;align-items:center;gap:11px;padding:6px 16px;display:flex}.pinned-message-banner>span{gap:1px;min-width:0;display:grid}.pinned-message-banner strong,.pinned-message-banner small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pinned-message-banner strong{font-size:.76rem}.pinned-message-banner small{color:var(--color-text-muted);font-size:.72rem}.pinned-message-banner:hover{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}.chat-header-copy{flex:auto;gap:2px;min-width:0;display:grid}.chat-header-copy strong,.chat-header-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header-copy strong{font-size:.96rem}.chat-header-copy span{color:var(--color-text-muted);font-size:.72rem}.mobile-back{display:none}.timeline{overscroll-behavior:contain;scroll-behavior:smooth;background-color:var(--color-background);background-image:radial-gradient(circle at 18% 24%, color-mix(in srgb, var(--color-primary) 5%, transparent) 0 2px, transparent 2.5px), radial-gradient(circle at 78% 72%, color-mix(in srgb, var(--color-accent) 11%, transparent) 0 2px, transparent 2.5px);background-size:58px 58px,72px 72px;min-height:0;overflow:auto}.timeline-inner{flex-direction:column;justify-content:flex-end;gap:4px;width:min(100%,860px);min-width:0;max-width:100%;min-height:100%;margin-inline:auto;padding:26px clamp(14px,3vw,38px) 20px;display:flex}.load-older{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:34px;color:var(--color-text-muted);background:var(--color-surface);align-self:center;align-items:center;gap:7px;padding:0 13px;font-size:.74rem;display:inline-flex}.timeline-empty{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface) 90%, transparent);box-shadow:0 8px 28px color-mix(in srgb, var(--color-text) 7%, transparent);text-align:center;border-radius:14px;align-self:center;gap:4px;padding:14px 18px;display:grid}.timeline-empty strong{color:var(--color-text)}.timeline-empty span{font-size:.78rem}.message-row{flex-direction:column;align-items:flex-start;max-width:min(76%,620px);margin-top:12px;margin-right:auto;padding-inline-start:40px;display:flex;position:relative}.message-row.message-continuation{margin-top:4px}.timeline-inner>.message-row:first-of-type,.thread-root .message-row{margin-top:0}.message-avatar{position:absolute;top:0;left:-40px}.message-avatar .avatar{width:32px;height:32px;font-size:12px}.message-own .message-avatar{left:auto;right:-40px}.message-row.message-own{align-items:flex-end;margin-left:auto;margin-right:0;padding-inline:0 40px}.message-bubble{border:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);border-radius:6px var(--radius-bubble) var(--radius-bubble) var(--radius-bubble);background:var(--color-incoming-bubble);min-width:76px;box-shadow:0 1px 2px color-mix(in srgb, var(--color-text) 7%, transparent);overflow-wrap:anywhere;padding:8px 10px 6px;line-height:1.34;position:relative}.message-own .message-bubble{border-radius:var(--radius-bubble) 6px var(--radius-bubble) var(--radius-bubble);background:var(--color-outgoing-bubble)}.message-bubble>p,.message-rich>:first-child,.message-rich>:last-child{margin-top:0;margin-bottom:0}.message-bubble>p,.message-rich{white-space:pre-wrap;font-size:.91rem}.message-rich a{color:var(--color-primary)}.message-rich pre,.message-rich code{font-family:var(--font-mono);font-size:.83em}.message-rich pre{background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:8px;max-width:100%;padding:9px;overflow-x:auto}.message-sender,.message-forwarded{color:var(--color-primary);margin-bottom:3px;font-size:.76rem;display:block}.message-pinned{color:var(--color-primary);align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:inline-flex}.thread-link{color:var(--color-primary);background:0 0;border:0;align-items:center;gap:5px;padding:3px 0 0;font-size:.7rem;font-weight:700;display:inline-flex}.message-forwarded{font-style:italic;font-weight:660}.reply-preview{border:0;border-left:3px solid var(--color-primary);width:100%;color:var(--color-text);background:color-mix(in srgb, var(--color-primary) 7%, transparent);text-align:left;gap:1px;margin:1px 0 5px;padding:3px 7px;display:grid}.reply-preview strong,.reply-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.reply-preview strong{color:var(--color-primary)}.message-meta{min-height:14px;color:var(--color-text-muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:3px;margin:3px 0 -1px 22px;font-size:.63rem;line-height:1;display:flex}.message-failed{color:var(--color-danger)}.message-placeholder{color:var(--color-text-muted);font-style:italic}.message-actions{z-index:3;border:1px solid var(--color-border);border-radius:var(--radius-control);opacity:0;background:var(--color-surface-elevated);box-shadow:0 8px 22px color-mix(in srgb, var(--color-text) 12%, transparent);pointer-events:none;padding:3px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:50%;left:calc(100% + 7px);transform:translateY(-50%)translate(-4px)}.message-actions:before{content:"";width:12px;position:absolute;top:-1px;bottom:-1px;right:100%}.message-own .message-actions{flex-direction:row-reverse;left:auto;right:calc(100% + 7px)}.message-own .message-actions:before{left:100%;right:auto}.message-row:hover .message-actions,.message-row:focus-within .message-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.message-actions button{width:32px;height:32px}.reaction-action{position:relative}.quick-reactions{z-index:8;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-elevated);box-shadow:0 12px 30px color-mix(in srgb, var(--color-text) 18%, transparent);gap:2px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.message-actions .quick-reactions button{width:34px;height:34px;font-size:1.05rem}.message-actions .quick-reactions button[aria-pressed=true]{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface))}.message-reactions{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.message-reactions button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:26px;padding:1px 8px;font-size:.75rem}.message-reactions button.reaction-own{border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.message-media{max-width:360px;margin:-3px -5px 4px}.message-media img{border-radius:calc(var(--radius-bubble) - 5px);object-fit:contain;max-width:100%;max-height:440px;display:block}.message-media figcaption{padding:6px 5px 1px;font-size:.85rem}.message-sticker{object-fit:contain;width:min(180px,42vw);max-height:180px;display:block}.message-file{min-height:40px;color:var(--color-primary);align-items:center;font-weight:680;display:inline-flex}.chat-error{z-index:8;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:min(380px,100% - 32px);color:var(--color-primary-contrast);background:var(--color-danger);box-shadow:0 10px 30px color-mix(in srgb, var(--color-danger) 30%, transparent);border-radius:11px;padding:10px 13px;font-size:.78rem;position:absolute}.modal-backdrop{z-index:80;background:color-mix(in srgb, var(--color-text) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-dialog{border:1px solid var(--color-border);width:min(100%,440px);max-height:min(720px,100dvh - 36px);color:var(--color-text);background:var(--color-surface-elevated);box-shadow:0 28px 80px color-mix(in srgb, var(--color-text) 28%, transparent);border-radius:20px;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 12px 8px 20px;display:flex}.modal-header h2{letter-spacing:-.015em;margin:0;font-size:1.05rem}.settings-dialog{width:min(100%,620px)}.settings-content{gap:12px;padding:14px;display:grid}.settings-section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;gap:12px;padding:15px;display:grid}.settings-section>header{align-items:center;gap:10px;display:flex}.settings-section>header>svg{color:var(--color-primary);flex:none}.settings-section>header>div,.settings-row-button span,.settings-status span,.settings-toggle>span{gap:2px;min-width:0;display:grid}.settings-section h3{margin:0;font-size:.92rem}.settings-section header span,.settings-section small,.settings-note{color:var(--color-text-muted);font-size:.72rem;line-height:1.4}.settings-profile-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.settings-profile-form label,.settings-select{min-width:0;color:var(--color-text-muted);gap:6px;font-size:.72rem;font-weight:680;display:grid}.settings-profile-form input,.sticker-manager-create input{border:1px solid var(--color-border);width:100%;min-height:42px;color:var(--color-text);background:var(--color-surface-elevated);border-radius:11px;outline:0;padding:8px 11px}.settings-profile-form input:focus,.sticker-manager-create input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:3px;padding:3px;display:grid}.segmented-control button{border-radius:var(--radius-control);min-width:0;min-height:36px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:6px 10px;font-size:.72rem;font-weight:680;overflow:hidden}.segmented-control button[aria-checked=true]{color:var(--color-primary-contrast);background:var(--color-primary);box-shadow:0 3px 10px color-mix(in srgb, var(--color-primary) 20%, transparent)}.segmented-control button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.segmented-control button:disabled{cursor:wait;opacity:.62}.settings-row-button,.settings-status,.settings-toggle{width:100%;min-height:48px;color:var(--color-text);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.settings-row-button>svg,.settings-status>svg{color:var(--color-primary)}.settings-toggle input{width:38px;height:22px;accent-color:var(--color-primary)}.settings-primary-action{border-radius:var(--radius-control);min-height:42px;color:var(--color-primary-contrast);background:var(--color-primary);border:0;padding:8px 16px;font-weight:720}.settings-note{margin:0}.settings-error{color:var(--color-primary-contrast);background:var(--color-danger);border-radius:11px;margin:0;padding:10px 12px;font-size:.76rem}.settings-success{color:var(--color-text);background:color-mix(in srgb, var(--color-success) 17%, var(--color-surface));border-radius:11px;margin:0;padding:10px 12px;font-size:.76rem}.sticker-manager-dialog{width:min(100%,680px)}.sticker-manager{gap:14px;padding:14px;display:grid}.sticker-manager-create,.sticker-manager-packs{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;gap:12px;padding:15px;display:grid}.sticker-manager-create header{align-items:center;gap:10px;display:flex}.sticker-manager-create header>svg,.sticker-manager-packs h3>svg{color:var(--color-primary)}.sticker-manager-create header span,.sticker-manager-create label,.sticker-manager-packs li>span:not(.sticker-delete-confirm){gap:3px;min-width:0;display:grid}.sticker-manager-create label{color:var(--color-text-muted);font-size:.74rem;font-weight:680}.sticker-manager-create small,.sticker-manager-packs small,.sticker-manager-packs>p{color:var(--color-text-muted);font-size:.72rem;line-height:1.4}.sticker-file-control input{padding:7px}.sticker-manager-packs h3{align-items:center;gap:7px;margin:0;font-size:.9rem;display:flex}.sticker-manager-packs ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.sticker-manager-packs li{border-bottom:1px solid var(--color-border);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:52px;padding:5px 0;display:grid}.sticker-manager-packs li:last-child{border-bottom:0}.sticker-manager-packs img,.sticker-pack-placeholder{object-fit:contain;width:40px;height:40px;color:var(--color-primary-contrast);background:var(--color-primary);border-radius:11px;place-items:center;font-weight:760;display:grid}.sticker-manager-packs li>button{width:36px;height:36px;color:var(--color-danger);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.sticker-delete-confirm{gap:5px;display:flex}.sticker-delete-confirm button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:34px;color:var(--color-text);background:0 0;padding:5px 9px;font-size:.7rem}.settings-logout{border:1px solid color-mix(in srgb, var(--color-danger) 45%, var(--color-border));border-radius:var(--radius-control);min-height:44px;color:var(--color-danger);background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:720;display:inline-flex}.modal-form,.modal-copy{padding:18px 20px}.modal-form label{color:var(--color-text-muted);gap:8px;font-size:.75rem;font-weight:680;display:grid}.modal-form textarea{border:1px solid var(--color-border);resize:vertical;width:100%;min-height:124px;color:var(--color-text);background:var(--color-surface);border-radius:13px;outline:0;padding:12px 13px;line-height:1.45}.modal-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)}.modal-copy p{color:var(--color-text-muted);margin:0;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;padding:0 20px 18px;display:flex}.modal-form .modal-actions{padding:18px 0 0}.button-primary,.button-secondary,.button-danger{border-radius:var(--radius-control);border:0;min-height:42px;padding:8px 15px;font-weight:720}.button-primary{color:var(--color-primary-contrast);background:var(--color-primary)}.button-secondary{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 7%, transparent)}.button-danger{color:var(--color-primary-contrast);background:var(--color-danger)}.conversation-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:12px 20px 0;display:grid}.conversation-mode button{border-radius:var(--radius-control);min-height:42px;color:var(--color-text-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-weight:680;display:flex}.conversation-mode button.active{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 11%, transparent)}.conversation-form{gap:16px;padding:18px 20px 20px;display:grid}.conversation-form>label{color:var(--color-text-muted);gap:7px;font-size:.75rem;font-weight:680;display:grid}.conversation-form>label>input,.conversation-input{border:1px solid var(--color-border);min-height:46px;color:var(--color-text);background:var(--color-surface);border-radius:13px}.conversation-form>label>input{outline:0;width:100%;padding:9px 12px}.conversation-input{align-items:center;gap:8px;padding:0 8px 0 12px;display:flex}.conversation-input:focus-within,.conversation-form>label>input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.conversation-input>svg{color:var(--color-text-muted);flex:none}.conversation-input input{min-width:0;min-height:44px;color:var(--color-text);background:0 0;border:0;outline:0;flex:auto;padding:8px 0}.conversation-input button{width:34px;height:34px;color:var(--color-primary-contrast);background:var(--color-primary);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.participant-chips{flex-wrap:wrap;gap:6px;display:flex}.participant-chips>span{border-radius:var(--radius-control);min-height:32px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 11%, transparent);align-items:center;gap:5px;padding:4px 5px 4px 11px;font-size:.75rem;font-weight:680;display:inline-flex}.participant-chips button{width:24px;height:24px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.user-results{border:1px solid var(--color-border);background:var(--color-surface);border-radius:13px;max-height:220px;margin:-7px 0 0;padding:4px;list-style:none;display:grid;overflow-y:auto}.user-results button{width:100%;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:7px 8px;display:grid}.user-results button:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.user-results button>span{gap:2px;min-width:0;display:grid}.user-results strong,.user-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-results small,.user-search-state{color:var(--color-text-muted);font-size:.7rem}.user-search-state,.conversation-error{margin:-6px 0 0}.conversation-error{color:var(--color-danger);font-size:.75rem}.conversation-actions{padding:0}.forward-dialog{gap:12px;padding:16px 20px 20px;display:grid}.forward-dialog blockquote{border-left:3px solid var(--color-primary);max-height:72px;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-primary) 7%, transparent);margin:0;padding:8px 11px;font-size:.75rem;line-height:1.4;overflow:hidden}.forward-dialog input{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);border-radius:13px;outline:0;padding:9px 12px}.forward-dialog input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.forward-room-list{gap:2px;max-height:min(360px,45dvh);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.forward-room-list button{width:100%;min-height:52px;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.forward-room-list button:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.forward-room-list button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.forward-room-list .forward-room-label{white-space:normal;gap:3px;min-width:0;display:grid}.forward-room-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.forward-room-list .forward-room-space{background:color-mix(in srgb, var(--color-primary) 10%, transparent);width:fit-content;max-width:100%;color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:.75rem;line-height:1.25;overflow:hidden}.forward-room-list button:is(:hover,:focus-visible){background:color-mix(in srgb, var(--color-primary) 9%, transparent)}.forward-room-list small{color:var(--color-primary)}.thread-panel{z-index:35;border-left:1px solid var(--color-border);background:var(--color-background);width:min(430px,100%);box-shadow:-18px 0 50px color-mix(in srgb, var(--color-text) 16%, transparent);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;top:0;bottom:0;right:0}.thread-header{min-height:64px;padding:max(8px, env(safe-area-inset-top)) 12px 7px;border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.thread-header>span{gap:2px;min-width:0;display:grid}.thread-header strong,.thread-header small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-header small{color:var(--color-text-muted);font-size:.68rem}.thread-timeline{background:var(--chat-background);flex-direction:column;gap:0;min-height:0;padding:15px 12px;display:flex;overflow-y:auto}.thread-timeline>div{display:contents}.thread-timeline .message-row{max-width:92%}.thread-root .message-bubble{border:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border))}.room-search-panel{z-index:34;border-left:1px solid var(--color-border);background:var(--color-surface);width:min(390px,100%);box-shadow:-18px 0 50px color-mix(in srgb, var(--color-text) 14%, transparent);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;top:64px;bottom:0;right:0}.room-search-panel>header{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:10px;display:flex}.room-search-panel>header label{border-radius:var(--radius-control);min-width:0;min-height:42px;color:var(--color-text-muted);background:var(--color-background);border:1px solid #0000;flex:auto;align-items:center;gap:8px;padding:0 12px;display:flex}.room-search-panel input{min-width:0;min-height:40px;color:var(--color-text);background:0 0;border:0;outline:0;flex:auto}.room-search-results{flex-direction:column;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}.room-search-results>p{color:var(--color-text-muted);text-align:center;margin:0;padding:28px 16px;font-size:.78rem}.room-search-results>button{color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:11px;gap:5px;padding:10px 11px;display:grid}.room-search-results>button:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.room-search-results>button>span{justify-content:space-between;gap:8px;display:flex}.room-search-results time,.room-search-results small{color:var(--color-text-muted);font-size:.7rem}.room-search-results small{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.message-highlight .message-bubble{outline:3px solid color-mix(in srgb, var(--color-accent) 65%, transparent);outline-offset:3px}.room-info{gap:18px;padding:18px 20px 20px;display:grid}.room-info-hero{align-items:center;gap:12px;display:flex}.room-info-hero>span{gap:3px;min-width:0;display:grid}.room-info-hero strong,.room-info-hero small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-notification-mode{color:var(--color-text-muted);gap:7px;font-size:.75rem;font-weight:680;display:grid}.room-info-hero small{color:var(--color-text-muted);font-size:.72rem}.room-info-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.room-info-form label{color:var(--color-text-muted);gap:6px;font-size:.72rem;font-weight:680;display:grid}.room-info-form label>span:last-child{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex}.room-info-form input{min-width:0;min-height:40px;color:var(--color-text);background:0 0;border:0;outline:0;flex:auto}.room-members{gap:8px;display:grid}.room-members h3{align-items:center;gap:7px;margin:0;font-size:.8rem;display:flex}.room-members ul{max-height:280px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.room-members li{border-bottom:1px solid var(--color-border);grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:52px;padding:6px 4px;display:grid}.room-members li>span{gap:2px;min-width:0;display:grid}.room-members strong,.room-members small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-members small{color:var(--color-text-muted);font-size:.66rem}.room-members b{color:var(--color-primary);font-size:.62rem;font-weight:700}.room-members li>button{width:34px;height:34px;color:var(--color-danger);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.room-leave{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:8px;padding-top:14px;display:flex}.room-leave>span{flex:auto;min-width:0;font-size:.75rem}.room-leave>button:only-child{border-radius:var(--radius-control);min-height:40px;color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 9%, transparent);border:0;align-items:center;gap:7px;padding:8px 12px;font-weight:700;display:inline-flex}.sticker-picker{z-index:30;right:clamp(12px,3vw,30px);bottom:calc(72px + env(safe-area-inset-bottom));border:1px solid var(--color-border);background:var(--color-surface-elevated);width:min(380px,100% - 24px);max-height:min(500px,100% - 150px);box-shadow:0 24px 64px color-mix(in srgb, var(--color-text) 22%, transparent);border-radius:20px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:absolute;overflow:hidden}.sticker-picker>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:52px;padding:5px 7px 5px 15px;display:flex}.sticker-picker>header>span{align-items:center;gap:7px;display:flex}.sticker-picker>nav{border-bottom:1px solid var(--color-border);gap:4px;padding:7px 9px;display:flex;overflow-x:auto}.sticker-picker>nav button{width:38px;height:38px;color:var(--color-text-muted);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:3px;font-weight:750;display:grid;overflow:hidden}.sticker-picker>nav button.active{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 11%, transparent)}.sticker-picker>nav img{object-fit:contain;width:100%;height:100%}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:10px;display:grid;overflow-y:auto}.sticker-grid button{aspect-ratio:1;background:0 0;border:0;border-radius:13px;padding:5px}.sticker-grid button:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.sticker-grid img{object-fit:contain;width:100%;height:100%}.sticker-empty{min-height:220px;color:var(--color-text-muted);text-align:center;place-content:center;justify-items:center;gap:6px;padding:24px;display:grid}.sticker-empty strong{color:var(--color-text)}.sticker-empty span{font-size:.75rem;line-height:1.45}.sticker-picker>.conversation-error{margin:0;padding:8px 12px}.composer-wrap{z-index:4;padding:7px clamp(10px, 2vw, 22px) max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 95%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}.composer{border:1px solid var(--color-border);background:var(--color-surface-elevated);width:min(100%,860px);min-width:0;max-width:100%;min-height:48px;box-shadow:0 2px 9px color-mix(in srgb, var(--color-text) 5%, transparent);border-radius:24px;align-items:flex-end;gap:2px;margin-inline:auto;padding:3px 4px;display:flex}.composer textarea{resize:none;min-width:0;min-height:40px;max-height:144px;color:var(--color-text);background:0 0;border:0;outline:0;flex:auto;padding:10px 7px 8px;line-height:1.35;overflow-y:auto}.room-search-panel>header label:focus-within,.room-info-form label>span:last-child:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.composer:has(>textarea:focus){border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}@media (forced-colors:active){.login-form input:focus-visible,.settings-profile-form input:focus-visible,.sticker-manager-create input:focus-visible,.conversation-form>label>input:focus-visible,.modal-form textarea:focus-visible,.forward-dialog input:focus-visible,.room-search:focus-within,.conversation-input:focus-within,.room-search-panel>header label:focus-within,.room-info-form label>span:last-child:focus-within{outline-offset:2px;box-shadow:none;outline:2px solid highlight}.composer:has(>textarea:focus){outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.composer .icon-button{width:40px;height:40px}.send-button{width:40px;height:40px;color:var(--color-primary-contrast);background:var(--color-primary);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.composer-reply{align-items:center;gap:8px;width:min(100%,860px);margin-inline:auto;padding:4px 4px 7px 52px;display:flex}.composer-upload{width:min(100%,860px);color:var(--color-primary);align-items:center;gap:8px;margin-inline:auto;padding:4px 12px 7px 52px;font-size:.75rem;font-weight:680;display:flex}.composer-upload span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.composer-reply>div{border-left:3px solid var(--color-primary);flex:auto;gap:2px;min-width:0;padding-left:9px;display:grid}.composer-reply strong,.composer-reply span{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.composer-reply strong{color:var(--color-primary)}.emoji-panel{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:0 18px 42px color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:16px;grid-template-columns:repeat(5,42px);gap:3px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 7px);right:clamp(16px,3vw,36px)}.emoji-panel button{background:0 0;border:0;border-radius:10px;width:42px;height:42px;padding:0;font-size:1.35rem}.emoji-panel button:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.chat-placeholder{color:var(--color-text-muted);background:radial-gradient(circle at center, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 42%), var(--color-background);text-align:center;place-content:center;justify-items:center;gap:7px;display:grid}.chat-placeholder img{box-shadow:0 14px 38px color-mix(in srgb, var(--color-primary) 20%, transparent);border-radius:22px;margin-bottom:10px;display:block}.chat-placeholder svg{color:var(--color-primary)}.chat-placeholder strong{color:var(--color-text);font-size:1.05rem}.chat-placeholder span{font-size:.8rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1099px){.messenger-layout{grid-template-columns:320px minmax(0,1fr)}.message-row{max-width:min(84%,620px)}}@media (width<=767px){.login-shell{display:block}.login-panel{min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom))}.login-art{display:none}.brand-lockup{margin-bottom:clamp(52px,11vh,92px)}.login-copy h1{font-size:clamp(2.65rem,14vw,4.1rem)}.messenger-layout{display:block;position:relative}.chat-list,.chat-view{border:0;width:100%;height:100%;transition:transform .19s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.chat-list{transform:translate(0)}.chat-list-room-open{pointer-events:none;transform:translate(-24%)}.chat-view{z-index:5;box-shadow:-12px 0 32px color-mix(in srgb, var(--color-text) 14%, transparent)}.chat-placeholder{display:none}.mobile-back{display:inline-grid}.chat-header{gap:8px;padding-left:4px;padding-right:8px}.timeline-inner{padding:18px 10px 14px}.message-row{max-width:88%}.message-actions{inset:auto 0 calc(100% + 4px) auto;transform:translateY(4px)}.message-own .message-actions{right:0}.message-actions:before,.message-own .message-actions:before{width:auto;height:5px;inset:100% 0 auto}.chat-view-managed .message-actions,.chat-view-managed .message-own .message-actions,.chat-view-managed .message-row:hover .message-actions,.chat-view-managed .message-row:focus-within .message-actions{z-index:auto;opacity:1;pointer-events:auto;max-width:100%;margin-bottom:4px;position:static;overflow-x:auto;transform:none}.quick-reactions{max-width:calc(100vw - 24px);left:auto;right:0;transform:none}.chat-view-managed .message-actions:has(.quick-reactions){overflow:visible}.chat-view-managed .message-actions:before{content:none}.chat-view-managed .reaction-action:has(.quick-reactions){position:static}.chat-view-managed .quick-reactions{bottom:calc(100% + 4px);left:0;right:auto}.chat-view-managed .message-own .quick-reactions{left:auto;right:0}.message-row:hover .message-actions,.message-row:focus-within .message-actions{transform:translateY(0)}.message-media{max-width:min(340px,76vw)}.composer-wrap{padding-left:7px;padding-right:7px}.emoji-panel{right:8px}.connection-banner{top:max(5px, env(safe-area-inset-top))}}@media (width<=379px){.composer .icon-button,.composer .send-button{width:36px;height:36px}.emoji-panel{grid-template-columns:repeat(5,38px)}.emoji-panel button{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.attachment-error{overflow-wrap:anywhere;border:1px solid var(--color-danger);background:var(--color-surface);border-radius:.75rem;flex:0 auto;max-height:30dvh;padding:.75rem;overflow:auto}.attachment-error p{margin:.35rem 0 .5rem}.attachment-error-actions{flex-wrap:wrap;gap:.5rem;display:flex}.attachment-error button,.attachment-error a{border:1px solid;border-radius:.4rem;min-height:44px;padding:.4rem .65rem}.attachment-error details{margin-top:.5rem;font-size:.8rem}.attachment-error summary{cursor:pointer}