:root{--bg: #0e1013;--panel: #14171c;--panel2: #1b1f26;--line: #21262f;--txt: #eceef0;--muted: #8a929d;--accent: #3b82f6;--me: #2b6cdb;--them: #222831;--danger: #ff7a7a;--radius: 18px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}::selection{background:#3b82f659}.center{height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000059}.card h1{margin:0;font-size:27px;letter-spacing:-.6px;font-weight:650}.muted{color:var(--muted);margin:0 0 8px;font-size:13px}.in{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:12px;padding:12px 14px;font-size:15px;outline:none;transition:border-color .15s}.in:focus{border-color:var(--accent)}.btn{margin-top:4px;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;transition:filter .15s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:default}.err{color:var(--danger);font-size:13px}.app{height:100dvh;display:grid;grid-template-columns:340px 1fr}.list{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.lh{display:flex;align-items:center;gap:6px;padding:16px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:2}.logo{font-weight:700;font-size:19px;letter-spacing:-.4px;margin-right:auto}.mini,.back{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;padding:5px 7px;border-radius:8px}.mini:hover:not(:disabled){color:var(--txt);background:var(--panel2)}.empty,.placeholder{color:var(--muted);padding:24px;text-align:center;margin:auto}.row{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;color:var(--txt);padding:11px 14px;cursor:pointer;border-radius:14px;margin:2px 8px;width:calc(100% - 16px)}.row.on{background:var(--panel2)}.row:hover:not(.on){background:#ffffff09}.av{width:46px;height:46px;border-radius:50%;background:#333941;color:#d8dde3;display:grid;place-items:center;font-weight:600;font-size:17px;flex:0 0 auto}.av.sm{width:36px;height:36px;font-size:14px}.rc{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.rtop,.rbot{display:flex;align-items:center;gap:8px;min-width:0}.rn{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rtime{color:var(--muted);font-size:11.5px;flex:0 0 auto}.rl{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.badge{background:var(--accent);color:#fff;font-size:11.5px;font-weight:650;min-width:20px;height:20px;border-radius:10px;padding:0 6px;display:grid;place-items:center;flex:0 0 auto}.chat{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.ch{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.ch-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.ct{font-weight:600}.sub{font-size:12px;color:var(--accent);min-height:15px}.back{display:none;font-size:27px;line-height:1;padding:0 4px 0 0}.chacts{margin-left:auto;display:flex;gap:2px}.callbtn{background:none;border:0;color:var(--muted);cursor:pointer;padding:8px;border-radius:10px;display:grid;place-items:center}.callbtn:hover{color:var(--txt);background:var(--panel2)}.tl{flex:1;overflow-y:auto;padding:16px 18px 8px;display:flex;flex-direction:column}.daysep{align-self:center;margin:14px 0 10px}.daysep span{font-size:12px;color:var(--muted);background:var(--panel);border-radius:10px;padding:3px 11px}.msgrow{display:flex;max-width:68%;margin-top:8px}.msgrow.grouped{margin-top:2px}.msgrow.me{align-self:flex-end;justify-content:flex-end}.msgrow.them{align-self:flex-start}.bub{position:relative;max-width:100%;padding:8px 12px;border-radius:var(--radius);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px}.bub.me{background:var(--me);border-bottom-right-radius:6px}.bub.them{background:var(--them);border-bottom-left-radius:6px}.msgrow.grouped .bub.me{border-top-right-radius:8px}.msgrow.grouped .bub.them{border-top-left-radius:8px}.meta{float:right;margin:6px -2px -2px 10px;display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1;white-space:nowrap;user-select:none}.bub.them .meta{color:var(--muted)}.bub.me .meta{color:#ffffffb8}.tick{font-size:10.5px;letter-spacing:-1px}.tick.read{color:#9fd3ff}.tick.bad{color:#ffd0d0;letter-spacing:0}.bub.typing{display:flex;gap:4px;padding:13px 14px}.bub.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}.bub.typing i:nth-child(2){animation-delay:.2s}.bub.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.bub.hasimg{padding:0;background:transparent;line-height:0}.bub.hasimg .meta{position:absolute;right:8px;bottom:8px;float:none;margin:0;background:#00000080;color:#fff;padding:3px 7px;border-radius:10px}.bub.hasfile{padding:4px}.att-img{display:block;max-width:min(340px,68vw);max-height:380px;border-radius:16px;cursor:zoom-in}.att-load{min-width:170px;padding:26px 14px;color:var(--muted);font-size:13px;text-align:center}.att-file{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;cursor:pointer;padding:7px 9px;text-align:left}.att-file:disabled{opacity:.6}.att-ico{width:36px;height:36px;border-radius:11px;background:#ffffff21;display:grid;place-items:center;flex:0 0 auto}.att-meta{display:flex;flex-direction:column;min-width:0}.att-name{font-size:14px;word-break:break-word}.att-sub{font-size:12px;opacity:.7}.bub.hasvoice{padding:6px 10px;display:flex;align-items:flex-end;gap:8px}.bub.hasvoice .meta{float:none;margin:0 0 3px}.voice{display:flex;align-items:center;gap:10px;min-width:190px}.vbtn{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:0;cursor:pointer;background:#ffffff24;color:#fff;font-size:12px;line-height:1}.voice:not(.me) .vbtn{background:var(--accent)}.wave{display:flex;align-items:center;gap:2px;height:24px;flex:1}.wave i{width:2px;border-radius:1px;background:currentColor;opacity:.35}.wave i.on{opacity:1}.vtime{font-size:11.5px;opacity:.75;font-variant-numeric:tabular-nums}.recline{flex:1;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.recline .dot{width:9px;height:9px;border-radius:50%;background:#e0524c;animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.snd.mic{background:var(--panel2);border:1px solid var(--line);font-size:16px}.who{display:block;font-size:12.5px;font-weight:600;color:#8ab4f8;margin-bottom:2px}.modal{position:fixed;inset:0;z-index:50;background:#0000008c;display:grid;place-items:center;padding:20px}.sheet{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 70px #00000080}.sheet h2{margin:0;font-size:19px;font-weight:650}.sheet .muted{margin:0;line-height:1.5}.sheetacts{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.sheetacts .btn{margin-top:0;padding:11px 20px}.btn.danger{background:#d64545}.picklist{display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow-y:auto}.pick{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:none;border:1px solid transparent;color:var(--txt);cursor:pointer;text-align:left}.pick:hover{background:var(--panel2)}.pick.on{background:var(--panel2);border-color:var(--accent)}.pname{flex:1}.mark{color:var(--accent);font-weight:700}.chat.drop{outline:2px dashed var(--accent);outline-offset:-10px}.uploading{padding:8px 18px;font-size:12px;color:var(--muted);background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.uploading .bar{flex:1;height:3px;background:var(--line);border-radius:2px;overflow:hidden}.uploading .bar span{display:block;height:100%;background:var(--accent);transition:width .2s}.senderr{padding:7px 18px;font-size:12px;color:#ffb0b0;background:#2a1a1a;border-top:1px solid #472525}.composer{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);background:var(--panel);padding-bottom:max(12px,env(safe-area-inset-bottom))}.msg{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:22px;padding:11px 16px;font-size:15px;outline:none;min-width:0}.msg:focus{border-color:#2c3644}.clip,.snd{width:40px;height:40px;flex:0 0 auto;border-radius:50%;cursor:pointer}.clip{background:var(--panel2);border:1px solid var(--line);color:var(--muted);font-size:21px;line-height:1}.clip:hover{color:var(--txt)}.snd{background:var(--accent);color:#fff;border:0;font-size:18px}.banner{position:fixed;top:0;left:0;right:0;z-index:20;background:#4a3a12;color:#ffd98a;border-bottom:1px solid #6b5320;padding:9px 16px;font-size:13px;text-align:center}.callwrap{position:fixed;inset:0;z-index:40;background:#07090c;display:flex;flex-direction:column;align-items:center;justify-content:center}.callvideo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07090c}.callvideo.hidden{display:none}.callface{display:grid;place-items:center}.av.big{width:112px;height:112px;font-size:42px}.callself{position:absolute;right:16px;top:16px;width:150px;max-width:34vw;border-radius:14px;background:#000;transform:scaleX(-1);box-shadow:0 6px 24px #00000080}.callinfo{position:absolute;top:max(34px,env(safe-area-inset-top));left:0;right:0;text-align:center;pointer-events:none}.callname{font-size:21px;font-weight:600}.callstate{color:var(--muted);font-size:14px;margin-top:4px;min-height:18px}.callbtns{position:absolute;bottom:max(42px,env(safe-area-inset-bottom));display:flex;gap:14px;align-items:center}.cbtn{border:0;border-radius:26px;padding:14px 26px;font-size:15px;font-weight:600;color:#fff;cursor:pointer}.cbtn.round{width:54px;height:54px;border-radius:50%;padding:0;font-size:20px;background:var(--panel2)}.cbtn.round.off{background:#4a3a12}.cbtn.take{background:#17a34a}.cbtn.drop{background:#d64545}.admin{height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.ah{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel);font-size:17px}.ah .back{display:inline}.agrow{flex:1}.abusy{color:var(--accent);font-size:13px}.apad{flex:1;overflow-y:auto;padding:22px 20px 40px;display:flex;flex-direction:column;gap:16px;max-width:760px;width:100%;margin:0 auto}.acard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.acard h2{margin:0 0 6px;font-size:17px;font-weight:600}.acard .muted{margin:0 0 14px}.small{font-size:12px}.aform{display:flex;flex-direction:column;gap:10px}.aform.arow{flex-direction:row;flex-wrap:wrap;align-items:center}.aform.arow .in{flex:1;min-width:160px}.aform.arow .btn{margin-top:0;width:auto;padding:12px 20px}select.in{appearance:none;cursor:pointer}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt);cursor:pointer;display:inline-flex;align-items:center}.okmsg{background:#14301f;border:1px solid #205438;color:#8ee0ac;border-radius:12px;padding:11px 14px;font-size:13px;line-height:1.5}.issued{margin-top:16px;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:14px}.copyrow{display:flex;flex-direction:column;gap:6px}.copymeta{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.copylabel{font-weight:600;font-size:13px}.copyhint{color:var(--muted);font-size:12px}.copybox{display:flex;gap:8px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.copybox code{flex:1;font-size:12px;word-break:break-all;color:var(--txt)}.mini2{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:6px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.mini2:hover:not(:disabled){border-color:var(--accent)}.mini2:disabled{opacity:.45;cursor:default}.mini2.danger{color:var(--danger)}.mini2.danger:hover:not(:disabled){border-color:#7a3333}.ulist{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.urow{display:flex;gap:12px;align-items:center;padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:13px}.urow.dead{opacity:.45}.uinfo{flex:1;display:flex;flex-direction:column;min-width:0;gap:2px}.uname{font-weight:600}.uid{color:var(--muted);font-size:12px;word-break:break-all}.uwarn{color:#e0b45c;font-size:12px}.uacts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.app{grid-template-columns:1fr}.chat,.app.has-active .list{display:none}.app.has-active .chat{display:flex}.back{display:inline}.lh{padding-top:max(16px,env(safe-area-inset-top))}.ch{padding-top:max(11px,env(safe-area-inset-top))}.msgrow{max-width:82%}.tl{padding:12px 12px 6px}.row{margin:2px 6px;width:calc(100% - 12px)}.apad{padding:16px 14px 32px}.urow{flex-direction:column;align-items:stretch}.uacts{justify-content:flex-start}}