:root{--accent:#3390ec;--accent2:#2481cc;--bg:#edf2f7;--surface:#fff;--text:#17212b;--muted:#708499;--line:#e6ebf0}*{box-sizing:border-box}body,html{margin:0;height:100%;font-family:Inter,Segoe UI,PingFang SC,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(135deg,#eaf5ff,#f7f9fc)}.auth-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#2481cc,#52a8ef);color:white;padding:48px;text-align:center}.brand-mark{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:#ffffff26;box-shadow:0 18px 50px #075b9f45}.brand-mark svg{width:52px;height:52px}.auth-brand h1{font-size:46px;margin:24px 0 6px}.auth-brand>p{font-size:18px;opacity:.9}.security-note{display:flex;gap:9px;align-items:center;background:#ffffff20;border:1px solid #ffffff2c;border-radius:99px;padding:10px 16px;margin-top:24px}.auth-card{width:min(420px,calc(100% - 40px));margin:auto;background:white;padding:38px;border-radius:22px;box-shadow:0 22px 70px #35546d1c}.auth-card h2{margin:0 0 8px;font-size:28px}.auth-card>p{color:var(--muted);margin:0 0 28px}.auth-card label{display:grid;grid-gap:8px;gap:8px;font-size:14px;font-weight:650;margin:16px 0}.auth-card input,.modal input{border:1px solid #dce3e9;border-radius:11px;padding:13px 14px;outline:0}.auth-card input:focus,.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3390ec20}.primary{width:100%;border:0;border-radius:11px;padding:13px;color:white;background:var(--accent);font-weight:700}.primary:disabled{opacity:.65}.link-button{width:100%;border:0;background:none;color:var(--accent2);margin-top:18px}.error-banner{background:#fff1f1;color:#c43c3c;border-radius:9px;padding:10px 12px;font-size:14px;margin-bottom:12px}.app-shell{height:100dvh;display:grid;grid-template-columns:360px 1fr;overflow:hidden;background:white}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.chat-header,.side-header{height:68px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}.mini-brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:20px;color:var(--accent2);flex:1 1}.mini-brand svg{fill:var(--accent);color:var(--accent)}.icon-btn{border:0;background:transparent;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--muted)}.icon-btn:hover{background:#f0f4f7}.search-row{margin:12px 14px;background:#f2f5f7;border-radius:22px;padding:10px 14px;display:flex;gap:9px;color:var(--muted)}.search-row input{border:0;outline:0;background:transparent;width:100%}.list-title{justify-content:space-between;padding:10px 18px;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase}.list-title,.list-title button{display:flex;align-items:center}.list-title button{border:0;background:none;color:var(--accent);font-size:12px;gap:5px}.list-title svg{width:15px}.contact-list{overflow:auto;flex:1 1}.contact{border:0;background:white;width:100%;display:grid;grid-template-columns:50px 1fr auto;grid-gap:12px;gap:12px;text-align:left;padding:10px 16px;align-items:center}.contact.active,.contact:hover{background:#edf6fd}.contact span:nth-child(2){display:grid;grid-gap:5px;gap:5px}.contact small{color:var(--muted)}.contact i{font-style:normal;color:white;background:var(--accent);border-radius:20px;min-width:23px;height:23px;padding:2px 7px;text-align:center}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#58aaf0,#2c87d6);color:white;font-weight:800}.empty-list{text-align:center;color:var(--muted);padding:50px 20px}.empty-list svg{width:42px;height:42px}.empty-list button{border:0;color:var(--accent);background:none}.requests{padding:0 14px}.requests h3{font-size:13px;color:var(--muted)}.requests h3 span{background:#e7f3fd;color:var(--accent);padding:2px 7px;border-radius:20px}.request{display:grid;grid-template-columns:36px 1fr 32px 32px;align-items:center;grid-gap:7px;gap:7px;padding:6px 0}.request .avatar{width:36px;height:36px}.request button{border:0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.request button:first-of-type{background:#e8f6ef;color:#25a35a}.request button:last-child{background:#fff0f0;color:#d64b4b}.request svg{width:16px}.chat{min-width:0;display:flex;flex-direction:column;background:linear-gradient(#eaf1f7db,#eaf1f7db),radial-gradient(circle at 30% 20%,#fff 0 2px,transparent 3px);background-size:auto,28px 28px}.chat-header{box-shadow:0 2px 8px #23405b0a;z-index:1}.chat-header .avatar{width:44px;height:44px;margin-right:12px}.chat-header>div{display:grid;grid-gap:3px;gap:3px;flex:1 1}.chat-header small{display:flex;align-items:center;gap:4px;color:#4ba36b;font-size:12px}.chat-header small svg{width:14px}.back{display:none}.message-list{flex:1 1;overflow:auto;padding:22px max(24px,calc((100% - 850px)/2));scroll-behavior:smooth}.encryption-pill{width:max-content;max-width:90%;margin:0 auto 24px;background:#688197cc;color:white;border-radius:15px;padding:7px 12px;font-size:12px;display:flex;align-items:center;gap:6px}.encryption-pill svg{width:15px}.message-row{display:flex;margin:5px 0}.message-row.out{justify-content:flex-end}.bubble{max-width:min(72%,580px);padding:9px 12px 6px;border-radius:15px 15px 15px 4px;background:white;box-shadow:0 1px 2px #1e3c5318}.out .bubble{background:#e3f3ff;border-radius:15px 15px 4px 15px}.bubble p{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}.meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;color:#8495a3;font-size:10px}.meta i{font-style:normal;color:#55a3d9;font-weight:900}.meta i.failed{color:#d33}.image-bubble{padding:4px}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(100px,260px));grid-gap:3px;gap:3px}.image-grid button{border:0;padding:0;background:none;overflow:hidden;border-radius:11px}.image-grid img{width:100%;height:210px;display:block;object-fit:cover}.image-grid.count-1{grid-template-columns:minmax(180px,360px)}.image-loading{width:220px;height:180px;display:grid;place-items:center;color:var(--muted)}.composer{position:relative;min-height:70px;display:flex;align-items:flex-end;gap:8px;padding:10px max(20px,calc((100% - 850px)/2));background:#f7fafc;border-top:1px solid #dfe7ed}.composer textarea{flex:1 1;resize:none;border:1px solid #dce4ea;border-radius:20px;outline:0;padding:11px 16px;max-height:120px}.send-btn{width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:white;display:grid;place-items:center}.attach{margin-bottom:1px}.upload-status{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);background:#243746e8;color:#fff;padding:8px 14px;border-radius:20px;font-size:12px}.welcome{margin:auto;text-align:center;color:var(--muted)}.welcome-icon{width:90px;height:90px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#dbeffc;color:var(--accent)}.welcome-icon svg{width:48px;height:48px}.welcome h2{color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:#13233355;display:grid;place-items:center;z-index:5}.modal{width:min(460px,calc(100% - 30px));max-height:80vh;overflow:auto;background:white;border-radius:18px;padding:20px;box-shadow:0 25px 80px #142d4155}.modal header{display:flex;align-items:center}.modal h2{flex:1 1;margin:0}.modal-search{display:flex;margin:18px 0;gap:8px}.modal-search input{flex:1 1}.modal-search button,.search-result button{border:0;border-radius:10px;background:var(--accent);color:white;padding:0 14px}.search-result{display:grid;grid-template-columns:44px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 0}.search-result .avatar{width:42px;height:42px}.search-result button{height:34px;display:flex;gap:4px;align-items:center}.search-result svg{width:15px}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:34vh;padding:28px}.brand-mark{width:68px;height:68px}.brand-mark svg{width:38px}.auth-brand h1{font-size:34px;margin:14px 0 2px}.security-note{margin-top:8px}.auth-card{margin:-20px auto 30px;padding:26px}.app-shell{display:block}.chat,.sidebar{height:100dvh}.mobile-hide{display:none}.mobile-show{display:flex}.back{display:grid}.message-list{padding:16px 10px}.bubble{max-width:86%}.composer{padding:9px 8px max(9px,env(safe-area-inset-bottom))}.chat-header{padding:0 7px}.image-grid img{height:160px}.side-header{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}}