:root{color:#f5f7fa;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#3390ec;--accent-hover:#4a9fee;--app-bg:#0e1621;--panel:#17212b;--panel-raised:#202b36;--panel-soft:#1d2a36;--line:#2a3947;--text:#f5f7fa;--text-soft:#c3d0dc;--muted:#879cad;--own-bubble:#2b5278;--peer-bubble:#182533;--danger:#ff8c82;background:#0e1621;font-family:Avenir Next,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{background:var(--app-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 48%, transparent);outline-offset:2px}.icon{flex:none;display:block}.loading-screen{background:var(--app-bg);min-height:100dvh;color:var(--muted);place-items:center;font-size:14px;display:grid}.auth-shell{background:radial-gradient(circle at 14% 12%,#3390ec24,#0000 28rem),radial-gradient(circle at 90% 88%,#2957832e,#0000 30rem),#0e1621;grid-template-columns:minmax(280px,390px) minmax(520px,690px);justify-content:center;align-items:stretch;gap:clamp(32px,7vw,104px);min-height:100dvh;padding:clamp(24px,4vw,56px);display:grid;overflow:auto}.auth-intro{flex-direction:column;min-height:min(760px,100dvh - 112px);padding:20px 0 10px;display:flex}.brand-lockup{color:var(--text);letter-spacing:-.035em;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.brand-lockup.compact{gap:10px;font-size:19px}.brand-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 9px 30px #1866b247}.brand-lockup.compact .brand-mark{width:34px;height:34px}.brand-mark .icon{transform:translate(-1px,1px)}.auth-intro-copy{margin:auto 0}.eyebrow{color:#62aef6;letter-spacing:.15em;margin:0 0 18px;font-size:11px;font-weight:700}.auth-intro h2{max-width:8ch;color:var(--text);letter-spacing:-.055em;text-wrap:balance;margin:0 0 24px;font-size:clamp(46px,5vw,68px);line-height:.98}.auth-intro-copy>p:last-child{color:#a8bac9;text-wrap:pretty;max-width:36ch;margin:0;font-size:16px;line-height:1.65}.auth-trust-row{background:#1d2a36b3;border:1px solid #6b8eab33;border-radius:18px;align-items:center;gap:13px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff08}.auth-trust-row>span{color:#64b1fa;background:#3390ec26;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.auth-trust-row p{gap:3px;margin:0;display:grid}.auth-trust-row strong{color:var(--text-soft);font-size:13px;font-weight:650}.auth-trust-row small{color:var(--muted);font-size:11px}.auth-panel{scrollbar-width:thin;scrollbar-color:#405264 transparent;background:#17212bf5;border:1px solid #6f8fa92e;border-radius:28px;align-self:center;width:100%;max-height:calc(100dvh - clamp(48px,8vw,112px));padding:clamp(28px,4vw,44px);overflow:auto;box-shadow:0 30px 90px #020a1266,inset 0 1px #ffffff06}.mobile-brand{margin-bottom:28px;display:none}.step-badge{color:#70b9ff;letter-spacing:.035em;background:#3390ec21;border-radius:7px;margin-bottom:15px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.auth-heading h1{color:var(--text);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(31px,4vw,43px);line-height:1.06}.auth-heading p{color:#9cafbf;max-width:48ch;margin:12px 0 0;font-size:14px;line-height:1.55}.segmented{background:#101923;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin:28px 0 24px;padding:4px;display:grid}.segmented button{color:#8fa3b4;background:0 0;border:0;border-radius:10px;min-height:39px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,transform .2s}.segmented button:hover{color:var(--text-soft)}.segmented button:active{transform:scale(.985)}.segmented button.active{color:var(--text);background:#263646;box-shadow:0 2px 8px #0000002e}.auth-form{gap:20px;display:grid}.recovery-block{gap:12px;display:grid}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-heading>span{color:var(--text-soft);font-size:13px;font-weight:650}.section-heading small{color:var(--muted);font-size:11px}.recovery-phrase{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.recovery-phrase li{color:#e4ebf2;white-space:nowrap;text-overflow:ellipsis;background:#111c27;border:1px solid #304151;border-radius:9px;min-width:0;padding:9px 8px;font-size:12px;overflow:hidden}.recovery-phrase span{color:#6f879a;font-variant-numeric:tabular-nums;width:21px;font-size:10px;display:inline-block}.quiet-button{color:#62acf3;background:0 0;border:0;justify-self:start;align-items:center;gap:7px;padding:2px 0;font-size:12px;font-weight:600;transition:color .2s;display:inline-flex}.quiet-button:hover{color:#8ac5ff}.quiet-button:active{transform:translateY(1px)}.field-label{color:var(--text-soft);gap:8px;font-size:13px;font-weight:650;display:grid}.field-label small{color:#71879a;font-size:11px;font-weight:400;line-height:1.4}input,textarea{width:100%;color:var(--text);resize:vertical;background:#111c27;border:1px solid #344759;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}input::placeholder,textarea::placeholder{color:#62768a}input:hover,textarea:hover{background:#14212d}input:focus,textarea:focus{border-color:var(--accent);background:#14212d;box-shadow:0 0 0 3px #3390ec24}.confirm{color:#91a5b5;align-items:flex-start;gap:11px;font-size:12px;line-height:1.5;display:flex}.confirm input{width:17px;height:17px;accent-color:var(--accent);flex:0 0 17px;margin:1px 0 0;padding:0}.primary-button{background:var(--accent);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:47px;padding:12px 17px;font-size:14px;font-weight:700;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 26px #1766b23d}.primary-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 12px 30px #1766b252}.primary-button:active:not(:disabled){transform:scale(.99)}.primary-button:disabled{opacity:.62}.form-error,.storage-warning{color:#ffaaa2;background:#8c363221;border:1px solid #ff8c8240;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.45}.unlock-panel{max-width:520px}.unlock-icon{color:#69b4fa;background:#3390ec26;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:23px;display:grid}.unlock-panel .auth-form{margin-top:28px}.unlock-footnote{color:#71879a;text-align:center;margin:20px 0 0;font-size:11px}.messenger-shell{background:var(--app-bg);grid-template-columns:clamp(310px,29vw,370px) minmax(0,1fr);width:100%;height:100dvh;display:grid;overflow:hidden}.dialogs-panel{background:var(--panel);border-right:1px solid #283744;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;display:grid}.dialogs-header{justify-content:space-between;align-items:center;min-height:65px;padding:12px 17px 9px 19px;display:flex}.account-avatar{color:#d8e4ee;text-transform:uppercase;background:#40566a;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.search{color:#7790a4;background:#202b36;border-radius:20px;align-items:center;gap:9px;margin:4px 13px 10px;padding:0 13px;transition:background-color .2s,box-shadow .2s;display:flex}.search:focus-within{color:#79bafa;background:#243340;box-shadow:0 0 0 2px #3390ec40}.search input{height:39px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:13px}.search input:hover,.search input:focus{box-shadow:none;background:0 0;border:0}.dialogs-list{scrollbar-width:thin;scrollbar-color:#3a4b59 transparent;min-height:0;padding:2px 7px 16px;overflow-y:auto}.room{width:100%;min-height:67px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px 10px;transition:background-color .18s,transform .18s;display:grid;position:relative}button.room:hover{background:#202d39}button.room:active{transform:scale(.992)}.room.active-room{background:#2b5278}.room.active-room:hover{background:#315d87}.room.muted-room{opacity:.55}.avatar{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:17px;font-weight:750;display:grid}.relay-avatar{background:#3390ec}.notes-avatar{background:#8a62c8}.status-avatar{background:#4d9b83}.room-copy{gap:5px;min-width:0;display:grid}.room-copy>span{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.room strong,.room small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room strong{font-size:13px;font-weight:650}.room small{color:#8196a8;font-size:12px}.room time{color:#7690a5;font-variant-numeric:tabular-nums;font-size:10px}.active-room small,.active-room time{color:#d4e6f7}.room i{color:#16324b;background:#6ab7ff;border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:10px;font-style:normal;font-weight:750;display:grid}.device-card{border-top:1px solid #273744;align-items:center;gap:11px;margin:0 13px 13px;padding:15px 6px 2px;display:flex}.device-pulse{border:2px solid var(--panel);background:#4fcf92;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #4fcf9221}.device-card p{gap:2px;margin:0;display:grid}.device-card strong{color:#b9c7d2;font-size:11px;font-weight:600}.device-card small{color:#6f8496;font-size:10px}.invite-notice{color:#74baff;background:#3390ec1a;border:1px solid #3390ec57;border-radius:15px;align-items:flex-start;gap:11px;padding:12px 14px;display:flex}.invite-notice .icon{margin-top:2px}.invite-notice p{gap:3px;margin:0;display:grid}.invite-notice strong{color:#dceeff;font-size:12px}.invite-notice small{color:#94b2ca;font-size:10px;line-height:1.45}.dialog-header-actions{align-items:center;gap:9px;display:flex}.round-action{color:#8ca2b5;background:0 0;border:0;border-radius:50%;place-items:center;width:35px;height:35px;transition:color .16s,background-color .16s;display:grid}.round-action:hover:not(:disabled){color:#72b9fa;background:#22313e}.round-action:disabled{opacity:.45}.contact-avatar{background:linear-gradient(145deg,#2d9be8,#6576d8)}.pending-room{opacity:.85}.pending-avatar{color:#81bff5;background:#314658}.pending-avatar .icon{margin:auto}.dialogs-empty{color:#6f8496;text-align:center;justify-items:center;gap:7px;margin:auto 20px;display:grid}.dialogs-empty p{margin:0;font-size:12px}.dialogs-empty button{color:#5eb0fb;background:0 0;border:0;font-size:11px}.device-pulse.connecting,.device-pulse.waiting{background:#eeae55;box-shadow:0 0 0 3px #eeae551f}.device-pulse.offline,.device-pulse.error{background:#ec756d;box-shadow:0 0 0 3px #ec756d1f}.conversation{background-color:#0f1822;background-image:radial-gradient(#67859d18 .75px,#0000 .75px);background-size:18px 18px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.conversation-header{z-index:2;background:#17212bfa;border-bottom:1px solid #283744;align-items:center;gap:12px;min-height:65px;padding:9px clamp(16px,3vw,28px);display:flex;box-shadow:0 2px 12px #02080e29}.mobile-back{color:#8fa5b7;background:0 0;border:0;padding:7px;display:none}.conversation-avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:750;display:grid}.conversation-title{gap:2px;min-width:0;display:grid}.conversation-title h1{color:var(--text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:680;overflow:hidden}.conversation-title p{color:#8399aa;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.status-dot{background:#4fcf92;border-radius:50%;width:6px;height:6px}.header-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.delivery-state{color:#90a3b3;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.delivery-state i{background:#eeae55;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #eeae551a}.header-more{color:#8095a7}.message-list{scrollbar-width:thin;scrollbar-color:#344857 transparent;flex-direction:column;gap:7px;min-height:0;padding:22px max(20px,50% - 425px) 18px;display:flex;overflow-y:auto}.day-divider{align-self:center;margin:1px 0 7px}.day-divider span{color:#a6b7c4;background:#1e2e3ce6;border-radius:10px;padding:5px 10px;font-size:10px;font-weight:600;display:block;box-shadow:0 3px 10px #00000026}.system-banner{color:#8ba4b7;background:#1d303fe6;border-radius:13px;align-self:center;align-items:flex-start;gap:9px;max-width:540px;margin-bottom:13px;padding:10px 13px;display:flex;box-shadow:0 5px 18px #030c1429}.system-banner .icon{color:#63adf3;margin-top:1px}.system-banner p{margin:0;font-size:11px;line-height:1.45}.system-banner strong{color:#b9cbd9;font-weight:650}.storage-warning{align-self:center;max-width:600px}.empty-messages{color:#6f8496;justify-items:center;gap:8px;margin:auto;display:grid}.empty-messages p{margin:0;font-size:12px}.message{background:var(--peer-bubble);min-width:130px;max-width:min(610px,78%);color:var(--text);border-radius:6px 15px 15px;align-self:flex-start;padding:9px 11px 7px;position:relative;box-shadow:0 3px 12px #01070c2b}.message.own{background:var(--own-bubble);border-radius:15px 6px 15px 15px;align-self:flex-end}.message-author{color:#6ab4fa;margin-bottom:4px;font-size:11px;font-weight:650;display:block}.message>p{color:#f1f5f8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.42}.reply-note{border-left:2px solid #60adf3;gap:2px;margin:0 0 7px;padding-left:8px;display:grid}.reply-note strong{color:#72b9fa;font-size:10px}.reply-note span{color:#b3c2ce;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.bubble-footer{justify-content:space-between;align-items:flex-end;gap:12px;min-height:17px;margin-top:3px;display:flex}.reaction-list{gap:4px;min-width:0;display:flex}.reaction{background:#030f1a3b;border-radius:9px;align-items:center;padding:2px 6px;font-size:11px;display:inline-flex}.message-stamp{color:#9fb2c2;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:9.5px}.message.own .message-stamp{color:#bbd5e9}.message-stamp b{color:#72c7ff;letter-spacing:-.2em;margin-left:4px;font-size:10px}.message-actions{opacity:0;pointer-events:none;align-items:center;gap:3px;width:max-content;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(calc(4px - 50%))}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.message-actions button{color:#9fb2c1;background:#1c2a36f2;border:0;border-radius:8px;padding:6px 7px;font-size:9px;transition:color .16s,background-color .16s;box-shadow:0 4px 14px #0000002e}.message-actions button:hover{color:#dce7ef;background:#263746}.composer{z-index:2;background:linear-gradient(#0f182200,#0f1822 50%);padding:7px clamp(14px,3vw,28px) 13px}.composer-row,.replying,.composer-hint{width:min(100%,850px);margin-inline:auto}.composer-row{background:#17212b;border:1px solid #2e4050;border-radius:18px;align-items:flex-end;gap:7px;min-height:49px;padding:5px 6px 5px 7px;display:flex;box-shadow:0 7px 24px #02080e3b}.composer textarea{resize:none;min-height:37px;max-height:132px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:9px 5px 7px;font-size:13.5px;line-height:1.4}.composer textarea:hover,.composer textarea:focus{box-shadow:none;background:0 0;border:0}.composer-icon,.send-button{border:0;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;transition:background-color .18s,color .18s,transform .18s;display:grid}.composer-icon{color:#8196a8;background:0 0}.composer-icon:disabled{opacity:.45}.send-button{background:var(--accent);color:#fff}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{color:#687e90;background:#283a49}.replying{background:#17212b;border:1px solid #2e4050;border-bottom:0;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:8px 13px 10px 18px;display:flex}.replying span{border-left:2px solid #5db0fb;gap:2px;padding-left:9px;display:grid}.replying strong{color:#6bb7fb;font-size:10px}.replying small{color:#8297a9;font-size:10px}.replying button{color:#879bad;background:0 0;border:0;font-size:19px;line-height:1}.composer:has(.replying) .composer-row{border-radius:0 0 18px 18px}.composer-hint{color:#556d80;margin-top:5px;margin-bottom:0;padding-left:14px;font-size:9px}.empty-conversation{color:#7d93a6;text-align:center;grid-row:1/-1;align-content:center;justify-items:center;gap:11px;width:min(470px,100% - 40px);margin:auto;display:grid}.empty-conversation>span{color:#63b0f6;background:#3390ec21;border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.empty-conversation h1{color:#e5edf3;letter-spacing:-.025em;margin:5px 0 0;font-size:22px}.empty-conversation>p{max-width:42ch;margin:0;font-size:12px;line-height:1.6}.compact-primary{width:auto;min-width:210px;margin-top:8px;padding-inline:18px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030a10b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.invite-dialog{text-align:center;background:#17212b;border:1px solid #314555;border-radius:22px;justify-items:center;width:min(460px,100%);padding:31px;display:grid;position:relative;box-shadow:0 24px 80px #0000006b}.modal-close{color:#8297a8;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{color:#dce6ed;background:#22313e}.invite-dialog-icon{color:#67b4fa;background:#3390ec24;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.invite-dialog h2{color:#f4f7fa;letter-spacing:-.025em;margin:17px 0 8px;font-size:23px}.invite-dialog>p{color:#8ea2b3;max-width:38ch;margin:0;font-size:12px;line-height:1.55}.invite-link{text-align:left;background:#101a23;border:1px solid #314757;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;margin:21px 0 13px;display:grid}.invite-link span{color:#a9bac8;text-overflow:ellipsis;white-space:nowrap;padding:12px 13px;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.invite-link button{color:#65b2f8;background:0 0;border:0;border-left:1px solid #314757;place-items:center;width:41px;height:41px;display:grid}@media (width<=980px){.auth-shell{grid-template-columns:minmax(0,720px);align-items:start;padding:20px}.auth-intro{display:none}.auth-panel{align-self:start;max-height:none;margin:auto}.mobile-brand{display:block}.messenger-shell{grid-template-columns:300px minmax(0,1fr)}.delivery-state{display:none}.message{max-width:86%}}@media (width<=720px){body{overflow:hidden}.auth-shell{background:var(--panel);padding:0}.auth-panel{min-height:100dvh;box-shadow:none;border:0;border-radius:0;padding:25px 18px 32px}.auth-heading h1{font-size:32px}.recovery-phrase{grid-template-columns:repeat(3,minmax(0,1fr))}.messenger-shell{display:block}.dialogs-panel{display:none}.messenger-shell.show-dialogs .dialogs-panel{border-right:0;width:100%;height:100dvh;display:grid}.messenger-shell.show-dialogs .conversation{display:none}.conversation{width:100%;height:100dvh}.conversation-header{min-height:58px;padding:7px 11px}.mobile-back{display:block}.conversation-avatar{width:38px;height:38px}.header-more{padding:7px}.message-list{padding:17px 10px 13px}.message{max-width:88%}.message-actions{display:none}.system-banner{max-width:92%}.composer{padding:6px 8px 9px}.composer-hint{display:none}.invite-dialog{padding:28px 19px 21px}}@media (width<=430px){.recovery-phrase{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel{padding-inline:15px}.auth-heading h1{font-size:29px}.message{max-width:92%}.conversation-title p{text-overflow:ellipsis;white-space:nowrap;max-width:195px;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}