@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;color:#1c2429;background:#fff;font-family:Inter,system-ui,sans-serif;font-weight:400}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:#153b2d;background:#b9f5d0}:root{color:#1c2429;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#dce2e5;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #00a884}.app-shell{background:#fff;width:100%;height:100dvh;min-height:450px;display:flex;overflow:hidden}.sidebar{z-index:2;background:#fff;border-right:1px solid #e8edef;flex-direction:column;width:380px;min-width:320px;display:flex}.sidebar-header,.conversation-header{background:#f8fafb;border-bottom:1px solid #edf0f2;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 20px;display:flex;position:relative}.brand{letter-spacing:-1px;color:#172b32;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:23px;font-weight:800;display:flex}.brand-icon{color:#fff;background:#00a884;border-radius:13px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.header-actions{align-items:center;gap:7px;display:flex}.icon-btn{color:#54656c;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.icon-btn svg{stroke-width:1.8px;width:21px;height:21px}.icon-btn:hover{color:#008f72;background:#e8f5f1}.icon-btn:active{transform:scale(.92)}.search-box{color:#667780;background:#f0f2f5;border-radius:10px;align-items:center;gap:12px;height:48px;margin:12px 16px 10px;padding:0 15px;display:flex}.search-box input{color:#263238;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:13px}.search-box input::placeholder{color:#77868d}.clear-search{color:#667780;background:0 0;border:none;display:flex}.filter-tabs{border-bottom:1px solid #edf0f2;gap:8px;padding:0 16px 12px;display:flex}.filter{color:#607178;background:#f0f2f5;border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 13px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.filter:hover{background:#e4eeeb}.filter.active{color:#176b50;background:#d9fdd3}.chat-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.chat-list::-webkit-scrollbar{width:5px}.message-area::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-thumb{background:#cfd8dc;border-radius:8px}.message-area::-webkit-scrollbar-thumb{background:#cfd8dc;border-radius:8px}.chat-item{text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f3f4;align-items:center;gap:12px;width:100%;min-height:80px;padding:12px 16px;transition:background .18s;display:flex}.chat-item:hover{background:#f5f8f8}.chat-item.selected{background:#eaf6f2}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:49px;min-width:49px;height:49px;font-size:19px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000008}.avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.online-dot{background:#25d366;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.chat-item-content{flex:1;min-width:0}.chat-item-top,.chat-item-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-name{color:#172b32;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chat-time{color:#86969d;white-space:nowrap;font-size:10px}.last-message{text-overflow:ellipsis;white-space:nowrap;color:#718087;margin-top:7px;font-size:12px;display:block;overflow:hidden}.unread-count{color:#fff;background:#00a884;border-radius:20px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:700;display:flex}.empty-search{text-align:center;color:#8a989e;padding:50px 20px;font-size:13px}.empty-search svg{margin:auto}.sidebar-footer{color:#829198;border-top:1px solid #edf0f2;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:11px;display:flex}.connection-dot{background:#16a34a;border-radius:50%;width:8px;height:8px}.footer-version{margin-left:auto}.conversation{background:#efeae2;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.contact-header{text-align:left;background:0 0;border:none;align-items:center;gap:12px;min-width:0;margin-right:auto;padding:0;display:flex}.avatar.small{width:43px;min-width:43px;height:43px;font-size:17px}.contact-info{flex-direction:column;gap:5px;min-width:0;display:flex}.contact-info strong{color:#172b32;font-size:14px;font-weight:600}.contact-info span{color:#7b898f;font-size:11px}.mobile-back{display:none}.message-area{overscroll-behavior:contain;background-color:#efeae2;background-image:radial-gradient(#d9d3c9 .7px,#0000 .7px);background-size:18px 18px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:25px clamp(16px,5vw,80px);display:flex;overflow-y:auto}.date-separator{align-self:center;margin:4px 0 14px}.date-separator span{color:#778077;letter-spacing:.5px;background:#fff8e6;border-radius:8px;padding:7px 13px;font-size:10px;font-weight:600;display:inline-block;box-shadow:0 1px 1px #00000008}.message-row{width:100%;display:flex}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{overflow-wrap:anywhere;border-radius:10px;min-width:80px;max-width:min(75%,520px);padding:9px 11px 6px;box-shadow:0 1px 1px #0000000b}.message-row.mine .message-bubble{background:#d9fdd3;border-top-right-radius:3px}.message-row.theirs .message-bubble{background:#fff;border-top-left-radius:3px}.message-bubble p{color:#253238;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.message-meta{color:#82918a;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.read-tick{color:#7f8c8d}.read-tick.receipt-read{color:#53a8ed}.composer{background:#f8fafb;border-top:1px solid #e8edef;flex-shrink:0;align-items:center;gap:6px;min-height:72px;padding:12px 22px;display:flex}.composer input{color:#253238;background:#fff;border:none;border-radius:12px;outline:none;flex:1;min-width:0;height:46px;padding:0 16px;font-size:14px}.composer input::placeholder{color:#8a989e}.send-btn{color:#fff;background:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;transition:background .2s,transform .2s;display:flex}.send-btn:hover:not(:disabled){background:#008f72;transform:scale(1.05)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.welcome-screen{text-align:center;background:#f8fafb;border-bottom:5px solid #00a884;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.welcome-art{margin-bottom:22px}.welcome-logo{color:#00a884;background:#dcfce7;border-radius:42px;justify-content:center;align-items:center;width:130px;height:130px;display:flex;transform:rotate(-8deg)}.welcome-logo svg{transform:rotate(8deg)}.welcome-screen h1{letter-spacing:-1px;color:#253238;margin:0 0 12px;font-size:28px;font-weight:600}.welcome-screen>p{color:#7b898f;max-width:360px;margin:0;font-size:14px;line-height:1.7}.welcome-encryption{color:#82918a;align-items:center;gap:6px;margin-top:28px;font-size:11px;display:flex}.chat-menu{z-index:10;background:#fff;border:1px solid #edf0f2;border-radius:12px;min-width:180px;padding:7px;position:absolute;top:65px;right:18px;box-shadow:0 8px 32px #0000001c}.chat-menu button{text-align:left;color:#34454c;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:12px;font-size:12px;display:flex}.chat-menu button:hover{background:#f0f7f5}.profile-panel{z-index:5;background:#f8fafb;flex-direction:column;width:min(350px,100%);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-5px 0 24px #00000012}.profile-header{background:#f8fafb;border-bottom:1px solid #e8edef;align-items:center;gap:16px;height:76px;padding:0 20px;display:flex}.profile-header strong{font-size:15px}.profile-content{text-align:center;padding:35px 22px}.profile-avatar{width:100px;height:100px;margin:0 auto 20px;font-size:36px}.profile-content h2{color:#172b32;margin:0 0 8px;font-size:21px}.profile-content>p{color:#7b898f;font-size:13px}.profile-card{text-align:left;background:#fff;border-radius:12px;margin-top:28px;padding:18px}.profile-card span{color:#00a884;font-size:12px}.profile-card p{color:#34454c;margin-bottom:0;font-size:13px}@media (width>=1500px){.sidebar{width:420px}.message-area{padding-left:9%;padding-right:9%}}@media (width<=900px){.sidebar{width:340px;min-width:300px}.message-area{padding:22px 20px}.composer{padding:10px 12px}.attachment-btn{display:none}}@media (width<=650px){.app-shell{background:#fff;height:100dvh;min-height:0;overflow:hidden}.sidebar{border-right:none;width:100%;min-width:0;height:100%}.sidebar.chat-open{display:none}.sidebar-header{height:65px;padding:0 15px}.brand{font-size:23px}.search-box{height:44px;margin:10px 13px}.filter-tabs{padding:0 13px 11px}.chat-item{min-height:78px;padding:11px 15px}.avatar{width:48px;min-width:48px;height:48px}.sidebar-footer{min-height:37px}.conversation{width:100%;height:100%;display:none}.conversation.active{display:flex}.conversation-header{gap:5px;height:62px;min-height:62px;padding:0 9px}.mobile-back{width:35px;height:40px;display:inline-flex}.contact-header{flex:1;gap:8px;overflow:hidden}.avatar.small{width:39px;min-width:39px;height:39px}.contact-info strong{font-size:13px}.contact-info span{font-size:10px}.conversation-header .header-actions{gap:0}.conversation-header .icon-btn{width:35px;height:38px}.conversation-header .icon-btn svg{width:19px;height:19px}.message-area{gap:7px;padding:16px 12px}.message-bubble{max-width:86%;padding:8px 10px 5px}.message-bubble p{font-size:13px}.composer{min-height:62px;padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));gap:3px}.composer .icon-btn{width:36px;height:40px}.composer .icon-btn svg{width:21px}.composer input{border-radius:24px;height:43px;padding:0 14px;font-size:16px}.send-btn{width:40px;min-width:40px;height:40px}.welcome-screen h1{font-size:24px}.profile-panel{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.status-entry{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);width:calc(100% - 28px);color:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin:12px 14px 4px;padding:10px 12px;display:flex}.status-entry>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.status-entry strong{font-size:13px}.status-entry small{opacity:.65;font-size:11px}.status-ring{color:#0d9488;border:2px solid #0d9488;border-radius:50%;place-items:center;width:42px;height:42px;padding:2px;display:grid}.status-ring img,.status-own-avatar img,.header-profile-photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-profile-photo{width:27px;height:27px;display:block}.status-backdrop{z-index:1000;background:#09121d7a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.status-panel{background:var(--surface,#fff);width:min(520px,100%);max-height:min(88vh,850px);color:var(--text,#111827);border-radius:22px;padding:22px;overflow:auto;box-shadow:0 24px 80px #0000003d}.status-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.status-panel-header h2{margin:0;font-size:22px}.status-panel-header p{opacity:.65;margin:5px 0 0;font-size:12px}.status-compose{border-bottom:1px solid var(--border,#e5e7eb);align-items:center;gap:12px;padding:12px 0;display:flex}.status-own-avatar{color:#0d9488;background:#e6f5f2;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.status-own-info{flex-direction:column;flex:1;gap:4px;display:flex}.status-own-info strong{font-size:14px}.status-own-info span{opacity:.6;font-size:11px}.status-upload,.status-photo-button{color:#0d9488;cursor:pointer;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.status-upload input,.status-photo-button input{display:none}.status-panel textarea{resize:vertical;border:1px solid var(--border,#d1d5db);background:var(--input-bg,#f9fafb);width:100%;min-height:100px;color:inherit;font:inherit;border-radius:13px;outline-color:#0d9488;margin:16px 0 8px;padding:13px;font-size:14px}.status-actions{opacity:.7;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;display:flex}.status-post{color:#fff;cursor:pointer;background:#0d9488;border:0;border-radius:999px;padding:10px 17px;font-weight:700}.status-photo-button{border:1px solid #0d9488;border-radius:999px;padding:9px 14px}.status-list-title{margin:24px 0 10px;font-size:13px;font-weight:700}.status-empty{text-align:center;opacity:.6;background:#7f7f7f0f;border-radius:12px;padding:18px;font-size:13px}.status-item{border-bottom:1px solid var(--border,#e5e7eb);align-items:center;gap:12px;padding:10px 0;display:flex}.status-item>img{object-fit:cover;border-radius:10px;width:58px;height:58px}.status-item-content p{overflow-wrap:anywhere;margin:0 0 5px;font-size:14px}.status-item-content small{opacity:.6;font-size:11px}.status-note{opacity:.58;margin:18px 0 0;font-size:11px;line-height:1.5}@media (width<=600px){.status-panel{border-radius:18px;padding:18px}.status-backdrop{padding:8px}.status-entry{margin-top:8px}}.self-profile-photo-wrap{flex-direction:column;align-items:center;gap:10px;padding:6px 0 20px;display:flex}.profile-remove-photo{color:#dc2626;cursor:pointer;background:0 0;border:0;font-size:12px}.profile-field{flex-direction:column;gap:7px;margin:13px 0;display:flex}.profile-field>span{font-size:13px;font-weight:700}.profile-field input,.profile-field textarea{box-sizing:border-box;border:1px solid var(--border,#d1d5db);background:var(--input-bg,#f9fafb);width:100%;color:inherit;font:inherit;border-radius:12px;outline-color:#0d9488;padding:12px;font-size:14px}.profile-field small{opacity:.62;font-size:11px;line-height:1.45}.username-input{border:1px solid var(--border,#d1d5db);background:var(--input-bg,#f9fafb);color:inherit;border-radius:12px;align-items:center;gap:5px;padding-left:12px;display:flex}.username-input span{opacity:.55}.username-input input{background:0 0;border:0;outline:0}.profile-save{width:100%;margin-top:8px}.profile-save:disabled{opacity:.45;cursor:not-allowed}.profile-saved-message{color:#0d9488;background:#0d94881a;border-radius:10px;padding:10px 12px;font-size:13px}.header-profile-photo,.status-ring img,.status-own-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-profile-photo{width:30px;height:30px}.hidden-file{display:none}.status-entry{text-align:left;color:#263238;background:#fff;border:0;align-items:center;gap:11px;width:100%;padding:11px 16px;display:flex}.status-entry>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.status-entry small{color:#7b898f;margin-top:3px;font-size:11px}.status-ring{color:#00a884;border:2px solid #00a884;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.status-entry:hover{background:#f5f8f8}.typing-indicator{color:#77868d;background:#fff;border-radius:10px;align-self:flex-start;align-items:center;gap:4px;padding:7px 11px;font-size:10px;display:flex;box-shadow:0 1px 2px #0000000b}.typing-indicator span{background:#8c9aa0;border-radius:50%;width:5px;height:5px;animation:1s infinite typing-dot}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.typing-indicator em{margin-left:4px;font-style:normal}@keyframes typing-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.presence-line{justify-content:center;align-items:center;gap:6px;display:flex}.presence-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.presence-dot.online{background:#25d366}.presence-dot.offline{background:#9aa7ac}.reply-preview{background:#ffffff70;border-left:3px solid #00a884;border-radius:5px;flex-direction:column;gap:2px;margin-bottom:6px;padding:5px 7px;font-size:10px;display:flex}.reply-preview strong{color:#008f72}.reply-preview span{white-space:nowrap;text-overflow:ellipsis;color:#667780;overflow:hidden}.message-bubble{-webkit-user-select:none;user-select:none}.message-context-menu button{text-align:left;color:#34454c;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px 11px;font-size:12px;display:flex}.composer{position:relative}.composer-main{align-items:center;gap:5px;width:100%;display:flex}.composer-reply,.composer-edit{color:#607178;background:#fff;border-left:3px solid #00a884;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:flex;position:absolute;bottom:66px;left:20px;right:20px;box-shadow:0 4px 16px #00000012}.composer-reply button,.composer-edit button{background:0 0;border:0;margin-left:auto}.emoji-wrap{position:relative}.emoji-picker{z-index:30;background:#fff;border:1px solid #e1e8e9;border-radius:13px;grid-template-columns:repeat(8,1fr);gap:2px;width:310px;max-height:220px;padding:9px;display:grid;position:absolute;bottom:54px;left:0;overflow:auto;box-shadow:0 10px 30px #0002}.emoji-picker button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px;font-size:22px}.emoji-picker button:hover{background:#eef7f4}.status-media-actions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.status-photo-button{color:#34454c;cursor:pointer;background:#fff;border:1px solid #d9e3e5;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:inline-flex}.status-item video,.status-item img{object-fit:cover;border-radius:9px;width:100%;max-height:240px}.status-item{align-items:center;gap:9px;display:flex}.status-item-content{flex:1;min-width:0}.profile-photo-actions{justify-content:center;gap:8px;display:flex}.profile-remove-photo,.secondary-action{color:#52636a;background:#fff;border:1px solid #dbe4e6;border-radius:8px;padding:8px 11px;font-size:11px}.profile-remove-photo:hover,.secondary-action:hover{background:#f0f7f5}.secondary-action{justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;display:flex}.lock-screen{background:#f0f4f5;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}.lock-card{text-align:center;background:#fff;border-radius:18px;width:min(360px,100% - 30px);padding:30px 25px;box-shadow:0 12px 40px #00000014}.lock-icon{color:#008f72;background:#d9fdd3;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 15px;display:flex}.lock-card h1{margin:0 0 8px;font-size:22px}.lock-card p{color:#77868d;margin:0 0 18px;font-size:12px}.lock-card input,.small-modal input{border:1px solid #d8e1e3;border-radius:9px;outline:none;width:100%;height:44px;margin-bottom:9px;padding:0 12px}.lock-card button,.small-modal .status-post{color:#fff;background:#00a884;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;height:42px;margin-top:5px;display:flex}.lock-error{color:#dc2626;margin-top:9px;font-size:11px;display:block}.modal-backdrop,.camera-backdrop{z-index:200;background:#0007;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;inset:0}.small-modal{background:#fff;border-radius:16px;width:min(390px,100%);padding:20px;box-shadow:0 18px 60px #0005}.small-modal header,.camera-modal header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.small-modal h2{margin:0 0 5px;font-size:18px}.small-modal header p{color:#7b898f;margin:0;font-size:11px}.lock-active{color:#008f72;background:#edf9f5;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.camera-backdrop{background:#000}.camera-modal{background:#111;border-radius:16px;flex-direction:column;width:min(700px,100%);height:min(800px,92dvh);display:flex;overflow:hidden}.camera-modal header{color:#fff;background:#181818;align-items:center;margin:0;padding:10px 12px}.camera-modal video{object-fit:cover;background:#000;flex:1;width:100%;min-height:0}.camera-controls{background:#181818;justify-content:center;align-items:center;gap:28px;height:82px;display:flex;position:relative}.shutter{background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.shutter svg{color:#fff}.shutter.recording{border-color:#ef4444}.shutter.recording span{background:#ef4444;border-radius:5px;width:22px;height:22px}.camera-switch,.camera-close{color:#fff;background:0 0;border:0;font-size:13px}.camera-error{color:#fff;text-align:center;padding:40px}.status-panel textarea{min-height:100px}.info-row{border-bottom:1px solid #edf0f2;flex-direction:column;gap:4px;padding:11px 0;display:flex}.info-row span{color:#7b898f;font-size:10px}.info-row strong{color:#34454c;word-break:break-word;font-size:12px}@media (width<=650px){.emoji-picker{grid-template-columns:repeat(8,1fr);width:auto;max-height:245px;position:fixed;bottom:78px;left:10px;right:10px}.message-context-menu{min-width:185px}.composer{padding:8px}.composer-main{gap:2px}.composer-main .icon-btn{width:36px;height:36px}.composer input{height:42px;padding:0 12px}.camera-modal{border-radius:0;width:100%;height:100dvh}.camera-controls{height:88px}.status-panel{width:calc(100% - 20px);max-height:92dvh;overflow:auto}.profile-panel{width:100%}}.message-media{object-fit:cover;border-radius:8px;width:min(320px,100%);max-height:360px;display:block}.message-bubble:has(.message-media){min-width:140px}.message-bubble video.message-media{background:#111}@media (width<=700px){.status-backdrop{padding:10px}.status-panel{max-height:94dvh}.status-media-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.status-item>img,.status-item>video{flex-basis:68px;width:68px;height:68px;max-height:68px}}.status-backdrop{align-items:flex-start;padding:42px 24px 24px;overflow-y:auto}.status-panel{box-sizing:border-box;width:min(720px,100%);margin:0 auto}.status-panel-header{align-items:center}.status-media-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.status-media-actions .status-photo-button{box-sizing:border-box;justify-content:center;min-width:0}.status-item{align-items:center;min-width:0}.status-item>img,.status-item>video{object-fit:cover;flex:0 0 86px;width:86px;height:86px;max-height:86px}.status-item-content{min-width:0}.status-item .icon-btn{flex:0 0 38px}.add-contact-backdrop{z-index:2200}.modal-field{flex-direction:column;gap:7px;margin:0 0 14px;display:flex}.modal-field>span{color:#34454c;font-size:12px;font-weight:700}.modal-field>input{box-sizing:border-box;width:100%;height:44px;font:inherit;border:1px solid #d8e1e3;border-radius:9px;outline-color:#0d9488;padding:0 12px}.modal-field .username-input{box-sizing:border-box;min-height:44px}.modal-field .username-input input{height:42px}.modal-hint{color:#718087;margin:2px 0 14px;font-size:11px;line-height:1.5}.add-contact-modal .status-post{justify-content:center;align-items:center;width:100%;height:44px;display:flex}@media (width<=700px){.status-backdrop{padding:10px}.status-panel{max-height:94dvh}.status-media-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.status-item>img,.status-item>video{flex-basis:68px;width:68px;height:68px;max-height:68px}}.status-backdrop{z-index:1000}.status-panel{z-index:1001;background:#fff;border-radius:18px;width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);margin:16px auto;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000038}.status-panel-wide{width:min(820px,100vw - 32px)}.self-profile-panel{width:min(620px,100vw - 32px)}.profile-panel{z-index:900}.auth-modal-layer{z-index:1300}.modal-backdrop{z-index:1200}.auth-shell{background:radial-gradient(circle at top,#e9f8f3,#dce5e8 55%,#cfd8dc);place-items:center;min-height:100dvh;padding:24px;display:grid;overflow-y:auto}.auth-card{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;background:#fffffff7;border-radius:24px;width:min(470px,100%);max-height:calc(100dvh - 32px);padding:30px;overflow-y:auto;box-shadow:0 25px 80px #182f362e}.auth-brand{align-items:center;gap:10px;margin-bottom:20px;font-size:24px;font-weight:800;display:flex}.auth-brand .brand-icon{width:42px;height:42px}.auth-icon{color:#008f72;background:#e4f6f0;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:14px;display:grid}.auth-icon svg{width:28px;height:28px}.auth-card h1{color:#172b32;margin:0;font-size:25px}.auth-subtitle{color:#6b7c83;margin:8px 0 20px;font-size:13px;line-height:1.5}.auth-field{margin:13px 0;display:block}.auth-field>span{color:#53666e;align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.auth-field>span svg{width:15px;height:15px}.auth-input-wrap{background:#fff;border:1px solid #dbe3e6;border-radius:12px;align-items:center;min-height:48px;display:flex;overflow:hidden}.auth-input-wrap:focus-within{border-color:#00a884;box-shadow:0 0 0 3px #00a8841a}.auth-input-wrap b{color:#53666e;padding-left:14px}.auth-input-wrap input{color:#1c2429;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 14px}.password-toggle{color:#60737b;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.password-toggle:hover{color:#00a884}.password-toggle:focus-visible{outline-offset:-4px;border-radius:8px;outline:2px solid #00a884}.auth-primary,.auth-secondary,.auth-disabled{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:10px;font-weight:700;display:flex}.auth-primary{color:#fff;background:#00a884}.auth-primary:hover{background:#008f72}.auth-secondary{color:#08765f;background:#e8f5f1}.auth-disabled{color:#8a989e;cursor:not-allowed;background:#edf1f2}.auth-link{color:#008f72;background:0 0;border:0;width:100%;margin-top:4px;padding:12px 4px;font-weight:700}.auth-divider{color:#9aa6ab;align-items:center;gap:10px;margin:18px 0 8px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e4e9eb;flex:1;height:1px}.auth-footnote,.auth-notice,.auth-error{border-radius:10px;margin-top:10px;padding:10px 12px;font-size:11px;line-height:1.45}.auth-footnote{color:#6a797f;background:#f5f7f8}.auth-notice{color:#176b50;background:#e8f7f1}.auth-error{color:#a43a3a;background:#fff0f0}.status-panel-header{z-index:4;background:#fff;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 16px;display:flex;position:sticky;top:0}.status-panel-header h2{color:#172b32;margin:0;font-size:20px}.status-panel-header p{color:#77868d;margin:5px 0 0;font-size:12px}.status-compose{border:1px solid #edf0f2;border-radius:14px;align-items:center;gap:12px;margin:18px 24px 12px;padding:12px;display:flex}.status-own-avatar{color:#00a884;background:#edf5f3;border-radius:50%;place-items:center;width:48px;min-width:48px;height:48px;display:grid;overflow:hidden}.status-own-avatar img{object-fit:cover;width:100%;height:100%}.status-own-info{flex-direction:column;gap:3px;display:flex}.status-own-info strong{color:#172b32;font-size:14px}.status-own-info span{color:#8a989e;font-size:11px}.status-panel>textarea{resize:vertical;border:1px solid #dfe6e8;border-radius:12px;outline:0;width:calc(100% - 48px);min-height:110px;margin:0 24px;padding:14px}.status-actions{color:#89979c;justify-content:space-between;align-items:center;gap:12px;padding:8px 24px 14px;font-size:11px;display:flex}.status-post{color:#fff;background:#00a884;border:0;border-radius:10px;padding:11px 16px;font-weight:700}.status-post:disabled{opacity:.45;cursor:not-allowed}.status-media-actions{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 24px 20px;display:grid}.status-photo-button{color:#3e555d;cursor:pointer;background:#fff;border:1px solid #dfe6e8;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.status-photo-button:hover{background:#f5f8f8}.status-photo-button input{display:none}.status-list-title{color:#687980;padding:0 24px 10px;font-size:12px;font-weight:800}.status-item{border:1px solid #edf0f2;border-radius:12px;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;margin:0 24px 10px;padding:10px;display:grid}.status-item img,.status-item video{object-fit:cover;background:#111;border-radius:8px;width:90px;height:70px}.status-item-content p{color:#263238;overflow-wrap:anywhere;margin:0 0 5px;font-size:13px}.status-item-content small{color:#8a989e;font-size:10px}.status-empty{text-align:center;color:#8a989e;border:1px dashed #dce3e5;border-radius:12px;margin:0 24px 20px;padding:30px;font-size:12px}.status-note{color:#77868d;background:#f5f7f8;border-radius:10px;margin:0 24px 20px;padding:10px 12px;font-size:10px;line-height:1.5}.self-profile-photo-wrap{flex-direction:column;align-items:center;padding:22px 24px 12px;display:flex}.self-profile-photo{color:#00a884;background:#edf5f3;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;overflow:hidden}.self-profile-photo img{object-fit:cover;width:100%;height:100%}.profile-photo-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.profile-remove-photo{color:#c34a4a;background:0 0;border:0;font-size:11px;font-weight:700}.profile-field{margin:12px 24px;display:block}.profile-field>span{color:#64767d;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.profile-field input,.profile-field textarea,.small-modal input{background:#fff;border:1px solid #dfe6e8;border-radius:10px;outline:0;width:100%;padding:11px 12px}.profile-field textarea{resize:vertical;min-height:80px}.profile-field small{color:#8a989e;margin-top:4px;font-size:9px;display:block}.profile-save{width:calc(100% - 48px);margin:4px 24px 10px}.secondary-action{color:#3e555d;background:#fff;border:1px solid #dfe6e8;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 48px);min-height:44px;margin:6px 24px;font-weight:700;display:flex}.profile-saved-message{color:#176b50;margin:0 24px 8px;font-size:11px;font-weight:700}.profile-warning{color:#8b5a12;background:#fff7e7;border-radius:10px;margin:0 24px 8px;padding:10px 12px;font-size:10px;line-height:1.45}.contact-profile-panel{box-shadow:-12px 0 30px #00000014}.profile-content{overflow-y:auto}.otp-box{color:#587077;text-align:center;background:#f4faf8;border-radius:12px;margin-bottom:12px;padding:14px}.otp-box p{margin:6px 0 2px;font-size:11px}.otp-box strong{color:#173b32;font-size:13px}.message-context-menu{z-index:2000;background:#fff;border:1px solid #e6ebed;border-radius:12px;min-width:205px;padding:6px;position:fixed;box-shadow:0 16px 50px #0003}.message-context-menu button{color:#30464d;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;display:flex}.message-context-menu button:hover{background:#f1f6f5}.message-inner{max-width:100%}@media (width<=800px){.status-panel,.status-panel-wide,.self-profile-panel{border-radius:14px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:10px auto}.status-media-actions{grid-template-columns:repeat(2,1fr)}.status-panel-header{padding:16px}.status-panel>textarea{width:calc(100% - 32px);margin:0 16px}.status-actions,.status-media-actions{padding-left:16px;padding-right:16px}.status-item,.status-list-title,.status-note,.status-empty,.profile-field,.self-profile-photo-wrap{margin-left:16px;margin-right:16px}.profile-save,.secondary-action{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.profile-saved-message,.profile-warning{margin-left:16px;margin-right:16px}}@media (width<=520px){.auth-shell{place-items:start center;padding:12px}.auth-card{max-height:calc(100dvh - 20px);margin-top:8px;padding:22px 18px}.status-item{grid-template-columns:70px 1fr auto}.status-item img,.status-item video{width:70px;height:60px}.status-media-actions{grid-template-columns:1fr 1fr}}.selection-header{justify-content:flex-start;gap:10px}.selection-count{color:#172b32;min-width:24px;font-size:17px}.selection-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.danger-icon,.danger-menu-item{color:#dc2626!important}.selected-message .message-bubble{outline-offset:2px;outline:2px solid #00a884}.deleted-message{align-items:center;gap:6px;font-style:italic;display:flex;color:#7b898f!important;margin:0!important}.message-row.selected-message:before{content:"";background:#00a884;border-radius:3px;align-self:stretch;width:3px;margin-right:5px}.profile-danger-action{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:22px;font-size:12px;font-weight:700;display:flex}.profile-danger-action:hover{background:#fee2e2}.composer{min-height:72px;padding:10px 18px;display:block;position:relative}.composer-main{align-items:center;gap:7px;width:100%;min-width:0;display:flex}.composer-input-wrap{background:#fff;border:1px solid #e1e7e8;border-radius:24px;flex:1;align-items:center;min-width:0;height:48px;padding:0 6px 0 4px;display:flex;position:relative;box-shadow:0 1px 1px #00000008}.composer-input-wrap input{background:0 0;border:0;border-radius:0;flex:1;min-width:0;height:46px;padding:0 8px}.composer-input-wrap input:focus{outline:none}.composer-inside-btn,.composer-action-btn{color:#667780;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:inline-flex}.composer-inside-btn:hover,.composer-action-btn:hover{color:#008f72;background:#eef4f3}.composer-inside-btn svg,.composer-action-btn svg{stroke-width:1.8px;width:21px;height:21px}.composer-action-btn{flex-shrink:0}.composer-context-row{color:#607178;background:#fff;border-left:3px solid #00a884;border-radius:8px;align-items:center;gap:8px;min-height:32px;margin-top:7px;padding:6px 10px;font-size:11px;display:flex;box-shadow:0 3px 12px #00000014}.composer-context-row button{color:#667780;background:0 0;border:0;margin-left:auto;display:flex}.composer .emoji-picker{bottom:54px;left:0}@media (width<=650px){.composer{min-height:64px;padding:7px 8px}.composer-main{gap:4px}.composer-input-wrap{border-radius:22px;height:44px}.composer-input-wrap input{height:42px;font-size:14px}.composer-inside-btn,.composer-action-btn{width:36px;min-width:36px;height:36px}.composer-action-btn:nth-last-of-type(2){display:none}.send-btn{width:42px;min-width:42px;height:42px}.composer .emoji-picker{width:auto;position:fixed;bottom:65px;left:8px;right:8px}.selection-actions .icon-btn{width:36px;height:36px}}.auth-method-tabs{background:#f1f5f5;border-radius:13px;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;padding:5px;display:grid}.auth-method-tabs button{color:#5d6d73;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:700;display:flex}.auth-method-tabs button.active{color:#008f72;background:#fff;box-shadow:0 2px 8px #182f3614}.auth-otp-disabled{opacity:.72;cursor:not-allowed;position:relative}.auth-otp-disabled span{color:#68777d;background:#dfe6e8;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}@media (width<=520px){.auth-method-tabs button{font-size:12px}}.brand-icon{justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.brand-icon img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.welcome-logo{overflow:hidden}.welcome-logo img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.contact-name-editor{background:#f7faf9;border:1px solid #e2ebe8;border-radius:12px;width:100%;margin:16px 0 8px;padding:12px;display:block}.contact-name-editor span{color:#708087;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.contact-name-editor input{background:#fff;border:1px solid #dbe4e6;border-radius:9px;outline:0;width:100%;height:40px;padding:0 10px}.contact-name-editor .status-post{width:100%;min-height:38px;margin-top:8px}.voice-message{align-items:center;gap:8px;min-width:210px;display:flex}.voice-message audio{width:180px;height:34px}.send-btn.recording{animation:1s ease-in-out infinite apnivo-recording-pulse;color:#fff!important;background:#e5484d!important}.lock-success{color:#008f72;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px 10px;display:flex}.lock-success strong{font-size:16px}.lock-success span{color:#718087;font-size:11px}@keyframes apnivo-recording-pulse{50%{transform:scale(1.06)}}@keyframes voice-wave{0%{opacity:.55;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}@keyframes voice-live-pulse{50%{opacity:.35;transform:scale(.75)}}@media (width<=650px){.voice-preview-row,.voice-recording-row{gap:6px;padding:4px}.voice-preview-audio{width:110px;min-width:90px}.voice-live-wave,.voice-preview-wave{min-width:55px}.voice-recording-cancel,.voice-recording-stop,.voice-preview-discard,.voice-preview-send{width:36px;min-width:36px;height:36px}}.voice-recording-row,.voice-preview-row{background:#fff;border:1px solid #dfe7e8;border-radius:26px;align-items:center;gap:10px;width:100%;min-width:0;padding:5px 7px;display:flex;box-shadow:0 1px 2px #0000000a}.voice-recording-live{color:#37484e;flex:1;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.voice-live-dot{background:#e5484d;border-radius:50%;width:9px;height:9px;animation:1s infinite voice-live-pulse}.voice-live-wave,.voice-preview-wave{flex:1;align-items:center;gap:2px;min-width:80px;height:34px;display:flex;overflow:hidden}.voice-live-wave span,.voice-preview-wave span{background:#00a884;border-radius:4px;width:3px;min-height:5px;animation:.8s ease-in-out infinite alternate voice-wave}.voice-recording-cancel,.voice-recording-stop,.voice-preview-discard,.voice-preview-send{cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.voice-recording-cancel,.voice-preview-discard{color:#d33b42;background:#fff0f0}.voice-recording-stop{background:#e5484d}.voice-recording-stop span{background:#fff;border-radius:3px;width:14px;height:14px}.voice-preview-send{color:#fff;background:#00a884}.voice-preview-time{color:#6b7a80;white-space:nowrap;font-size:11px}.voice-preview-audio{width:145px;min-width:110px;height:34px}@media (width<=650px){.voice-preview-row,.voice-recording-row{gap:6px;padding:4px}.voice-preview-audio{width:110px;min-width:90px}.voice-live-wave,.voice-preview-wave{min-width:55px}.voice-recording-cancel,.voice-recording-stop,.voice-preview-discard,.voice-preview-send{width:36px;min-width:36px;height:36px}}.media-open-button{cursor:pointer;background:0 0;border:0;max-width:100%;margin:0;padding:0;display:block}.media-open-button .message-media{pointer-events:none}.media-preview-backdrop,.media-viewer-backdrop{z-index:1200;background:#0a1014d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.media-preview-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(760px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0006}.media-preview-modal header{border-bottom:1px solid #e7edef;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.media-preview-stage{background:#111;justify-content:center;align-items:center;min-height:260px;max-height:70vh;display:flex;overflow:hidden}.media-preview-stage img,.media-preview-stage video{object-fit:contain;max-width:100%;max-height:70vh;display:block}.media-preview-modal footer{border-top:1px solid #e7edef;justify-content:flex-end;gap:9px;padding:12px 16px;display:flex}.media-send-button{justify-content:center;align-items:center;gap:7px;padding:10px 18px;width:auto!important;display:inline-flex!important}.media-viewer-content{justify-content:center;align-items:center;max-width:95vw;max-height:92vh;display:flex}.media-viewer-content img,.media-viewer-content video{object-fit:contain;max-width:95vw;max-height:92vh}.media-viewer-close{color:#fff;z-index:2;background:#ffffff18;position:absolute;top:16px;right:18px}.status-entry{position:relative}@media (width<=650px){.scroll-to-bottom{width:40px;height:40px;bottom:12px;right:12px}.media-preview-backdrop{padding:8px}.media-preview-modal{border-radius:14px;width:100%;max-height:96vh}.media-preview-stage,.media-preview-stage img,.media-preview-stage video{max-height:72vh}.media-viewer-backdrop{padding:8px}.media-viewer-close{top:8px;right:8px}}.sidebar{overflow:hidden}.status-entry{border-radius:0;width:100%;min-height:64px;margin:0;padding:11px 16px}.status-entry>svg{flex:none;margin-left:auto}.chat-item.has-unread .chat-name{font-weight:700}.chat-item.has-unread .chat-time{color:#00a884;font-weight:700}.last-message.unread-preview{color:#172b32;font-weight:600}.filter-unread-count{color:#fff;background:#00a884;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:2px;padding:0 4px;font-size:9px;font-weight:800;display:inline-flex}.message-with-date{flex-direction:column;gap:8px;width:100%;display:flex}.date-separator{z-index:3;align-self:center;margin:7px 0 8px;position:sticky;top:4px}.date-separator span{background:#fff8e6;border:1px solid #70807814}.message-area{position:relative}.scroll-to-bottom{color:#52656b;z-index:20;cursor:pointer;background:#fff;border:1px solid #dce6e7;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:84px;right:24px;box-shadow:0 4px 16px #00000029}.scroll-to-bottom:hover{color:#008f72;background:#f5fbf9}@media (width<=650px){.scroll-to-bottom{width:42px;height:42px;bottom:72px;right:14px}}.unread-divider{z-index:4;pointer-events:none;justify-content:center;align-items:center;width:100%;margin:8px 0 10px;display:flex;position:relative}.unread-divider span{color:#008f72;letter-spacing:.02em;background:#d9fdd3;border-radius:8px;align-items:center;min-height:24px;padding:4px 11px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #00000014}.media-disabled{opacity:.45;cursor:not-allowed!important}.receipt-read{color:#53bdeb}.load-older-messages{color:#0f6f86;font:inherit;cursor:pointer;z-index:2;background:#ffffffe6;border:1px solid #0891b238;border-radius:999px;margin:10px auto 12px;padding:7px 14px;font-size:12px;display:block;position:relative}.load-older-messages:disabled{opacity:.6;cursor:wait}