*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,system-ui,sans-serif;background:#0f1115;color:#e6e8ee;overscroll-behavior:none}.auth{min-height:100vh;display:grid;place-items:center}.auth form{background:#171a21;padding:28px;border-radius:12px;width:320px;display:flex;flex-direction:column;gap:10px}.auth h1{margin:0 0 4px}.auth .sub{margin:0 0 8px;color:#8b92a3;font-size:13px}.auth input{padding:10px 12px;background:#0f1115;border:1px solid #2a2f3a;color:#e6e8ee;border-radius:8px}.auth button{padding:10px;background:#3b82f6;color:#fff;border:0;border-radius:8px;cursor:pointer;font-weight:600}.auth button.link{background:transparent;color:#8b92a3;font-weight:400;font-size:13px}.err{color:#ef4444;font-size:13px}.chat{display:grid;grid-template-columns:260px 1fr;height:100vh}aside{background:#12151c;border-right:1px solid #1f2430;display:flex;flex-direction:column}.me{padding:16px;border-bottom:1px solid #1f2430;display:flex;justify-content:space-between;align-items:center}.link{background:transparent;border:0;color:#8b92a3;cursor:pointer;font-size:13px}aside ul{list-style:none;padding:8px;margin:0;overflow-y:auto}aside li{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.fp{font-family:ui-monospace,monospace;font-size:10px;color:#64748b;margin-top:2px}.me{gap:12px}.me>div:first-child{display:flex;flex-direction:column}aside li:hover{background:#1a1f2a}aside li.active{background:#1f2937}.dot{width:8px;height:8px;border-radius:50%}.dot.on{background:#22c55e}.dot.off{background:#475569}main{display:flex;flex-direction:column}main header{padding:14px 18px;border-bottom:1px solid #1f2430;font-weight:600;display:flex;align-items:center;gap:12px}.badge{font-size:11px;padding:3px 8px;border-radius:999px;font-weight:500}.badge.ok{background:#14532d;color:#86efac}.badge.wait{background:#422006;color:#fdba74}.badge.new{background:#1e3a8a;color:#93c5fd}.badge.danger{background:#7f1d1d;color:#fecaca;display:inline-flex;gap:8px;align-items:center}.badge.danger .link{color:#fecaca;text-decoration:underline}.trust{color:#22c55e;margin-left:4px;font-weight:700}.alert{margin-left:4px}.safety{background:#0f1115;border:1px solid #2a2f3a;margin:12px 18px;padding:14px 16px;border-radius:10px}.safety-label{font-size:13px;color:#8b92a3;margin-bottom:8px}.safety-num{font-family:ui-monospace,monospace;font-size:18px;letter-spacing:1px;color:#86efac;word-break:break-all;line-height:1.6}.safety-help{font-size:12px;color:#64748b;margin-top:8px}.settings{display:flex;flex-direction:column;height:100%}.settings header{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #1f2430;font-weight:600}.settings-body{padding:18px;overflow-y:auto;flex:1}.settings-body h3{margin-top:20px;margin-bottom:10px}.settings-body .dim{color:#8b92a3;font-size:13px;margin-bottom:8px}.settings-body input{padding:8px 12px;background:#0f1115;border:1px solid #2a2f3a;color:#e6e8ee;border-radius:8px;width:200px;display:block;margin-bottom:8px}.settings-body button{padding:8px 16px;background:#3b82f6;color:#fff;border:0;border-radius:8px;cursor:pointer;margin-bottom:8px}.settings-body .danger-btn{background:#dc2626}.twofa-setup{margin-top:10px}.qr{width:200px;height:200px;border-radius:8px;margin-bottom:10px}.sec-list{list-style:none;padding:0;font-size:13px}.sec-list li{padding:4px 0}.ok-msg{color:#22c55e;font-size:13px;margin-top:4px}.settings-body code{background:#1f2937;padding:2px 6px;border-radius:4px;font-size:11px}.call-buttons{display:flex;gap:4px;margin-left:auto}.call-btn{background:transparent;border:0;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:8px;transition:background .15s}.call-btn:hover:not(:disabled){background:#1f2937}.call-btn:disabled{opacity:.3;cursor:not-allowed}.call-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f1115f2;display:flex;align-items:center;justify-content:center;flex-direction:column}.call-overlay.active{background:#0f1115}.call-card{background:#171a21;padding:32px 40px;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:16px}.call-title{font-size:18px;font-weight:600}.call-peer{font-size:24px;color:#3b82f6}.call-actions{display:flex;gap:12px;justify-content:center}.call-accept{padding:12px 28px;background:#22c55e;color:#fff;border:0;border-radius:999px;font-size:16px;cursor:pointer}.call-reject{padding:12px 28px;background:#dc2626;color:#fff;border:0;border-radius:999px;font-size:16px;cursor:pointer}.call-videos{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.remote-video{width:100%;height:100%;object-fit:cover}.local-video{position:absolute;bottom:16px;right:16px;width:160px;height:120px;border-radius:12px;object-fit:cover;border:2px solid #3b82f6;background:#171a21}.call-controls{display:flex;gap:16px;padding:16px;justify-content:center;background:#12151c;width:100%}.ctl-btn{width:56px;height:56px;border-radius:50%;border:0;font-size:24px;cursor:pointer;background:#1f2937;transition:background .15s;display:grid;place-items:center}.ctl-btn:hover{background:#2a3444}.ctl-btn.off{background:#422006}.ctl-btn.end{background:#dc2626}.ctl-btn.end:hover{background:#ef4444}main{position:relative}.back-btn{display:none;background:transparent;border:0;color:#3b82f6;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}@media (max-width: 768px){.auth form{width:calc(100vw - 32px);max-width:400px}.chat{grid-template-columns:1fr}.chat aside{display:flex;width:100%}.chat main{display:none}.chat.peer-open aside{display:none}.chat.peer-open main{display:flex}.back-btn{display:block}main header{padding:10px 12px;gap:6px;flex-wrap:wrap}.badge{font-size:10px;padding:2px 6px}.call-buttons{gap:2px}.call-btn{font-size:20px;padding:6px}.safety{margin:8px 12px;padding:10px 12px}.safety-num{font-size:14px}.msg{max-width:85%}.messages{padding:10px}.compose{padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.compose input{padding:12px 14px;font-size:16px}.compose button{padding:0 14px;font-size:15px}.me{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}aside li{padding:14px 16px;gap:12px}.dot{width:10px;height:10px}.fp{display:none}.call-controls{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.ctl-btn{width:60px;height:60px;font-size:26px}.local-video{width:100px;height:75px;bottom:80px;right:12px}.settings-body{padding:14px}.settings-body input{width:100%}.qr{width:180px;height:180px}.loading{font-size:14px}.empty{font-size:15px;padding:20px;text-align:center}}.loading{height:100vh;display:grid;place-items:center;color:#8b92a3}.msg.failed{background:#422006!important;color:#fdba74!important;font-style:italic}.fs-tag{display:inline-block;margin-right:6px;font-size:11px;opacity:.8}.compose input:disabled,.compose button:disabled{opacity:.5;cursor:not-allowed}.empty{flex:1;display:grid;place-items:center;color:#8b92a3}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.msg{max-width:70%;padding:10px 14px;border-radius:14px;line-height:1.4;word-wrap:break-word}.msg.mine{align-self:flex-end;background:#3b82f6;color:#fff;border-bottom-right-radius:4px}.msg.theirs{align-self:flex-start;background:#1f2937;border-bottom-left-radius:4px}.compose{display:flex;gap:8px;padding:12px;border-top:1px solid #1f2430}.compose input{flex:1;padding:10px 14px;background:#0f1115;border:1px solid #2a2f3a;color:#e6e8ee;border-radius:10px}.compose button{padding:0 18px;background:#3b82f6;color:#fff;border:0;border-radius:10px;cursor:pointer;font-weight:600}