*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#080d18;color:#e8eef8;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.center,.auth{min-height:100dvh;display:grid;place-items:center;padding:20px}.loader{width:32px;height:32px;border:3px solid #26334a;border-top-color:#86aef1;border-radius:50%;animation:spin .7s linear infinite}.card{width:min(420px,100%);padding:30px;background:#101827;border:1px solid #26344c;border-radius:24px;text-align:center;box-shadow:0 25px 80px #0008}.logo{width:54px;height:54px;margin:auto;display:grid;place-items:center;border-radius:16px;background:#1a2a46;color:#b7d0f8;font-weight:900}.card h1{font-size:24px;margin:18px 0 8px}.card p{color:#8d9bb1;line-height:1.5}.primary{width:100%;border:0;border-radius:13px;padding:13px;background:#edf2fa;color:#0a101c;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px}.link{border:0;background:none;color:#91b7f1;margin-top:13px}.uid{width:100%;padding:12px;border-radius:12px;border:1px solid #2a3952;background:#0b1220;color:#eef5ff;outline:none;margin:10px 0}.error{background:#3b1720;border:1px solid #71303d;color:#ffb7c4;padding:9px 11px;border-radius:10px;font-size:12px;margin:10px 0}.shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.identity{min-height:62px;display:flex;align-items:center;gap:10px;padding:9px 13px;background:#0d1523;border-bottom:1px solid #1e2a3d;flex:none}.icon{width:37px;height:37px;border:0;border-radius:11px;background:#131f31;color:#b8c8dd;display:grid;place-items:center;flex:none}.icon:hover{background:#1b2a40;color:#fff}.identity-main{flex:1;min-width:0}.identity-main small,.identity-main b{display:block}.identity-main small{font-size:10px;color:#74839a;text-transform:uppercase;letter-spacing:.08em}.identity-main b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.actions{display:flex;gap:6px}.chat{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.tabs{height:52px;display:flex;justify-content:center;align-items:center;gap:5px;background:#0a111e;border-bottom:1px solid #1d293c}.tabs button{border:0;background:none;color:#7889a1;border-radius:11px;padding:8px 14px;display:flex;align-items:center;gap:7px;font-weight:750;font-size:13px}.tabs button.active{background:#19273c;color:#eaf1fc}.toast{position:absolute;z-index:20;top:60px;left:50%;transform:translate(-50%);width:min(620px,calc(100% - 24px));display:flex;justify-content:space-between}.toast button{border:0;background:none;color:inherit}.layout{flex:1;min-height:0;display:flex}.convos{width:310px;flex:none;background:#0b1220;border-right:1px solid #1d293c;overflow:auto}.list-head,.phead{height:62px;padding:10px 13px;border-bottom:1px solid #1d293c;display:flex;align-items:center;gap:9px}.list-head>div{flex:1}.list-head b,.list-head small,.phead b,.phead small{display:block}.list-head small,.phead small{font-size:10px;color:#718098;margin-top:3px}.convo{width:100%;border:0;background:none;color:inherit;text-align:left;padding:10px 11px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #141e2e}.convo:hover,.convo.selected{background:#111d30}.convo img,.phead img,.person img{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#233654;color:#c8dcf7;font-weight:800;flex:none}.avatar.small{width:29px;height:29px;font-size:11px}.cmain{flex:1;min-width:0}.cmain b,.cmain small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmain b{font-size:13px}.cmain small{font-size:11px;color:#718098;margin-top:4px}.cside{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cside small{font-size:9px;color:#65758c}.cside em{font-style:normal;background:#668fd2;border-radius:10px;min-width:18px;height:18px;display:grid;place-items:center;font-size:9px}.panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#09101b}.phead .back{display:none;border:0;background:none;color:#b8c8dd;width:32px;height:32px}.messages{flex:1;min-height:0;overflow:auto;padding:17px clamp(12px,4vw,48px)}.empty{padding:25px;text-align:center;color:#718098}.empty button{display:block;margin:12px auto 0;border:0;background:#18263b;color:#aac4ea;border-radius:9px;padding:8px 11px}.empty.big{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty.big h2{font-size:18px;color:#ccd7e8;margin:12px 0 5px}.empty.big p{margin:0}.empty-icon{width:54px;height:54px;border-radius:18px;background:#121e30;color:#83a4d6;display:grid;place-items:center}.day{text-align:center;margin:11px 0 17px}.day span{font-size:9px;color:#697990;background:#101a29;border:1px solid #1d2a40;padding:5px 9px;border-radius:10px}.row{display:flex;align-items:flex-end;gap:7px;margin:7px 0}.row.mine{justify-content:flex-end}.mw{position:relative;max-width:min(720px,84%)}.sender{display:block;color:#7889a1;font-size:9px;margin:0 0 4px 8px}.bubble{border:0;background:#121e30;color:#e3ebf7;border-radius:16px 16px 16px 4px;padding:9px 10px 5px;text-align:left;line-height:1.45;word-break:break-word;box-shadow:0 5px 18px #0002}.mine .bubble{background:#1b2c47;border-radius:16px 16px 4px}.bubble.deleted{color:#6d7d93;font-style:italic}.meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;color:#64768d;font-size:9px;margin-top:4px}.quote{display:grid;border-left:2px solid #7097ce;background:#0b1524;border-radius:7px;padding:5px 7px;margin-bottom:6px;font-size:9px}.quote b{color:#9db9df}.quote span{color:#788ba5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-img{max-width:min(420px,100%);max-height:320px;border-radius:10px;display:block;margin-bottom:5px}.actions-menu{position:absolute;z-index:8;right:0;bottom:calc(100% + 5px);min-width:125px;padding:4px;background:#111b2b;border:1px solid #293950;border-radius:11px;box-shadow:0 16px 40px #0008}.actions-menu button{width:100%;border:0;background:none;color:#cbd8e8;padding:8px;display:flex;align-items:center;gap:7px;font-size:11px;text-align:left;border-radius:7px}.actions-menu button:hover{background:#1a2940}.actions-menu .danger{color:#ff96a8}.composer{flex:none;border-top:1px solid #1d293c;background:#0d1523;padding:9px 13px max(9px,env(safe-area-inset-bottom))}.compose-row{display:flex;align-items:flex-end;gap:7px;max-width:1000px;margin:auto}.compose-row>input:not([type=file]){flex:1;min-width:0;border:1px solid #293952;background:#111b2b;color:#edf4ff;border-radius:13px;padding:11px 12px;outline:none}.compose-row>input:focus{border-color:#4b73ad}.send{width:39px;height:39px;border:0;border-radius:12px;background:#172438;color:#64758c;display:grid;place-items:center}.send.ready{background:#6e95d4;color:#fff}.replybar{max-width:1000px;margin:0 auto 7px;display:flex;align-items:center;gap:7px;background:#101b2c;border-left:3px solid #6e94cc;border-radius:8px;padding:7px 8px;color:#8292a8;font-size:10px}.replybar div{flex:1;min-width:0;display:grid}.replybar b{color:#a3bce0}.replybar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replybar button{border:0;background:none;color:#8292a8}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:grid;place-items:center;padding:18px}.people{width:min(480px,100%);max-height:85dvh;overflow:auto;background:#0f1827;border:1px solid #293950;border-radius:20px;box-shadow:0 28px 90px #000b}.modal-head{display:flex;align-items:center;padding:14px;border-bottom:1px solid #223047}.modal-head>div{flex:1}.modal-head b,.modal-head small{display:block}.modal-head small{color:#718098;font-size:10px;margin-top:3px}.search{margin:11px;display:flex;align-items:center;gap:7px;background:#0a1220;border:1px solid #263650;border-radius:11px;padding:0 10px;color:#718098}.search input{flex:1;border:0;outline:0;background:none;color:#eef4ff;padding:10px 0}.person{width:100%;border:0;background:none;color:#dce7f6;padding:9px 11px;display:flex;align-items:center;gap:9px;text-align:left;border-radius:10px}.person:hover{background:#172338}.person>span:not(.avatar){flex:1;min-width:0}.person b,.person small{display:block}.person small{font-size:9px;color:#718098;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-search{text-align:center;color:#6e7e96;font-size:11px;padding:24px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.identity{min-height:57px}.tabs{height:49px}.tabs button{padding:8px 11px}.convos{width:100%;border-right:0}.convos.hide-mobile{display:none}.phead .back{display:grid;place-items:center}.messages{padding:14px 11px}.mw{max-width:89%}.composer{padding-left:9px;padding-right:9px}}