:root{--bg: #111b21;--panel: #202c33;--panel2: #2a3942;--line: #2f3b43;--text: #e9edef;--muted: #8696a0;--green: #00a884;--out: #005c4b;--in: #202c33;--blue: #53bdeb;--danger: #f15c6d;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:var(--text);background:var(--panel2);border:0;outline:0;border-radius:8px;padding:10px 12px}.muted{color:var(--muted)}.tiny{font-size:12px}.pad{padding:12px 16px}.error{color:var(--danger);font-size:14px}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.btn{background:var(--green);color:#111b21;border:0;border-radius:24px;padding:12px 18px;font-weight:600;width:100%}.btn:disabled{opacity:.6}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);margin-top:8px}.btn.small{width:auto;padding:8px 14px}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--panel);border-radius:16px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:4px 0 0}.connectors{display:flex;flex-direction:column;gap:10px}.app{display:grid;grid-template-columns:360px 1fr;height:100dvh}.sidebar{background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.bar{height:60px;background:var(--panel);display:flex;align-items:center;gap:10px;padding:0 12px;flex-shrink:0}.bar-actions{margin-left:auto;display:flex;gap:4px}.icon{background:none;border:0;color:var(--muted);font-size:20px;padding:6px 8px;border-radius:50%}.icon:hover{background:var(--panel2)}.me{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;background:#6b7c85;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.newchat{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.newchat input{flex:1;min-width:0}.list{overflow-y:auto;flex:1}.row{display:flex;gap:12px;padding:10px 12px;cursor:pointer;align-items:center}.row:hover,.row.active{background:var(--panel2)}.row-main{flex:1;min-width:0;border-bottom:1px solid var(--line);padding-bottom:10px}.row-top,.row-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.badge{background:var(--green);color:#111b21;border-radius:12px;font-size:12px;font-weight:700;padding:1px 7px}.chat{display:flex;flex-direction:column;min-width:0;background:#0b141a}.peer{display:flex;flex-direction:column}.back{display:none}.empty{margin:auto;text-align:center;padding:24px}.messages{flex:1;overflow-y:auto;padding:16px 6%;display:flex;flex-direction:column;gap:4px}.notice{align-self:center;background:#182229;color:#ffd279;font-size:13px;padding:8px 12px;border-radius:8px;margin-bottom:8px;text-align:center}.bubble{max-width:75%;padding:6px 8px 4px 10px;border-radius:8px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;word-break:break-word;white-space:pre-wrap}.bubble.in{background:var(--in);align-self:flex-start}.bubble.out{background:var(--out);align-self:flex-end}.meta{font-size:11px;color:#a6b3ba;margin-left:auto;white-space:nowrap}.tick{margin-left:2px}.tick.read{color:var(--blue)}.tick.err{color:var(--danger);font-weight:700}.composer{display:flex;gap:8px;padding:8px 12px;background:var(--panel);align-items:flex-end;padding-bottom:max(8px,env(safe-area-inset-bottom))}.composer textarea{flex:1;resize:none;max-height:120px}.send{width:44px;height:44px;border-radius:50%;border:0;background:var(--green);color:#111b21;font-size:18px}.send:disabled{opacity:.5}@media(max-width:760px){.app{grid-template-columns:1fr}.chat,.app.chat-open .sidebar{display:none}.app.chat-open .chat{display:flex}.back{display:inline-block}.messages{padding:12px}.bubble{max-width:85%}}.center{text-align:center}.link{background:none;border:0;color:var(--green);padding:4px 0;font-size:14px;text-align:left}.icon:disabled{opacity:.35;cursor:default}.me{cursor:pointer}.peer{min-width:0;cursor:pointer;flex:1}.peer b{display:block}.edit-ic{font-size:12px;color:var(--muted);font-weight:400}.row-top b{min-width:0}.newchat{flex-direction:column}.newchat-row{display:flex;gap:8px}.newchat-row input{flex:1;min-width:0}.icon.scan{font-size:22px;background:var(--panel2);border-radius:8px}.wallet-hint{background:#182229;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:left;font-size:14px;display:flex;flex-direction:column;gap:8px}.wallet-hint p{margin:0;color:#c9d3d8}.wallet-hint a{color:var(--green)}.hint-btns{display:flex;gap:8px;flex-wrap:wrap}.hint-btns .btn{text-decoration:none;color:#111b21;flex:1;text-align:center}.modal-bg{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--panel);border-radius:16px;width:100%;max-width:380px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:92dvh;overflow:auto}.modal header{display:flex;align-items:center;justify-content:space-between}.modal input{width:100%}.qr-box{background:#fff;border-radius:12px;padding:12px;align-self:center;line-height:0}.qr-ph{width:240px;height:240px}.addr-full{font-family:ui-monospace,Menlo,monospace;font-size:13px;word-break:break-all;text-align:center;margin:0;color:#c9d3d8}.scan-box{position:relative;width:100%;aspect-ratio:1;background:#000;border-radius:12px;overflow:hidden}.scan-box video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:18%;border:3px solid var(--green);border-radius:16px;box-shadow:0 0 0 999px #00000059}.file-btn{text-align:center}.bubble.media{padding:4px;flex-direction:column;align-items:stretch;gap:2px}.bubble.media .meta{padding:0 4px 2px}.att-img{display:block;max-width:min(320px,70vw);max-height:360px;width:auto;border-radius:6px;cursor:zoom-in;object-fit:cover}.att-img.placeholder{width:240px;height:180px;display:grid;place-items:center;background:#0b141a55;color:var(--muted)}.att-img.dim{opacity:.55}.file-chip{display:flex;align-items:center;gap:10px;background:#0b141a40;border:0;border-radius:8px;padding:10px;color:var(--text);text-align:left;min-width:220px;max-width:min(320px,70vw)}.file-ic{font-size:26px}.file-meta{display:flex;flex-direction:column;min-width:0}.up-bar{display:flex;align-items:center;gap:8px;padding:4px}.up-track{flex:1;height:4px;background:#ffffff30;border-radius:2px;overflow:hidden}.up-fill{height:100%;background:var(--green);transition:width .2s}.lightbox{position:fixed;inset:0;background:#000000eb;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox img{max-width:100vw;max-height:calc(100dvh - 64px);object-fit:contain}.lb-bar{position:absolute;top:0;left:0;right:0;display:flex;gap:10px;align-items:center;padding:10px 12px;background:linear-gradient(#000a,transparent)}.lb-bar span{flex:1}.chat{position:relative}.chat.drag:after{content:"";position:absolute;inset:8px;border:2px dashed var(--green);border-radius:12px;pointer-events:none}.drop-hint{position:absolute;left:50%;top:45%;transform:translate(-50%);background:var(--panel);padding:12px 18px;border-radius:12px;pointer-events:none}.attach{font-size:22px;align-self:center}.sys-line{align-self:center;background:#182229;color:#c9d3d8;font-size:13px;padding:6px 12px;border-radius:8px;margin:4px 0}.sys-line.missed{color:#ff8a95}.call{position:fixed;inset:0;z-index:70;background:radial-gradient(circle at 50% 30%,#1f3a40,#0b141a 70%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(24px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));overflow:hidden}.call video.remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.call video.remote.hidden{visibility:hidden}.call video.local{position:absolute;right:12px;top:max(12px,env(safe-area-inset-top));width:28vw;max-width:180px;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:2px solid #ffffff40;z-index:2;background:#000}.call video.local.mirror{transform:scaleX(-1)}.call video.local.off{opacity:.15}.call-top{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6vh;text-shadow:0 1px 4px #000a}.call-top h2{margin:6px 0 0;font-size:24px}.call-status{margin:0;color:#d6e2e6}.call-min{position:fixed;left:8px;top:max(8px,env(safe-area-inset-top));color:#fff;font-size:26px;z-index:3}.avatar.big{width:112px;height:112px;font-size:38px;background:#4a5c66}.call-actions{position:relative;z-index:1;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;background:#0008;padding:14px 18px;border-radius:24px}.call-actions.incoming{gap:72px;background:none}.ca{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#d6e2e6}.round{width:58px;height:58px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:24px;display:grid;place-items:center}.round.on{background:#fff;color:#111b21}.round.red{background:var(--danger)}.round.green{background:var(--green)}.call-actions.incoming .round{width:68px;height:68px}.pulse{animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #00a88499}70%{box-shadow:0 0 0 18px #00a88400}to{box-shadow:0 0 #00a88400}}.call-toast{position:absolute;bottom:140px;left:50%;transform:translate(-50%);background:#000c;padding:8px 14px;border-radius:10px;font-size:13px;z-index:3;max-width:90vw;text-align:center}.call-pill{position:fixed;top:0;left:0;right:0;z-index:70;background:var(--green);color:#111b21;border:0;padding:8px;font-weight:600;padding-top:max(8px,env(safe-area-inset-top))}@media(max-width:760px){.hide-sm{display:none}.bar-actions{gap:0}.bar .icon{padding:6px}.round{width:54px;height:54px}.call-actions{gap:12px;padding:12px}}.call.video.active .call-top{align-self:flex-start;align-items:flex-start;margin:0 0 0 36px;padding-right:34vw}.call.video.active .call-top h2{font-size:20px;margin-top:2px}