:root{color-scheme:dark;--bg: #1e1f22;--panel: #2b2d31;--panel-raised: #313338;--text: #dbdee1;--text-muted: #949ba4;--accent: #5865f2;--accent-hover: #4752c4;--danger: #f23f43;--ok: #23a559}*{box-sizing:border-box}body{margin:0;font-family:gg sans,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);height:100vh;height:100dvh}#app{height:100vh;height:100dvh;display:flex}button{background:var(--accent);border:none;border-radius:4px;color:#fff;padding:8px 14px;font-size:14px;cursor:pointer}button:hover{background:var(--accent-hover)}button.ghost{background:transparent;color:var(--text-muted)}button.ghost:hover{color:var(--text);background:var(--panel-raised)}input{background:var(--bg);border:1px solid #1a1b1e;border-radius:4px;color:var(--text);padding:9px 10px;font-size:14px;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.auth-wrap{margin:auto;background:var(--panel);padding:32px;border-radius:8px;width:340px;display:flex;flex-direction:column;gap:10px}.auth-wrap h1{margin:0 0 4px;font-size:22px;text-align:center}.auth-wrap .sub{color:var(--text-muted);font-size:13px;text-align:center;margin-bottom:8px}.error{color:var(--danger);font-size:13px;min-height:16px}.sidebar{width:260px;background:var(--panel);display:flex;flex-direction:column;border-right:1px solid #1a1b1e}.sidebar header{padding:12px;border-bottom:1px solid #1a1b1e;display:flex;flex-flow:row wrap;align-items:center;gap:6px 8px}.sidebar .me,.sidebar header>input{flex:1 0 100%}.sidebar header>button{flex:0 0 auto;padding:6px 10px;font-size:13px}.sidebar .me{display:flex;align-items:center;justify-content:space-between;font-weight:600}.sidebar .me small{display:block;color:var(--text-muted);font-weight:400}.contact-list{flex:1;min-height:130px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.contact{padding:8px 10px;border-radius:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact:hover{background:var(--panel-raised);color:var(--text)}.contact.active{background:var(--panel-raised);color:var(--text);font-weight:600}.contact.unread{color:var(--text);font-weight:600}.unread-badge{flex:none;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:3px 6px;border-radius:10px;min-width:18px;text-align:center}.chat-actions{display:flex;align-items:center;gap:4px;flex:none}.muted-mark{flex:none;font-size:12px;opacity:.7}.unread-badge.dim{background:var(--text-muted);color:var(--panel)}.members-panel{gap:6px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.member-row .ghost{padding:3px 8px;font-size:12px}.member-add{display:flex;gap:6px;margin-top:4px}.member-add button{flex:none;padding:6px 12px}.danger-ghost{align-self:flex-start;color:var(--danger);border:1px solid var(--danger);background:transparent;margin-top:4px}.danger-ghost:hover{background:#f23f431f}.avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:700;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.contact-text{flex:1;min-width:0;display:flex;flex-direction:column}.contact-status{font-size:11px;color:var(--text-muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-label{display:flex;align-items:center;gap:8px;min-width:0}.profile-row{display:flex;align-items:center;gap:8px}.profile-row .ghost{padding:5px 10px;font-size:12px}.requests-panel{padding:8px 12px;border-bottom:1px solid #1a1b1e;display:flex;flex-direction:column;gap:6px}.request-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.request-actions{display:flex;gap:4px;flex:none}.request-actions button,.request-row>button{padding:4px 10px;font-size:12px}.member-picker{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.member-pick{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.member-pick input[type=checkbox]{width:auto;margin:0}.empty-note{padding:8px 10px}.dnd-buttons{display:flex;flex-wrap:wrap;gap:6px}.dnd-buttons button{padding:5px 10px;font-size:12px}.day-separator{display:flex;align-items:center;gap:8px;margin:12px 0 4px;color:var(--text-muted);font-size:12px}.day-separator:before,.day-separator:after{content:"";flex:1;height:1px;background:#1a1b1e}.chat-title{display:flex;align-items:center;gap:6px;min-width:0}.back-button{display:none;font-size:22px;line-height:1;padding:2px 10px}.chat{flex:1;display:flex;flex-direction:column;background:var(--panel-raised)}.chat header{padding:12px 16px;border-bottom:1px solid #1a1b1e;font-weight:600}.chat header small{color:var(--text-muted);font-weight:400;margin-left:8px}.chat-header{display:flex;align-items:center;justify-content:space-between}.identity-alert{margin:12px 16px 0;padding:12px;border:1px solid var(--danger);border-radius:8px;background:#f23f4314;display:flex;flex-direction:column;gap:10px;font-size:13px}.identity-alert button{align-self:flex-start;background:var(--danger)}.safety-panel{margin:12px 16px 0;padding:12px;border:1px solid #1a1b1e;border-radius:8px;background:var(--panel);display:flex;flex-direction:column;gap:8px;font-size:13px}.safety-row code{display:block;margin-top:4px;font-size:14px;letter-spacing:.06em;overflow-wrap:anywhere}.safety-panel .meta,.safety-row .meta{color:var(--text-muted);font-size:12px}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.msg-row{display:flex;align-items:flex-end;gap:8px;max-width:78%;align-self:flex-start}.msg-row .msg{max-width:100%}.msg{max-width:70%;padding:8px 12px;border-radius:8px;background:var(--panel);align-self:flex-start;overflow-wrap:anywhere}.msg.mine{background:var(--accent);align-self:flex-end}.msg .meta{font-size:11px;color:var(--text-muted);margin-bottom:2px}.msg.mine .meta{color:#cdd2fb}.msg.failed{border:1px solid var(--danger);color:var(--text-muted);font-style:italic}.composer{display:flex;gap:8px;padding:12px 16px 16px}.attachment-tray{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px 0}.attachment-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid #1a1b1e;border-radius:6px;padding:6px 8px;max-width:260px}.attachment-chip img{width:40px;height:40px;object-fit:cover;border-radius:4px}.attachment-chip .chip-icon{font-size:22px}.attachment-chip .chip-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip .chip-name small{color:var(--text-muted)}.attachment-chip .chip-remove{padding:2px 6px;font-size:12px}.attachment-info{font-weight:600;overflow-wrap:anywhere}.attachment-info small{color:var(--text-muted);font-weight:400}.msg.mine .attachment-info small{color:#cdd2fb}.attachment-preview{display:block;max-width:min(100%,420px);max-height:320px;object-fit:contain;border-radius:6px;margin-top:6px;cursor:zoom-in;background:var(--bg)}.attachment-actions{margin-top:6px}.attachment-download{padding:4px 10px;font-size:13px;border:1px solid var(--text-muted)}.attachment-status{margin-top:4px}.empty{margin:auto;color:var(--text-muted)}.admin-panel{max-height:40%;overflow-y:auto;padding:8px 12px;border-bottom:1px solid #1a1b1e;display:flex;flex-direction:column;gap:4px}.admin-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.admin-row .ghost{padding:2px 8px;font-size:12px}.admin-entry{display:flex;flex-direction:column;gap:2px}.admin-note{font-size:12px;color:var(--text-muted);-webkit-user-select:all;user-select:all;word-break:break-all}.settings-panel input{width:100%}.settings-panel button{align-self:flex-start}.device-list{display:flex;flex-direction:column;gap:10px}.device-entry{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid #1a1b1e}.device-row{display:flex;align-items:center;gap:6px}.device-row .device-name{flex:1;min-width:0;padding:5px 8px;font-size:13px}.device-row .ghost{flex:none;padding:4px 8px;font-size:12px}.device-tag{flex:none;font-size:11px;color:var(--text-muted);white-space:nowrap}.admin-user small{color:var(--text-muted)}.admin-user small.bad{color:var(--danger)}.statusline{font-size:12px;color:var(--text-muted);padding:6px 12px;border-top:1px solid #1a1b1e}.statusline .ok{color:var(--ok)}.statusline .bad{color:var(--danger)}.statusline .warn{color:#f0b232}@media(max-width:720px){.sidebar{width:100%;border-right:none}.chat{width:100%}#app.show-chat .sidebar,#app.show-list .chat{display:none}.back-button{display:inline-flex;align-items:center}.e2e-note{display:none}.chat-peer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input{font-size:16px}.auth-wrap{width:100%;max-width:380px;margin:auto 16px;padding:24px 20px}.chat header,.composer{padding:10px 12px}.contact{padding:12px 10px}.sidebar header button,.chat-header button{padding:10px 12px}.msg{max-width:88%}.identity-alert,.safety-panel{margin:10px 12px 0}.attachment-preview{max-width:100%;height:auto!important}.attachment-tray{max-height:40vh;overflow-y:auto}}.call-bar{background:var(--panel-raised);border-bottom:1px solid var(--bg);padding:8px 12px}.call-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.call-participants{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.call-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:var(--panel);border:2px solid transparent;font-size:13px;color:var(--text)}.call-chip.speaking{border-color:#23a55a}.call-mic-off{color:var(--text-muted);font-size:12px}.call-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.call-controls button.danger{background:var(--danger);color:#fff}.call-error{color:var(--danger);font-size:13px;padding:6px 12px;background:var(--panel-raised)}.screen-share-panel{margin-top:8px}.screen-share-panel .meta{margin-bottom:4px}.screen-share-video{width:100%;max-height:55vh;background:#000;border-radius:6px;object-fit:contain}.call-pill{position:fixed;right:14px;bottom:14px;z-index:40;border-radius:999px;padding:10px 16px;background:#23a55a;color:#fff;box-shadow:0 4px 14px #0006}.call-pill:hover{background:#1e8e4e}@media(max-width:720px){.call-bar{padding:6px 8px}.screen-share-video{max-height:40vh}}