:root{--bg: #0f1115;--surface: #181b22;--surface-2: #21252e;--text: #f2f4f8;--text-dim: #aab1c0;--accent: #5b9dff;--accent-text: #06122b;--danger: #ff5b6e;--ok: #46d39a;--border: #2c3240;--radius: 10px;--focus: #ffd54a;--danger-btn: #d11f37}@media(prefers-color-scheme:light){:root{--bg: #f5f7fb;--surface: #ffffff;--surface-2: #eef1f7;--text: #11151c;--text-dim: #4a5366;--accent: #1b6dff;--accent-text: #ffffff;--danger: #d11f37;--ok: #0a8f5f;--border: #d6dbe6;--focus: #9a6b00}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}#root{display:flex;flex-direction:column}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--accent-text);padding:.6rem 1rem;z-index:100}.skip-link:focus{left:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface)}header.app-header h1{font-size:1.25rem;margin:0}.badge{font-size:.8rem;color:var(--text-dim)}.badge.secure{color:var(--ok)}main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}label{display:block;font-weight:600;margin-bottom:.35rem}input[type=text],input[type=password],input[type=email],textarea,select{width:100%;padding:.6rem .75rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;font:inherit}::placeholder{color:var(--text-dim);opacity:1}.field{margin-bottom:1rem}button{font:inherit;font-weight:600;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.danger{background:var(--danger-btn);color:#fff;border-color:var(--danger-btn)}button[aria-pressed=true]{outline:2px solid var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.controls{display:flex;flex-wrap:wrap;gap:.6rem}ul.plain{list-style:none;margin:0;padding:0}.participant{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.participant .name{font-weight:600}.participant .fp{font-family:ui-monospace,monospace;font-size:.78rem;color:var(--text-dim)}.dot{width:.6rem;height:.6rem;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--danger)}.layout{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:800px){.layout{grid-template-columns:1fr 1fr}}.chat-log{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.msg{padding:.5rem .75rem;background:var(--surface-2);border-radius:8px}.msg.mine{border-left:3px solid var(--accent)}.msg .meta{font-size:.75rem;color:var(--text-dim)}.chat-form{display:flex;gap:.5rem;margin-top:.75rem}.chat-form input{flex:1}.file-row{padding:.5rem 0;border-bottom:1px solid var(--border)}progress{width:100%}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);max-width:480px;padding:1.25rem}dialog::backdrop{background:#0000008c}kbd{font-family:ui-monospace,monospace;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem}.error{color:var(--danger);font-weight:600}.hint{color:var(--text-dim);font-size:.9rem}.linklike{background:none;border:none;color:var(--accent);text-decoration:underline;padding:0;font:inherit;cursor:pointer}.segmented{display:flex;gap:.5rem;margin-bottom:1rem}.segmented button{flex:1}.ptt{width:100%;margin-top:.6rem;padding:.8rem 1rem;touch-action:none;-webkit-user-select:none;user-select:none}.ptt[aria-pressed=true]{color:#fff}.msg audio{width:100%;margin-top:.25rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200}.modal{max-width:420px;width:100%;margin:0}.tabshell{display:flex;flex-direction:column;min-height:70vh}.tabpanel{flex:1}.tabbar{display:flex;gap:.25rem;position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:.4rem .25rem;margin-top:1rem}.tabbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;color:var(--text-dim);font-size:.78rem;padding:.35rem .2rem;border-radius:8px}.tabbtn .tabicon{font-size:1.2rem}.tabbtn.active{color:var(--accent);font-weight:700}.tabbtn.active .tabicon{transform:scale(1.1)}.row-btn{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:.7rem .25rem;color:var(--text);font:inherit;border-radius:0}.row-btn:hover:not(:disabled){background:var(--surface-2)}.row-main{display:flex;flex-direction:column;flex:1;min-width:0}.row-main .name.missed{color:var(--danger)}.row-end{font-size:1.1rem;opacity:.7}.call-arrow{font-size:1.1rem;width:1.4rem;text-align:center}.call-arrow.missed{color:var(--danger)}.conv-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-icon{font-size:1.3rem;width:1.6rem;text-align:center}.group-members{border:1px solid var(--border);border-radius:8px;margin:.5rem 0;max-height:220px;overflow-y:auto}.check-row{display:flex;align-items:center;gap:.5rem;font-weight:400;padding:.25rem 0}.row-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}