:root{color-scheme:light dark;--bg-page: #f4f2ed;--bg-subtle: #ebe8e1;--surface: #ffffff;--surface-raised: #fbfaf7;--surface-hover: #f4f1eb;--surface-active: #ece7fb;--text: #25242a;--text-muted: #6e6a73;--text-subtle: #908b94;--border: #e3dfd8;--border-strong: #d4cec4;--accent: #7059bc;--accent-hover: #6048aa;--accent-soft: #eee9fb;--accent-contrast: #ffffff;--on-inverse: #ffffff;--focus: #a997e3;--success: #347a59;--success-soft: #e0f2e8;--danger: #a64945;--danger-soft: #fff1ef;--warning: #997025;--warning-soft: #fff0d7;--avatar-blue: #3978a8;--avatar-blue-soft: #deedfb;--shadow-sm: rgb(47 40 60 / .08);--shadow-md: rgb(39 31 51 / .16);--shadow-lg: rgb(30 24 40 / .28);--overlay: rgb(28 25 35 / .55);--viewer: rgb(22 20 29 / .78);--input: #fbfaf7;--skeleton-base: #e9e5df;--skeleton-shine: #f7f5f1;--scrollbar: #c8c1d1}:root[data-theme=dark]{color-scheme:dark;--bg-page: #17171d;--bg-subtle: #1d1d25;--surface: #23232d;--surface-raised: #292934;--surface-hover: #30303b;--surface-active: #343043;--text: #f1eff6;--text-muted: #bbb5c4;--text-subtle: #908b9b;--border: #393844;--border-strong: #4a4857;--accent: #9a86d6;--accent-hover: #ad9ae5;--accent-soft: #373047;--accent-contrast: #17141f;--on-inverse: #ffffff;--focus: #c0b0ee;--success: #76c69b;--success-soft: #223b31;--danger: #ef9b96;--danger-soft: #442a2c;--warning: #e5bf71;--warning-soft: #473b26;--avatar-blue: #85bdf0;--avatar-blue-soft: #293b4e;--shadow-sm: rgb(0 0 0 / .18);--shadow-md: rgb(0 0 0 / .3);--shadow-lg: rgb(0 0 0 / .48);--overlay: rgb(17 16 22 / .72);--viewer: rgb(14 13 18 / .86);--input: #1e1e27;--skeleton-base: #30303a;--skeleton-shine: #3b3a46;--scrollbar: #5a5665}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--bg-page: #17171d;--bg-subtle: #1d1d25;--surface: #23232d;--surface-raised: #292934;--surface-hover: #30303b;--surface-active: #343043;--text: #f1eff6;--text-muted: #bbb5c4;--text-subtle: #908b9b;--border: #393844;--border-strong: #4a4857;--accent: #9a86d6;--accent-hover: #ad9ae5;--accent-soft: #373047;--accent-contrast: #17141f;--on-inverse: #ffffff;--focus: #c0b0ee;--success: #76c69b;--success-soft: #223b31;--danger: #ef9b96;--danger-soft: #442a2c;--warning: #e5bf71;--warning-soft: #473b26;--avatar-blue: #85bdf0;--avatar-blue-soft: #293b4e;--shadow-sm: rgb(0 0 0 / .18);--shadow-md: rgb(0 0 0 / .3);--shadow-lg: rgb(0 0 0 / .48);--overlay: rgb(17 16 22 / .72);--viewer: rgb(14 13 18 / .86);--input: #1e1e27;--skeleton-base: #30303a;--skeleton-shine: #3b3a46;--scrollbar: #5a5665}}:root{--app-height: 100dvh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg-page);font-synthesis:none}*{box-sizing:border-box}*{scrollbar-color:var(--scrollbar) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--scrollbar);border:3px solid transparent;border-radius:999px;background-clip:padding-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;min-width:320px;overscroll-behavior:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=radio]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed}.splash{height:100vh;display:grid;place-content:center;text-align:center;color:var(--text-muted)}.brand-mark,.logo{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:auto;background:var(--accent);color:var(--accent-contrast);font:800 24px ui-sans-serif,system-ui;box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 30%,transparent)}.auth-page{min-height:100vh;padding:7vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:9vw;background:radial-gradient(circle at 10% 15%,var(--surface) 0,transparent 34%),var(--bg-subtle)}.auth-copy{max-width:610px}.auth-copy .logo{margin:0 0 64px}.eyebrow{color:var(--accent)!important;font-weight:700;letter-spacing:.16em;font-size:12px!important}.auth-copy h1{margin:14px 0 24px;font:800 clamp(46px,6vw,82px)/.98 ui-sans-serif,system-ui;letter-spacing:-.06em;color:var(--text)}.auth-copy p{color:var(--text-muted);font-size:18px;line-height:1.65;max-width:480px}.auth-card{width:min(100%,440px);justify-self:center;background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:34px;box-shadow:0 28px 70px var(--shadow-md)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);margin-bottom:30px}.auth-tabs button{border:0;background:transparent;padding:0 0 15px;color:var(--text-subtle);font-weight:600;border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--text);border-color:var(--accent)}.auth-card form{display:grid;gap:18px}label{display:grid;gap:8px;color:var(--text-muted);font-size:13px;font-weight:600}input{border:1px solid var(--border-strong);background:var(--input);border-radius:12px;padding:13px 14px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 24%,transparent)}.primary{border:0;border-radius:12px;background:var(--accent);color:var(--accent-contrast);padding:14px;font-weight:700;margin-top:6px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 28%,transparent)}.primary:disabled{opacity:.6}.form-error{margin:0;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13px}.auth-note{text-align:center;color:var(--text-subtle);font-size:13px;margin:22px 0 0}.install-app-button{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;align-items:center;gap:3px;border-radius:13px;padding:3px 4px 3px 13px;background:var(--text);color:var(--on-inverse);box-shadow:0 10px 28px var(--shadow-md)}.install-app-action,.install-app-dismiss{border:0;background:transparent;color:inherit;font-size:12px;font-weight:700}.install-app-action{padding:8px 0}.install-app-action span{color:var(--focus);font-size:17px}.install-app-dismiss{width:28px;height:28px;border-radius:9px;color:var(--text-muted);font-size:19px;font-weight:400}.install-app-dismiss:hover{background:color-mix(in srgb,var(--surface) 15%,transparent);color:var(--accent-contrast)}.install-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.install-dialog{position:relative;width:min(100%,430px);padding:30px;border-radius:24px;background:var(--surface);box-shadow:0 28px 80px var(--shadow-lg);text-align:center}.install-dialog h2{margin:15px 0 10px;color:var(--text);font-size:22px}.install-dialog p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55}.install-dialog .install-hint{margin-top:13px;padding:11px;border-radius:11px;background:var(--accent-soft);font-size:12px}.install-dialog .primary{width:100%;margin-top:20px}.install-icon{width:54px;height:54px;margin:auto;display:grid;place-items:center;border-radius:16px;background:var(--accent);color:var(--accent-contrast);font-size:24px;font-weight:800}.install-close{position:absolute;top:13px;right:13px;width:32px;height:32px;border:0;border-radius:9px;background:var(--surface-hover);color:var(--text-muted);font-size:20px}.messenger{width:100%;height:100vh;height:100dvh;height:var(--app-height, 100dvh);display:grid;grid-template-columns:350px 1fr;background:var(--bg-page);overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.sidebar>header{height:86px;padding:19px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.wordmark{display:flex;align-items:center;gap:9px;font:800 18px ui-sans-serif,system-ui}.wordmark span{background:var(--accent);color:var(--surface);width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.sidebar header p{margin:3px 0 0 39px;color:var(--text-subtle);font-size:11px}.icon-button,.back-button{border:0;background:var(--surface-hover);border-radius:10px;width:35px;height:35px;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:6px}.notifications-on{width:18px;text-align:center;color:var(--success);font-size:10px}.devices-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.devices-page{width:min(100%,620px);max-height:min(760px,90dvh);overflow:auto;padding:26px;border-radius:24px;background:var(--surface);box-shadow:0 28px 80px var(--shadow-lg)}.devices-page>header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.devices-page h2{margin:0 0 5px}.devices-page header p{margin:0;color:var(--text-subtle);font-size:13px}.settings-page{width:min(100%,500px);padding:28px}.settings-page>header{margin-bottom:24px}.settings-section{display:grid;gap:12px;padding:18px 0;border-top:1px solid var(--border)}.settings-section:first-of-type{padding-top:0;border-top:0}.settings-section h3{margin:0;color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settings-note{margin:0;color:var(--text-subtle);font-size:13px;line-height:1.45}.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--bg-subtle)}.theme-picker button{min-height:38px;border:0;border-radius:9px;padding:8px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700}.theme-picker button:hover{background:var(--surface-hover);color:var(--text)}.theme-picker button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 5px var(--shadow-sm)}.settings-action{width:100%;min-height:44px;border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--input);color:var(--text);font-size:13px;font-weight:700;text-align:left}.settings-action:hover{background:var(--surface-hover);border-color:var(--focus)}.settings-primary{border-color:var(--accent);background:var(--accent);color:var(--surface);text-align:center}.settings-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.settings-switch{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.settings-switch span{display:grid;gap:3px}.settings-switch strong{color:var(--text);font-size:13px}.settings-switch small{color:var(--text-subtle);font-size:11px;line-height:1.35}.settings-switch input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.settings-switch i{position:relative;width:42px;height:24px;border-radius:999px;background:var(--border-strong);transition:background .15s ease}.settings-switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px var(--shadow-sm);transition:transform .15s ease}.settings-switch input:checked+i{background:var(--accent)}.settings-switch input:checked+i:after{transform:translate(18px)}.settings-switch input:focus-visible+i{outline:3px solid var(--focus);outline-offset:3px}.admin-assignment{display:grid;gap:8px;margin-top:4px}.admin-assignment>label{color:var(--text-muted);font-size:12px;font-weight:700}.admin-assignment>div{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px}.admin-assignment input{min-width:0;min-height:44px;border:1px solid var(--border);border-radius:12px;padding:0 12px;font:inherit}.admin-assignment .settings-action{text-align:center}.administrator-management{display:grid;gap:12px}.administrator-management h4{margin:4px 0 0;color:var(--text);font-size:14px}.administrators-list{display:grid;gap:8px}.administrators-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px}.administrators-list span{color:var(--text-muted);font-size:12px}.settings-error{margin:0;color:var(--danger);font-size:13px}.settings-error button{margin-left:6px}.settings-account{padding-bottom:0}.settings-account .danger-button{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:var(--danger-soft);color:var(--danger);text-align:left}.settings-account .danger-button:hover{background:var(--danger-soft)}.devices-list{display:grid;gap:10px}.devices-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border:1px solid var(--border);border-radius:15px}.devices-list article.current{border-color:var(--focus);background:var(--accent-soft)}.device-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.devices-list article>div:nth-child(2){min-width:0;display:grid;gap:3px}.devices-list span,.devices-list small{color:var(--text-subtle);font-size:12px}.danger-button,.revoke-others{border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:10px;padding:9px 11px;background:var(--danger-soft);color:var(--danger);font-size:12px;font-weight:700}.revoke-others{width:100%;margin-top:18px;padding:12px}.device-toast{position:fixed;z-index:35;top:18px;right:18px;display:grid;gap:3px;min-width:280px;padding:14px 42px 14px 16px;border-radius:14px;background:var(--surface-raised);color:var(--surface);box-shadow:0 14px 35px var(--shadow-md)}.device-toast span{color:var(--text-muted);font-size:12px}.device-toast button{position:absolute;top:8px;right:8px;border:0;background:transparent;color:var(--surface);font-size:20px}.search{display:flex;gap:8px;margin:18px 18px 10px;padding:0 12px;align-items:center;border:1px solid var(--border);border-radius:12px;background:var(--bg-page)}.search input{width:100%;padding:11px 0;border:0;background:transparent;box-shadow:none;font-size:13px}.search-submit{border:0;border-radius:8px;padding:7px 10px;background:var(--accent);color:var(--surface);font-size:11px;font-weight:700}.search-submit:disabled{background:var(--border-strong);cursor:default}.search-empty{margin:0 21px 8px;color:var(--text-subtle);font-size:12px}.sidebar-error{margin:0 18px 8px;padding:9px 11px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:12px;display:flex;justify-content:space-between}.sidebar-error button{border:0;background:transparent;color:inherit}.search-results{flex:0 0 auto;margin:0 18px 8px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.search-results button{display:flex;width:100%;border:0;background:var(--surface);align-items:center;gap:10px;padding:10px;text-align:left}.search-results button:hover{background:var(--surface-hover)}.search-results span:nth-child(2){display:grid;flex:1}.search-results small{color:var(--text-subtle)}.search-results b{color:var(--accent)}.section-label{padding:18px 21px 9px;color:var(--text-subtle);font-size:10px;font-weight:700;letter-spacing:.12em;display:flex;justify-content:space-between}.chat-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 9px}.chat-list>button{border:0;width:100%;border-radius:13px;display:flex;align-items:center;gap:12px;padding:11px;background:transparent;text-align:left}.chat-list>button:hover{background:var(--surface-hover)}.chat-list>button.active{background:var(--surface-active)}.avatar{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-weight:700}.avatar.violet{background:var(--accent-soft);color:var(--accent-hover)}.avatar.amber{background:var(--warning-soft);color:var(--warning)}.avatar.blue{background:var(--avatar-blue-soft);color:var(--avatar-blue)}.avatar.green{background:var(--success-soft);color:var(--success)}.chat-preview{min-width:0;flex:1;display:grid;gap:4px}.chat-preview>span{display:flex;justify-content:space-between;gap:8px}.chat-preview strong{font-size:14px}.chat-preview time{font-size:10px;color:var(--text-subtle)}.chat-preview small{color:var(--text-subtle);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--accent-contrast);font-size:10px}.muted,.empty-small{color:var(--text-subtle);padding:20px 12px;font-size:13px}.empty-small p{margin-bottom:6px;color:var(--text-muted)}.conversation{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;background:var(--bg-page);transform:translate(var(--back-swipe-x, 0));transition:transform .18s cubic-bezier(.2,.8,.2,1)}.conversation-header{position:relative;z-index:5;min-height:86px;padding:17px 28px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.conversation-header>div{display:grid}.conversation-header strong{font-size:14px}.conversation-header small{color:var(--text-subtle);font-size:11px;margin-top:2px}.conversation-header small.presence-online{color:var(--success)}.back-button{display:none;font-size:25px}.delete-chat{margin-left:auto;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));background:var(--danger-soft);color:var(--danger);border-radius:10px;padding:8px 11px;font-size:11px;font-weight:700}.delete-chat:hover{background:var(--danger-soft)}.delete-chat:disabled{opacity:.55;cursor:wait}.empty-chat{grid-row:1 / -1;margin:auto;text-align:center;color:var(--text-subtle)}.empty-chat h2{color:var(--text);font:700 22px ui-sans-serif,system-ui;margin-bottom:8px}.empty-chat p{margin:0;font-size:14px}.empty-orbit{width:82px;height:82px;margin:auto;display:grid;place-items:center;border-radius:28px;color:var(--accent);background:var(--accent-soft);font:800 30px ui-sans-serif,system-ui;box-shadow:0 0 0 14px var(--accent-soft),0 0 0 28px var(--bg-subtle)}.messages{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:32px max(28px,8vw) 20px}.load-older{display:flex;justify-content:center;margin:0 0 18px}.load-older button{border:1px solid var(--border);border-radius:10px;padding:8px 13px;background:var(--accent-soft);color:var(--accent-hover);font-size:11px;font-weight:700}.load-older button:disabled{opacity:.6;cursor:wait}.beginning{text-align:center;color:var(--text-subtle);margin:10vh 0 40px}.beginning .avatar{margin:auto;width:58px;height:58px}.beginning h3{color:var(--text);margin:12px 0 4px}.beginning p{margin:0;font-size:13px}.message-day-separator{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--text-subtle);font-size:11px;font-weight:700;text-align:center}.message-day-separator:before,.message-day-separator:after{content:"";height:1px;flex:1;background:var(--border)}.message-row{position:relative;display:flex;margin:7px 0;justify-content:flex-start;transform:translate(var(--swipe-x, 0));transition:transform .18s cubic-bezier(.2,.8,.2,1)}.message-row.menu-open{z-index:1}.message-row.reply-swipe-active:after{content:"↩ Ответить";position:absolute;right:8px;top:50%;z-index:-1;transform:translateY(-50%) scale(.9);color:var(--accent);font-size:12px;font-weight:700;opacity:.65;transition:transform .12s ease,opacity .12s ease}.message-row.reply-swipe-threshold:after{transform:translateY(-50%) scale(1.08);opacity:1}.message-row.mine{justify-content:flex-end}.bubble{position:relative;max-width:min(72%,560px);padding:10px 13px 7px;background:var(--surface);border:1px solid var(--border);border-radius:15px 15px 15px 4px;box-shadow:0 2px 5px var(--shadow-sm)}.mine .bubble{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);border-radius:15px 15px 4px}.mine .bubble.failed{background:var(--danger);border-color:var(--danger)}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45;font-size:14px}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:15px;margin-top:3px}.message-status{color:color-mix(in srgb,var(--accent-contrast) 74%,transparent);font-size:9px}.retry-message{border:0;border-radius:6px;padding:2px 6px;background:var(--surface);color:var(--danger);font-size:9px;font-weight:700}.bubble time{display:block;text-align:right;color:var(--text-subtle);font-size:9px}.mine .bubble time{color:color-mix(in srgb,var(--accent-contrast) 74%,transparent)}.message-context-menu{display:grid;position:absolute;z-index:10;top:calc(100% + 4px);right:0;min-width:205px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 10px 28px var(--shadow-md)}.message-context-menu button{border:0;padding:10px 12px;background:var(--surface);color:var(--text);text-align:left;font-size:13px}.message-context-menu button:hover{background:var(--surface-hover)}.message-context-menu button.danger{color:var(--danger);border-top:1px solid var(--border)}.message-context-menu button:disabled{opacity:.55}.message-edit{width:100%;min-height:62px;resize:vertical;border:1px solid color-mix(in srgb,var(--accent-contrast) 74%,transparent);border-radius:9px;padding:7px;color:var(--text);background:var(--surface)}.edited-label{color:color-mix(in srgb,var(--accent-contrast) 74%,transparent);font-size:9px}.message-row:not(.mine) .edited-label{color:var(--text-subtle)}.reply-preview{display:grid;width:100%;gap:2px;margin:-1px 0 8px;padding:6px 8px;border:0;border-left:3px solid var(--focus);border-radius:6px;background:color-mix(in srgb,var(--surface) 15%,transparent);color:inherit;text-align:left}.message-row:not(.mine) .reply-preview{background:var(--accent-soft);color:var(--text-muted);border-left-color:var(--accent)}.reply-preview strong{font-size:10px}.reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.82}.message-highlighted .bubble{animation:message-highlight 1.5s ease-out}@keyframes message-highlight{0%,30%{box-shadow:0 0 0 4px var(--warning),0 0 24px color-mix(in srgb,var(--warning) 52%,transparent)}to{box-shadow:0 2px 5px var(--shadow-sm)}}.reply-navigation-notice{margin:0 max(20px,6vw) 8px;color:var(--text-muted);font-size:12px}.composer{position:relative;flex-wrap:wrap}.composer-reply{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 0;padding:6px 3px 7px 9px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:7px;color:var(--text-muted)}.composer-reply span{display:grid;min-width:0;gap:2px}.composer-reply strong{font-size:10px}.composer-reply small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.composer-reply button{width:28px;height:28px;background:transparent;color:var(--text-muted);font-size:18px}.composer{align-self:end;margin:0 max(20px,6vw) 22px;border:1px solid var(--border-strong);background:var(--surface);border-radius:17px;padding:9px 9px 9px 15px;display:flex;align-items:end;gap:10px;box-shadow:0 9px 25px var(--shadow-sm)}.composer textarea{resize:none;max-height:120px;min-height:37px;flex:1;padding:9px 0;border:0;outline:0;box-shadow:none;background:transparent}.composer button{border:0;border-radius:12px;width:40px;height:40px;background:var(--accent);color:var(--accent-contrast);font-size:20px;font-weight:700}.composer button:disabled{background:var(--border-strong);cursor:default}.attachment-button{background:var(--accent-soft)!important;color:var(--accent-hover)!important;flex:0 0 auto}.attachment-queue{flex:0 0 100%;display:grid;gap:4px;font-size:12px}.attachment-queue div{display:flex;align-items:center;gap:6px}.attachment-queue span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-queue img{width:24px;height:24px;object-fit:cover;vertical-align:middle;border-radius:4px}.attachment-queue button{width:auto;height:25px;padding:0 7px;font-size:12px}.message-attachment{margin-top:6px}.message-attachment button{border:0;background:transparent;padding:0;color:inherit;text-align:left}.attachment-thumbnail{display:block;max-width:100%;border-radius:10px;overflow:hidden}.message-attachment img{max-width:100%;max-height:280px;border-radius:10px;display:block;background:var(--skeleton-base)}.attachment-skeleton{width:min(280px,100%);aspect-ratio:4/3;border-radius:10px;background:linear-gradient(100deg,var(--skeleton-base) 30%,var(--skeleton-shine) 48%,var(--skeleton-base) 66%);background-size:200% 100%;animation:attachment-shimmer 1.2s linear infinite}.attachment-error{padding:10px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:12px}.attachment-error button{margin-left:7px;color:var(--accent);font-weight:700}.attachment-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgb(from var(--viewer) r g b / var(--viewer-opacity, .78));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:none;transition:background .16s ease;overflow:hidden}.viewer-stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.viewer-stage img{max-width:calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:auto;height:auto;object-fit:contain;transform-origin:center center;border-radius:8px;transition:transform .18s cubic-bezier(.2,.8,.2,1);will-change:transform;-webkit-user-select:none;user-select:none}.viewer-close{position:absolute;z-index:1;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:42px;height:42px;border:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 18%,transparent);color:var(--surface);font-size:30px;line-height:38px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.attachment-lightbox:focus{outline:0}@keyframes attachment-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.message-row,.attachment-lightbox,.attachment-lightbox img{transition:none}.attachment-skeleton{animation:none}}.inline-error{margin:0 max(20px,6vw) 9px;padding:9px 12px;background:var(--danger-soft);color:var(--danger);border-radius:10px;font-size:12px;display:flex;justify-content:space-between}.inline-error button{border:0;background:transparent;color:inherit}@media(max-width:720px){.auth-page{grid-template-columns:1fr;padding:24px}.auth-copy{display:none}.auth-card{padding:26px}.messenger{grid-template-columns:1fr}.conversation,.chat-open .sidebar{display:none}.chat-open .conversation{display:grid}.back-button{display:block}.conversation-header{min-height:calc(74px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 15px 10px}.messages{padding:24px 14px 15px}.composer{margin:0 12px calc(12px + env(safe-area-inset-bottom))}.bubble{max-width:84%}.message-context-menu{top:40px;right:5px}.message-row:not(.mine) .message-context-menu{right:auto;left:5px}.sidebar.has-search-results .search-results{max-height:min(38dvh,320px);overflow-y:auto;margin-bottom:12px}.message-row{touch-action:pan-y}.devices-overlay{align-items:end;padding:10px}.devices-page{width:100%;max-height:calc(100dvh - 20px);padding:20px;border-radius:20px}.settings-page{padding:22px 18px}.admin-assignment>div{grid-template-columns:1fr}.admin-assignment .settings-action{min-height:44px}}