:root{--bg:#0b141a;--panel:#111b21;--panel2:#202c33;--border:#2a3942;--text:#e9edef;--muted:#8696a0;--accent:#00a884;--accent2:#005c4b;--bubble:#202c33;--mine:#005c4b;--danger:#ea0038;--shadow:0 12px 40px #0006;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-view{min-height:100%;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,520px);background:radial-gradient(circle at 18% 30%,#123b35 0,transparent 34%),linear-gradient(135deg,#0b141a,#101f24);padding:7vw;gap:7vw;align-items:center}.brand-panel{max-width:620px}.brand-mark,.logo-big{display:grid;place-items:center;background:var(--accent);color:#06231d;font-weight:900;border-radius:28%;box-shadow:0 14px 30px #00a88435}.brand-mark{width:82px;height:82px;font-size:42px}.brand-panel h1{font-size:clamp(48px,7vw,92px);margin:18px 0 8px;letter-spacing:-.05em}.brand-panel p{font-size:20px;color:#c6d2d8;max-width:560px}.brand-panel ul{padding-left:20px;color:#9fb0b8;line-height:1.8}.auth-card{background:#111b21e8;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.auth-tabs{display:flex;background:#0b141a;border-radius:14px;padding:4px;margin-bottom:22px}.tab{flex:1;border:0;background:transparent;color:var(--muted);padding:12px;border-radius:10px}.tab.active{background:var(--panel2);color:var(--text)}label{display:grid;gap:7px;color:#c5d0d5;font-size:13px;margin:14px 0}input,textarea{width:100%;border:1px solid var(--border);background:#0b141a;color:var(--text);border-radius:12px;padding:12px 14px;outline:none}input:focus,textarea:focus{border-color:#00a88499;box-shadow:0 0 0 3px #00a88417}.primary{border:0;background:var(--accent);color:#03231c;font-weight:800;border-radius:12px;padding:12px 18px}.wide{width:100%;margin-top:8px}.error{color:#ff758e;font-size:13px;min-height:18px}.app-view{height:100%;display:grid;grid-template-columns:380px minmax(0,1fr);overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--border);min-width:0;display:flex;flex-direction:column}.sidebar-head,.chat-head{height:68px;background:var(--panel2);display:flex;align-items:center;justify-content:space-between;padding:10px 14px;flex:0 0 auto}.profile-mini,.chat-identity{display:flex;align-items:center;gap:10px;min-width:0}.profile-mini>div:last-child,.chat-identity>div:last-child{display:grid;min-width:0}.profile-mini small,.chat-identity small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#425563,#22303a);color:white;font-weight:800}.icon-row{display:flex;gap:4px}.icon-btn{border:0;background:transparent;color:#c9d4d9;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:20px}.icon-btn:hover{background:#ffffff10}.search-wrap{padding:8px 12px;border-bottom:1px solid var(--border)}.search-wrap input{background:var(--panel2);border:0;border-radius:10px;padding:10px 14px}.conversation-list{overflow:auto;flex:1}.conversation{height:74px;padding:10px 14px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #ffffff0b;cursor:pointer}.conversation:hover,.conversation.active{background:#202c33}.conversation-body{min-width:0}.conversation-top,.conversation-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center}.conversation-name{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:11px;color:var(--muted);white-space:nowrap}.conversation-preview{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:var(--accent);color:#042c24;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;padding:0 5px}.chat-pane{position:relative;background:#0b141a;min-width:0}.empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);padding:30px}.logo-big{width:86px;height:86px;margin:auto;font-size:42px}.empty-state h2{color:var(--text);font-weight:500;margin-bottom:4px}.chat-view{height:100%;display:grid;grid-template-rows:68px minmax(0,1fr) auto auto}.chat-head{border-left:1px solid #ffffff08}.typing{color:var(--accent)!important}.messages{overflow:auto;padding:18px 5.5% 22px;background-color:#0b141a;background-image:linear-gradient(#0b141ae8,#0b141ae8),radial-gradient(circle at 20% 20%,#163129 0 1px,transparent 1px),radial-gradient(circle at 70% 50%,#24333a 0 1px,transparent 1px);background-size:auto,28px 28px,32px 32px;scroll-behavior:smooth}.history-spinner{text-align:center;color:var(--muted);font-size:12px;padding:8px}.msg-row{display:flex;margin:3px 0;position:relative}.msg-row.mine{justify-content:flex-end}.msg{position:relative;max-width:min(74%,720px);background:var(--bubble);border-radius:9px;padding:7px 8px 5px;box-shadow:0 1px 1px #0004;overflow-wrap:anywhere}.mine .msg{background:var(--mine)}.msg-author{font-size:12px;color:#7fd8c0;font-weight:700;margin-bottom:3px}.mine .msg-author{display:none}.reply-quote{border-left:3px solid #53bdeb;background:#00000018;border-radius:5px;padding:5px 8px;margin-bottom:5px;font-size:12px;color:#c4d0d6}.reply-quote strong{display:block;color:#53bdeb}.msg-body{font-size:14.5px;line-height:1.4;white-space:normal}.msg-body code{background:#0004;padding:1px 4px;border-radius:4px}.msg-body a{color:#53bdeb}.msg-meta{display:flex;gap:5px;justify-content:flex-end;align-items:center;color:#a8b8c0;font-size:10px;margin-left:34px;margin-top:2px}.edited{font-style:italic}.delivery{font-weight:700}.message-actions{position:absolute;right:4px;top:2px;display:none;gap:2px;background:#111b21;border-radius:999px;padding:2px;z-index:2}.msg-row:hover .message-actions{display:flex}.message-actions button{border:0;background:transparent;color:#b8c5ca;padding:3px 5px;border-radius:50%;font-size:12px}.reaction-line{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.reaction-chip{background:#0b141a99;border:1px solid #ffffff12;border-radius:999px;padding:2px 6px;font-size:12px}.attachment-img{display:block;max-width:min(360px,100%);max-height:360px;object-fit:cover;border-radius:7px;margin-bottom:5px}.attachment-video{display:block;max-width:min(480px,100%);border-radius:7px;margin-bottom:5px}.file-card{display:flex;align-items:center;gap:10px;background:#0b141a99;border-radius:8px;padding:10px;margin-bottom:5px}.file-card button{border:0;background:var(--accent);color:#05291f;border-radius:8px;padding:7px 10px}.reply-bar,.upload-bar{background:#202c33;border-top:1px solid var(--border);padding:8px 14px;display:flex;justify-content:space-between;align-items:center}.reply-bar>div,.upload-bar>div{display:grid;gap:2px;min-width:0}.reply-bar span,.upload-bar span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:3px;background:#0b141a;border-radius:99px;overflow:hidden;width:min(420px,70vw);margin-top:3px}.progress>div{height:100%;width:0;background:var(--accent);transition:width .18s}.composer{position:relative;background:var(--panel2);min-height:62px;padding:9px 12px;display:grid;grid-template-columns:42px 42px minmax(0,1fr) 46px;gap:4px;align-items:end}.composer textarea{resize:none;max-height:130px;min-height:42px;background:#2a3942;border:0;border-radius:10px;padding:11px 14px}.send-btn{border:0;background:var(--accent);color:#073a2f;width:42px;height:42px;border-radius:50%;font-size:18px}.emoji-picker{position:absolute;left:12px;bottom:64px;background:#202c33;border:1px solid var(--border);border-radius:12px;padding:8px;display:grid;grid-template-columns:repeat(8,36px);box-shadow:var(--shadow);z-index:5}.emoji-picker button{border:0;background:transparent;font-size:21px;height:34px;border-radius:7px}.emoji-picker button:hover{background:#ffffff10}.modal-backdrop{position:fixed;inset:0;background:#0009;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);max-height:88vh;overflow:auto;background:#111b21;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal h2{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.secondary{border:0;background:#2a3942;color:var(--text);border-radius:10px;padding:10px 14px}.danger{border:0;background:var(--danger);color:white}.accept{border:0;background:#18b57d;color:#06291f}.member-list{display:grid;gap:8px}.member{display:flex;justify-content:space-between;align-items:center;padding:9px;background:#202c33;border-radius:10px}.incoming-call{position:fixed;z-index:70;top:20px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));background:#202c33;border:1px solid var(--border);border-radius:18px;padding:16px;display:grid;grid-template-columns:54px 1fr auto;grid-template-rows:auto auto;gap:3px 12px;align-items:center;box-shadow:var(--shadow)}.call-avatar{grid-row:1/3;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#0b141a;font-size:24px}.incoming-call>div:last-child{grid-row:1/3;grid-column:3;display:flex;gap:8px}.round{width:52px;height:52px;border-radius:50%;font-size:0}.round:before{font-size:22px}.danger.round:before{content:'✕'}.accept.round:before{content:'☎'}.incoming-call span{font-size:12px;color:var(--muted)}.call-overlay{position:fixed;inset:0;background:#071015;z-index:60;display:grid;grid-template-rows:70px minmax(0,1fr) 90px}.call-overlay header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0b141acc}.call-overlay header>div{display:grid}.call-overlay small{color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;padding:10px;overflow:auto;place-content:center}.video-tile{position:relative;background:#000;border-radius:16px;overflow:hidden;min-height:220px}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile span{position:absolute;left:10px;bottom:10px;background:#0008;border-radius:999px;padding:4px 8px;font-size:12px}.call-controls{display:flex;gap:12px;justify-content:center;align-items:center}.control{width:54px;height:54px;border-radius:50%;border:0;background:#202c33;color:white;font-size:20px}.control.off{background:#fff;color:#111}.control.hangup{background:#e52d3f;transform:rotate(135deg)}.mobile-only{display:none}@media(max-width:900px){.app-view{grid-template-columns:320px minmax(0,1fr)}.msg{max-width:84%}}@media(max-width:700px){.auth-view{grid-template-columns:1fr;padding:24px}.brand-panel{display:none}.app-view{display:block}.sidebar{height:100%}.chat-pane{position:absolute;inset:0;transform:translateX(100%);transition:transform .18s}.app-view.chat-open .chat-pane{transform:translateX(0)}.mobile-only{display:grid}.messages{padding-left:10px;padding-right:10px}.msg{max-width:88%}.chat-head{padding-left:7px}.sidebar-head{height:64px}.incoming-call{grid-template-columns:50px 1fr}.incoming-call>div:last-child{grid-column:1/3;grid-row:3;justify-content:center;margin-top:10px}.emoji-picker{grid-template-columns:repeat(6,36px)}.message-actions{display:flex;opacity:.78}.message-actions:focus-within{opacity:1}}