:root{color:#1c2d3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--ink:#1c2d3a;--muted:#78858e;--line:#e4e8e5;--soft:#f2f4f1;--paper:#fff;--accent:#466b60;--accent-deep:#36594f;--accent-soft:#edf3ef;--green:#2f755a;background:#f6f7f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{color:inherit}::selection{color:#213e33;background:#dce9e2}.brand{letter-spacing:-.045em;color:#20343f;align-items:center;gap:10px;font:800 19px Inter,sans-serif;display:inline-flex}.brand-mark{color:#fff;background:#45695e;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #ffffff30}.login-page{background:#f7f8f6;flex-direction:column;min-height:100vh;display:flex}.login-top{justify-content:space-between;align-items:center;width:calc(100% - 72px);max-width:1240px;height:82px;margin:0 auto;display:flex}.quiet-button,.icon-button,.composer-icon{color:#67747d;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.quiet-button{width:38px;height:38px}.quiet-button:hover,.icon-button:hover,.composer-icon:hover{color:#263b44;background:#eef1ee}.login-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:120px;width:calc(100% - 64px);max-width:1110px;margin:auto;padding:44px 0 80px;display:grid}.login-copy{max-width:510px}.eyebrow{color:#45695e;letter-spacing:.09em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.login-copy h1{letter-spacing:-.055em;color:#1d2f3b;margin:25px 0 23px;font:700 clamp(46px,5.3vw,67px)/1.08 Inter,sans-serif}.login-copy>p{color:#67757c;max-width:430px;margin:0;font-size:17px;line-height:1.65}.trust-note{color:#42685c;border-top:1px solid #dde4df;align-items:flex-start;gap:12px;margin-top:38px;padding-top:23px;font-size:14px;font-weight:650;display:flex}.trust-note small{color:#839089;margin-top:5px;font-weight:400;display:inline-block}.login-card{background:#fff;border:1px solid #e6ebe7;border-radius:18px;padding:34px;box-shadow:0 14px 36px #293c320a}.login-card h2{letter-spacing:-.03em;margin:0 0 8px;font:700 23px Inter,sans-serif}.muted{color:#7c898e;margin:0 0 25px;font-size:14px;line-height:1.5}.google-button{cursor:pointer;background:#fff;border:1px solid #dce2df;border-radius:9px;justify-content:center;align-items:center;gap:11px;width:100%;height:48px;font-size:14px;font-weight:600;transition:background .15s,border .15s;display:flex}.google-button:hover{background:#fafbfa;border-color:#bcc9c1}.divider{color:#9aa49e;align-items:center;gap:12px;height:55px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#e6ebe7;flex:1;height:1px}.field-label{color:#53636a;margin:0 0 8px;font-size:12px;font-weight:650;display:block}.field{background:#fff;border:1px solid #dce2df;border-radius:9px;align-items:center;height:47px;padding:0 5px 0 12px;display:flex}.field:focus-within,.code-input:focus{border-color:#78968b;box-shadow:0 0 0 3px #eaf1ed}.field input{color:#20343f;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.field input::placeholder,.code-input::placeholder{color:#a9b1ad}.send-code{color:#fff;cursor:pointer;background:#45695e;border:0;border-radius:7px;height:35px;padding:0 11px;font-size:12px;font-weight:600}.send-code:hover{background:#36594f}.code-label{margin-top:15px}.code-input{letter-spacing:.22em;border:1px solid #dce2df;border-radius:9px;outline:none;width:100%;height:44px;padding:0 12px;font-size:16px}.form-message{color:#775a2b;background:#f8f2e9;border-radius:8px;margin-top:13px;padding:10px 12px;font-size:12px;line-height:1.5}.terms{color:#98a39c;margin:19px 0 0;font-size:11px;line-height:1.55}.terms a{color:#657a70;text-underline-offset:2px;text-decoration:underline}.login-footer{color:#8a9690;border-top:1px solid #e5eae6;justify-content:space-between;align-items:center;width:calc(100% - 72px);max-width:1240px;margin:0 auto;padding:22px 0 27px;font-size:12px;display:flex}.login-footer button{color:#45695e;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:650;display:flex}.messenger-shell{background:#fff;grid-template-columns:68px 318px minmax(360px,1fr);width:100%;height:100dvh;min-height:520px;display:grid;overflow:hidden}.rail{background:#f5f7f5;border-right:1px solid #e7ebe8;flex-direction:column;align-items:center;gap:10px;padding:16px 0 13px;display:flex}.rail-brand{cursor:pointer;background:0 0;border:0;margin:0 0 23px;padding:0}.rail-brand .brand-mark{border-radius:13px;width:38px;height:38px}.rail-button{color:#7e8987;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.rail-button:hover{color:#344e45;background:#e9eeea}.rail-button.active{color:#3c6657;background:#e5ede8}.rail-spacer{flex:1}.rail-user{color:#3b5d50;cursor:pointer;background:#dbe5df;border:0;border-radius:50%;width:34px;height:34px;font-weight:700}.chat-list-pane{background:#fff;border-right:1px solid #e8ece9;flex-direction:column;min-width:0;display:flex}.chat-list-head{padding:23px 18px 13px}.chat-title-line{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.wordmark{letter-spacing:-.04em;font:700 18px Inter,sans-serif}.small-kicker{color:#a0aaa4;letter-spacing:.1em;margin-top:3px;font-size:9px;font-weight:700}.icon-button{width:36px;height:36px}.chat-title-line .icon-button{color:#44685c;background:#edf2ee}.search-box{color:#8d9895;background:#f7f8f7;border:1px solid #e7ebe8;border-radius:9px;align-items:center;gap:9px;height:40px;padding:0 11px;display:flex}.search-box:focus-within{background:#fff;border-color:#b8c9bf}.search-box input{color:#31434b;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-box input::placeholder{color:#9ca7a1}.filters{gap:7px;margin-top:13px;display:flex}.filter{color:#84908c;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:11px}.filter.active{color:#45695e;background:#edf3ef;font-weight:650}.contact-list{flex:1;padding:1px 7px;overflow:auto}.contact-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:70px;padding:0 10px;display:flex}.contact-row:hover{background:#f7f9f7}.contact-row.selected{background:#eef3ef}.avatar-wrap{flex:none;position:relative}.avatar{letter-spacing:-.02em;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:12px;font-weight:650;display:grid}.avatar.sm{width:29px;height:29px;font-size:9px}.avatar.md{width:44px;height:44px}.avatar.lg{width:78px;height:78px;font-size:20px}.avatar.rose{color:#976762;background:#f0e1de}.avatar.blue{color:#536f80;background:#dce7ed}.avatar.sage{color:#537157;background:#dfe9e0}.avatar.lilac{color:#76658a;background:#e8e3ef}.avatar.sand{color:#8c744f;background:#efe7d8}.online-dot{background:#56a178;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:1px}.online-dot:not(.on){display:none}.contact-main{flex:1;min-width:0}.contact-top,.contact-bottom{justify-content:space-between;align-items:center;gap:7px;display:flex}.contact-top strong{color:#34454c;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}.contact-top time{color:#a1aaa5;white-space:nowrap;font-size:10px}.contact-bottom{color:#87938e;margin-top:5px;font-size:10px}.contact-bottom>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unread-count{color:#fff;background:#557c6d;border-radius:50%;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid}.list-footer{color:#8c9992;white-space:nowrap;border-top:1px solid #eff1ef;align-items:center;gap:7px;padding:13px 14px;font-size:9px;display:flex}.conversation{background:#fcfdfc;flex-direction:column;min-width:0;display:flex;position:relative}.conversation-header{background:#fff;border-bottom:1px solid #e9eeea;flex:none;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex}.conversation-person{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.conversation-person strong{color:#31434a;font-size:13px;font-weight:650;display:block}.conversation-person small{color:#8a9791;margin-top:3px;font-size:10px;display:block}.header-actions{align-items:center;gap:7px;display:flex}.verified-encryption{color:#71877c;background:#eff4f0;border-radius:20px;align-items:center;gap:5px;margin-right:5px;padding:7px 10px;font-size:10px;display:flex}.header-actions .icon-button{width:34px;height:34px}.conversation-body{flex-direction:column;flex:1;align-self:center;align-items:stretch;width:min(830px,100%);padding:18px 40px 14px;display:flex;overflow-y:auto}.encryption-banner{color:#708178;background:#f5f8f5;border:1px solid #e1e9e3;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:10px;line-height:1.4;display:flex}.encryption-banner>svg{color:#638475;flex:none}.encryption-banner span{flex:1}.encryption-banner button{color:#92a099;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.day-separator{color:#9ca7a1;align-items:center;gap:12px;margin:21px 0 18px;font-size:10px;display:flex}.day-separator:before,.day-separator:after{content:"";background:#e9eeea;flex:1;height:1px}.message-row{align-items:flex-end;gap:8px;margin-bottom:13px;display:flex}.message-row.incoming{align-self:flex-start;max-width:78%}.message-row.outgoing{align-self:flex-end;max-width:78%}.message-author{color:#83928a;margin:0 0 4px 3px;font-size:9px}.bubble{color:#36484e;border-radius:12px;min-width:135px;padding:10px 12px 7px;font-size:12px;line-height:1.55;position:relative;box-shadow:0 1px 1px #14251907}.incoming-bubble{background:#fff;border:1px solid #e9eeea;border-bottom-left-radius:4px}.outgoing-bubble{background:#edf3ef;border:1px solid #e5ece7;border-bottom-right-radius:4px}.message-time{color:#9ba69f;justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;font-size:8px;display:flex}.photo-message{width:242px;padding:7px}.photo-message>span{padding:1px 5px;display:block}.photo-placeholder{color:#638071;background:linear-gradient(145deg,#d9e5dc,#e9e5d9 52%,#c7d3cc);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:111px;font-size:10px;display:flex}.voice-bubble{background:#fff;border:1px solid #e9eeea;border-radius:12px 12px 12px 4px;align-items:center;gap:8px;min-width:235px;padding:8px 10px;display:flex}.play-button{color:#446c5b;cursor:pointer;background:#eaf1ec;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.waveform{flex:1;align-items:center;gap:2px;height:23px;display:flex}.waveform i{background:#82a494;border-radius:2px;width:2px;height:8px}.waveform i:nth-child(3n){height:16px}.waveform i:nth-child(3n+1){height:12px}.voice-bubble>span{color:#829087;font-size:9px}.voice-bubble .message-time{margin:0}.reaction-line{gap:4px;margin:-8px 0 14px 38px;display:flex}.reaction,.add-reaction{color:#788a7e;cursor:pointer;background:#f8faf8;border:1px solid #e4ebe6;border-radius:13px;align-items:center;gap:4px;height:25px;padding:0 8px;font-size:11px;display:flex}.reaction.selected{color:#49745f;background:#e5f0e8;border-color:#cadae0}.reaction span{font-size:9px}.add-reaction{justify-content:center;width:25px;padding:0}.composer-area{background:#fcfdfc;align-self:center;width:min(830px,100%);padding:11px 40px 14px}.composer{background:#fff;border:1px solid #e3e9e4;border-radius:12px;align-items:center;gap:6px;min-height:52px;padding:6px 7px 6px 10px;display:flex;box-shadow:0 3px 12px #20342b07}.composer:focus-within{border-color:#becfc4;box-shadow:0 0 0 3px #edf3ef}.composer-icon{flex:none;width:34px;height:34px}.composer textarea{resize:none;color:#34474f;background:0 0;border:0;outline:0;flex:1;min-width:0;max-height:90px;padding:8px 3px;font-size:12px;line-height:1.5}.composer textarea::placeholder{color:#9ca7a0}.send-button{color:#fff;cursor:pointer;background:#45695e;border:0;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}.send-button:hover{background:#36594f}.composer-hint{text-align:right;color:#a4ada8;padding-top:7px;padding-right:3px;font-size:9px}.details-pane{background:#fff;border-left:1px solid #e8ece9;flex-direction:column;width:280px;display:flex;overflow:auto}.details-head{border-bottom:1px solid #e9eeea;justify-content:space-between;align-items:center;height:72px;padding:0 17px;display:flex}.details-head h3{margin:0;font:650 13px Inter,sans-serif}.profile{text-align:center;border-bottom:1px solid #edf0ed;flex-direction:column;align-items:center;padding:27px 15px 23px;display:flex}.profile h3{margin:12px 0 3px;font-size:14px}.profile p{color:#85918b;margin:0 0 13px;font-size:10px}.privacy-status{color:#688174;background:#f1f5f2;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:flex}.details-section{border-bottom:1px solid #edf0ed;padding:18px 16px}.details-section>b{font-size:11px}.details-section p{color:#87928c;margin:7px 0 12px;font-size:10px;line-height:1.55}.details-section button{color:#557567;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:10px;display:flex}.demo-bar{color:#8b6c38;opacity:.99;background:#fbf4e7;border-radius:0 0 8px 8px;align-items:center;gap:14px;height:28px;padding:0 10px;font-size:10px;display:flex;position:absolute;bottom:0;left:386px;transform:translateY(100%)}.demo-bar>span{align-items:center;gap:6px;display:flex}.demo-dot{background:#bd9450;border-radius:50%;width:6px;height:6px}.demo-bar button{color:#8b6c38;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.toast{color:#fff;z-index:10;background:#263b42;border-radius:9px;max-width:calc(100vw - 32px);padding:11px 15px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #14211e28}.mobile-back{display:none}@media (width<=1100px){.login-layout{gap:55px}.messenger-shell{grid-template-columns:60px 290px minmax(330px,1fr)}.conversation-body,.composer-area{padding-left:25px;padding-right:25px}.details-pane{z-index:5;position:absolute;top:0;bottom:0;right:0;box-shadow:-14px 0 34px #1e32200d}.demo-bar{left:350px}}@media (width<=760px){.login-top,.login-footer{width:calc(100% - 36px)}.login-layout{grid-template-columns:1fr;gap:36px;width:calc(100% - 36px);max-width:480px;padding:33px 0 50px}.login-copy h1{margin:18px 0 13px;font-size:47px}.login-copy>p{font-size:15px}.trust-note{margin-top:21px;padding-top:15px}.login-card{padding:25px}.login-footer{font-size:10px}.messenger-shell{grid-template-columns:1fr;height:100dvh;min-height:0}.rail{display:none}.chat-list-pane{border:0}.conversation,.messenger-shell.mobile-chat .chat-list-pane{display:none}.messenger-shell.mobile-chat .conversation{display:flex}.mobile-back{width:32px;height:32px;margin-left:-8px;margin-right:4px;display:grid}.conversation-header{justify-content:flex-start;gap:4px;height:61px;padding:0 12px}.conversation-person{flex:1;gap:8px;min-width:0}.conversation-person>.avatar{width:38px;height:38px}.conversation-person span{min-width:0}.conversation-person strong{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.header-actions{gap:1px}.header-actions .more{display:none}.verified-encryption{margin-right:2px;padding:6px 8px;font-size:9px}.header-actions .icon-button{width:31px;height:31px}.conversation-body{padding:12px 14px 8px}.message-row.incoming,.message-row.outgoing{max-width:88%}.composer-area{padding:7px 11px 8px}.composer{min-height:48px}.composer-hint{display:none}.chat-list-head{padding:19px 16px 11px}.contact-row{height:72px}.list-footer{padding:13px 15px}.demo-bar{border-radius:0;justify-content:center;height:28px;font-size:9px;position:static;transform:none}.messenger-shell:has(.conversation:not([hidden])) .demo-bar{display:flex}}@media (width<=390px){.verified-encryption{white-space:nowrap;max-width:33px;padding:6px 8px;font-size:0;overflow:hidden}.verified-encryption svg{min-width:14px}.conversation-header{padding:0 8px}.header-actions .icon-button{width:29px}.composer-icon{width:30px}}.live-messenger{color:#293b3e;background:#f8faf8;grid-template-columns:310px minmax(0,1fr);height:100dvh;min-height:480px;display:grid}.live-sidebar{background:#fff;border-right:1px solid #e4eae5;flex-direction:column;min-width:0;padding:22px 16px 12px;display:flex}.live-sidebar-label{color:#929e97;letter-spacing:.11em;margin:32px 8px 12px;font-size:10px;font-weight:700}.live-rooms{flex:1;overflow:auto}.live-room{text-align:left;color:#40504e;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:56px;padding:8px;font-size:12px;display:flex}.live-room.active,.live-room:hover{background:#edf3ef}.live-room-avatar{color:#4e7160;background:#e4ece6;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:650;display:grid}.live-room>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-account{color:#829087;overflow-wrap:anywhere;border-top:1px solid #edf0ed;padding:12px 6px 2px;font-size:9px}.live-conversation{flex-direction:column;min-width:0;display:flex;position:relative}.live-header{color:#547568;background:#fff;border-bottom:1px solid #e8ece9;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.live-header strong{color:#334449;font-size:13px;display:block}.live-header small{color:#819088;margin-top:5px;font-size:10px;display:block}.live-messages{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:24px max(24px,50% - 375px);display:flex;overflow:auto}.live-message{color:#39494a;overflow-wrap:anywhere;background:#fff;border:1px solid #e5ebe6;border-radius:12px 12px 12px 4px;max-width:min(75%,560px);padding:9px 12px 6px;font-size:13px;line-height:1.5}.live-message.own{background:#edf4ef;border-radius:12px 12px 4px;align-self:flex-end}.live-sender{color:#668174;margin-bottom:4px;font-size:10px;font-weight:650;display:block}.live-message time{text-align:right;color:#9aa59e;margin-top:5px;font-size:9px;display:block}.live-composer{background:#fff;border:1px solid #dfe7e1;border-radius:11px;align-self:center;gap:8px;width:min(790px,100% - 40px);margin:0 20px 38px;padding:7px;display:flex}.live-composer input,.live-new-chat input{color:#344649;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 9px;font-size:13px}.live-composer button,.live-new-chat button{color:#fff;cursor:pointer;background:#45695e;border:0;border-radius:8px;place-items:center;width:37px;height:37px;display:grid}.live-composer button:disabled{cursor:not-allowed;background:#aab8af}.live-empty{text-align:center;color:#587467;max-width:470px;margin:auto;padding:32px}.live-empty h1{letter-spacing:-.04em;color:#293c3f;margin:17px 0 9px;font-size:24px}.live-empty p{color:#7f8e86;font-size:13px;line-height:1.6}.live-new-chat{background:#fff;border:1px solid #dde6df;border-radius:10px;margin-top:20px;padding:5px;display:flex}.live-new-chat button{white-space:nowrap;width:auto;padding:0 13px;font-size:11px;font-weight:600}.live-error{color:#9b4b42;z-index:9;background:#fff7f5;border:1px solid #eed6d2;border-radius:8px;max-width:calc(100% - 28px);padding:10px 14px;font-size:12px;position:fixed;bottom:58px;left:50%;transform:translate(-50%)}.live-status{text-align:center;color:#9aa59f;background:#fff;border-top:1px solid #ebefeb;height:25px;padding:6px 12px;font-size:9px;position:absolute;bottom:0;left:0;right:0}@media (width<=650px){.live-messenger{grid-template-columns:1fr}.live-sidebar{display:none}.live-header{height:62px;padding:0 14px}.live-messages{padding:16px 13px}.live-message{max-width:88%}.live-composer{width:calc(100% - 22px);margin:0 11px 35px}.live-empty{padding:20px}.live-new-chat{flex-direction:column}.live-new-chat button{width:100%}}.live-message-tools{justify-content:flex-end;align-items:center;gap:8px;display:flex}.live-message-tools time{margin-top:5px}.live-message-tools button{color:#668174;cursor:pointer;background:#f8faf8;border:1px solid #e4ebe6;border-radius:12px;padding:2px 7px;font-size:10px}.live-message-tools button:disabled{opacity:.55;cursor:wait}.live-new-room-toggle{color:#45695e;cursor:pointer;background:#edf3ef;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;margin-top:24px;font-size:12px;font-weight:650;display:flex}.live-new-room-toggle:hover{background:#e2ece5}.live-account .live-logout{color:#61786c;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:10px;padding:0;font-size:10px;display:flex}