:root{--bg: #0e1621;--panel: #17212b;--panel-2: #182533;--accent: #2ea6ff;--bubble-mine: #2b5278;--bubble-them: #182533;--text: #ffffff;--muted: #6d7f8f;--border: #101921}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}input{font:inherit}button{font:inherit;cursor:pointer}.link{background:none;border:none;color:var(--accent);padding:0}.muted{color:var(--muted)}.auth{height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:100%;max-width:360px;background:var(--panel);border-radius:16px;padding:28px 24px;box-shadow:0 12px 48px #0006}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;margin-bottom:20px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{flex:1;padding:9px;border-radius:9px;border:none;background:var(--panel-2);color:var(--muted)}.tabs button.active{background:var(--accent);color:#fff}.field,.auth input{width:100%;padding:12px 14px;margin-bottom:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.handle-field{display:flex;align-items:center;padding:0 0 0 12px;margin-bottom:12px}.handle-field .at{color:var(--muted)}.handle-field input{border:none;margin:0;background:transparent}.primary{width:100%;padding:12px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600}.primary:disabled{opacity:.5}.error{color:#ff6b6b;font-size:14px;margin-bottom:12px}.hint{color:var(--muted);font-size:13px;margin-top:16px;text-align:center}.center{height:100%;display:flex;align-items:center;justify-content:center}.conn-error{text-align:center;display:grid;gap:12px}.app{height:100%;display:grid;grid-template-columns:320px 1fr}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.me{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.me span{display:flex;align-items:center;gap:8px;font-weight:600}.newchat{padding:10px 12px}.newchat input{width:100%;padding:9px 12px;border-radius:18px;border:none;background:var(--bg);color:var(--text)}.newchat-error{color:#ff8080;font-size:13px;padding:6px 12px 0}.newgroup-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);margin:0 12px 8px;padding:8px 12px;border-radius:10px;border:none;background:var(--panel-2);color:var(--accent);font-size:14px}.newgroup-btn:hover{background:var(--bg)}.notify-banner{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);margin:0 12px 8px;padding:8px 12px;border-radius:10px;border:none;background:#2ea6ff1f;color:var(--accent);font-size:13px}.notify-banner:hover{background:#2ea6ff33}.newgroup{display:flex;gap:6px;padding:0 12px 8px;align-items:center}.newgroup input{flex:1;padding:9px 12px;border-radius:18px;border:none;background:var(--bg);color:var(--text)}.ng-ok,.ng-cancel{width:34px;height:34px;border-radius:50%;border:none;flex:none;display:inline-flex;align-items:center;justify-content:center}.ng-ok{background:var(--accent);color:#fff}.ng-cancel{background:var(--panel-2);color:var(--muted)}.avatar.group{background:linear-gradient(135deg,#6c8cff,#4a63d6)}.avatar.channel{background:linear-gradient(135deg,#ff9d6c,#e0622a)}.avatar.bot{background:linear-gradient(135deg,#4fd1a5,#2aa179)}.newgroup-wrap{padding:0 12px 8px}.kind-toggle{display:flex;gap:6px;margin-bottom:8px}.kind-toggle button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px;border-radius:9px;border:none;background:var(--panel-2);color:var(--muted);font-size:13px}.kind-toggle button.active{background:var(--accent);color:#fff}.newgroup-wrap .newgroup{padding:0}.readonly-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-top:1px solid var(--border);font-size:14px}.member-count{font-size:13px}.add-member{display:flex;gap:6px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.add-member input{flex:0 1 240px;padding:8px 12px;border-radius:16px;border:none;background:var(--bg);color:var(--text)}.add-member-msg{font-size:13px;color:var(--muted)}.bubble-sender{font-size:12px;font-weight:700;color:#8fb7ff;margin-bottom:2px}.chats{flex:1;overflow-y:auto;min-height:0}.empty{color:var(--muted);padding:24px 16px;text-align:center;font-size:14px}.chat-item{display:flex;gap:12px;padding:10px 14px;cursor:pointer;align-items:center}.chat-item:hover{background:var(--panel-2)}.chat-item.active{background:var(--accent)}.chat-item.active .ci-last,.chat-item.active .ci-handle{color:#fff}.avatar{width:44px;height:44px;border-radius:50%;flex:none;background:linear-gradient(135deg,#2ea6ff,#1c84d6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.ci-main{flex:1;min-width:0}.ci-handle{font-weight:600}.ci-last{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-item.active .unread-badge{background:#fff;color:var(--accent)}.conversation{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.conv-head{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;display:flex;align-items:center;gap:8px}.back{display:none;font-size:26px;line-height:1}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:0}.bubble{max-width:70%;padding:8px 12px;border-radius:14px;font-size:15px;line-height:1.35;word-wrap:break-word}.bubble.mine{align-self:flex-end;background:var(--bubble-mine);border-bottom-right-radius:4px}.bubble.them{align-self:flex-start;background:var(--bubble-them);border-bottom-left-radius:4px}.msg-status{opacity:.65;display:inline-flex;vertical-align:middle;margin-left:5px}.msg-status.failed{color:#ffcaca;opacity:1}.msg-status.read{color:#5fb0ff;opacity:1}.me-actions{display:inline-flex;align-items:center;gap:10px}.me-dating{background:none;border:none;color:#ff5e87;display:inline-flex;padding:0}.me-dating:hover{color:#ff84a3}.dating{height:100%;display:flex;flex-direction:column;background:var(--bg);max-width:520px;margin:0 auto;width:100%}.dating-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.back-d{display:inline-flex;align-items:center}.dating-tabs{display:flex;gap:4px;margin-left:auto}.dating-tabs button{background:none;border:none;color:var(--muted);padding:7px 12px;border-radius:8px;font-size:14px;font-weight:600}.dating-tabs button.active{background:var(--panel-2);color:var(--text)}.dating-body{flex:1;overflow-y:auto;min-height:0;padding:18px 16px}.dat-empty{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:var(--muted);padding-top:60px}.dat-empty svg{color:#ff5e87;opacity:.8}.dat-profile{display:flex;flex-direction:column;gap:14px}.dat-profile label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.dat-profile input,.dat-profile textarea{padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit}.dat-avatar-edit{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;margin-bottom:4px}.dat-avatar{border-radius:50%;object-fit:cover;width:110px;height:110px}.dat-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7aa2,#e0496f);color:#fff;font-weight:700}.dat-avatar.placeholder.big{width:110px;height:110px;font-size:40px}.seg{display:flex;gap:6px}.seg button{flex:1;padding:9px;border-radius:9px;border:none;background:var(--panel-2);color:var(--muted);font-size:13px}.seg button.active{background:var(--accent);color:#fff}.dat-toggle{flex-direction:row!important;align-items:center;gap:9px!important;color:var(--text)!important;font-size:14px!important}.dat-toggle input{width:auto}.dat-msg{text-align:center}.dat-deck{display:flex;flex-direction:column;align-items:center;gap:22px}.dat-card{width:100%;background:var(--panel);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-bottom:16px;box-shadow:0 8px 28px #0000004d}.dat-card .dat-avatar{width:100%!important;height:320px!important;border-radius:18px 18px 0 0}.dat-card-info{padding:14px 18px 0;width:100%}.dat-card-name{font-size:22px;font-weight:700}.dat-card-city{color:var(--muted);margin-top:2px}.dat-card-bio{margin-top:10px;line-height:1.4}.dat-actions{display:flex;gap:28px}.dat-pass,.dat-like{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000059}.dat-pass{background:var(--panel);color:var(--muted)}.dat-like{background:#ff5e87;color:#fff}.dat-match-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#080e16d9;display:flex;align-items:center;justify-content:center}.dat-match-card{background:var(--panel);border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:320px}.dat-match-card>svg{color:#ff5e87}.dat-match-title{font-size:26px;font-weight:800}.dat-match-card .primary{margin-top:6px}.dat-matches{display:flex;flex-direction:column;gap:4px}.dat-match-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;cursor:pointer}.dat-match-row:hover{background:var(--panel-2)}.dat-match-name{font-weight:600}.dat-match-sub{font-size:13px}.attach,.mic,.send,.call-start,.voice-play,.call-btn,.rec-cancel{display:inline-flex;align-items:center;justify-content:center}.e2ee-badge,.media-err,.media-loading{display:inline-flex;align-items:center;gap:5px}.media-file-icon{display:inline-flex;color:var(--accent)}.ci-last svg{vertical-align:-2px;margin-right:3px}button svg{pointer-events:none}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:1100;background:#232a33;color:#fff;border:1px solid var(--border);border-radius:12px;padding:11px 16px;display:flex;align-items:center;gap:9px;max-width:92%;box-shadow:0 10px 34px #00000073;font-size:14px;line-height:1.35}.toast svg{color:#ffd166;flex:none}.call-log{align-self:center;display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);color:var(--muted);border-radius:14px;padding:5px 14px;font-size:13px;margin:2px 0}.call-log.missed{color:#ff8080}.composer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);align-items:center}.composer input[type=text],.composer input:not([type]){flex:1;padding:11px 14px;border-radius:20px;border:none;background:var(--panel);color:var(--text)}.send{width:44px;height:44px;border-radius:50%;flex:none;padding:0}.attach{width:44px;height:44px;border-radius:50%;flex:none;padding:0;background:var(--panel);border:none;color:var(--muted);font-size:18px}.attach:hover{color:var(--accent)}.bubble.has-media{padding:4px}.media-img-link{display:block}.media-img{display:block;max-width:260px;max-height:320px;width:auto;height:auto;border-radius:11px}.media-loading,.media-err{display:block;padding:8px 12px;font-size:14px;color:var(--muted)}.media-file{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;color:var(--text);text-align:left;width:100%}.media-file-icon{font-size:22px}.media-file-meta{display:flex;flex-direction:column;min-width:0}.media-file-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.media-file-size{font-size:12px;color:var(--muted)}.voice{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;min-width:180px}.voice-play{width:36px;height:36px;flex:none;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}.voice-play:disabled{opacity:.6}.voice-track{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.voice-bar{height:4px;border-radius:2px;background:#ffffff40;overflow:hidden}.voice-fill{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.voice-dur{font-size:12px;color:#fffc}.mic{width:44px;height:44px;border-radius:50%;flex:none;padding:0;background:var(--panel);border:none;color:var(--muted);font-size:18px}.mic:hover{color:var(--accent)}.rec-bar{align-items:center;gap:10px}.rec-cancel{width:40px;height:40px;border-radius:50%;border:none;background:var(--panel);color:#ff6b6b;font-size:16px;flex:none}.rec-dot{width:10px;height:10px;border-radius:50%;background:#ff4d4d;flex:none;animation:recpulse 1.1s ease-in-out infinite}.rec-time{font-variant-numeric:tabular-nums;font-weight:600}.rec-hint{flex:1;font-size:13px}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.25}}.conv-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.call-start{background:none;border:none;font-size:18px;padding:4px 6px;border-radius:8px;line-height:1}.call-start:hover{background:var(--panel-2)}.call-start:disabled{opacity:.4;cursor:default}.e2ee-badge{font-size:13px;margin-left:4px}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0b1219;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.call-overlay.video{background:#000}.remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.local-video{position:absolute;right:16px;top:16px;width:120px;height:160px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#111;z-index:2;transform:scaleX(-1)}.local-video.off{visibility:hidden}.call-top{position:relative;z-index:2;text-align:center;margin-top:40px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.call-overlay.audio .call-top{margin-top:0}.call-peer{font-size:26px;font-weight:700}.call-status{font-size:15px;color:#cfd9e2;margin-top:6px;font-variant-numeric:tabular-nums}.call-avatar-big{width:120px;height:120px;border-radius:50%;z-index:2;background:linear-gradient(135deg,#2ea6ff,#1c84d6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:700}.call-controls{position:relative;z-index:2;display:flex;gap:24px;margin-bottom:48px}.call-overlay.video .call-controls{position:absolute;bottom:0}.call-btn{width:64px;height:64px;border-radius:50%;border:none;font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center;background:#ffffff2e}.call-btn.ctl.on{background:#fff;color:#111}.call-btn.accept{background:#2fbf4e}.call-btn.reject{background:#ff3b30}@media(max-width:700px){.app{grid-template-columns:1fr}.app .conversation,.app[data-active="1"] .sidebar{display:none}.app[data-active="1"] .conversation{display:flex}.back{display:inline-flex;align-items:center}}