@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");font-weight:100 700;font-display:swap}:root{--accent: #38C9A3;--accent-hover: #3FBF9F;--accent-text: #0B0C0F;--bg-app: #101216;--bg-sidebar: #14161B;--bg-chat: #101216;--bg-hover: #1C1F26;--bg-input: #1C1F26;--bg-raised: #1C1F26;--bubble-in: #1C1F26;--bubble-out: #38C9A3;--bubble-text: #F1F2F4;--bubble-text-out: #0B0C0F;--bubble-meta: rgba(11, 12, 15, .55);--bubble-meta-in: #6B7080;--text: #F1F2F4;--text-secondary: #C7CAD1;--text-muted: #6B7080;--text-dim: #8B909C;--border: #23262E;--online: #3ECF8E;--danger: #E0729C;--danger-soft: #2A1B22;--warning-text: #E0A63E;--shadow-panel: 0 12px 32px rgba(0, 0, 0, .45);--font: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm: 9px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:15px;background:var(--bg-app);color:var(--text);-webkit-font-smoothing:antialiased}h1,.auth-mark{font-family:var(--font-display);letter-spacing:-.01em}::selection{background:var(--accent);color:var(--accent-text)}*{scrollbar-color:#2A2F3A transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2a2f3a;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border:none;border-radius:8px;background:var(--accent);color:var(--accent-text);font:inherit;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background .15s ease}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-sm{padding:.35rem .75rem;font-size:.78rem}.icon-btn{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:none;border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:#242832;color:var(--text)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-app);color:var(--text);font:inherit;transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--accent)}.input:disabled{opacity:.6}.input-mono{font-family:var(--mono);font-size:.9rem}.label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.4rem}.hint{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:.5rem 0 0}.hint-warn{color:var(--warning-text)}.card{background:var(--bg-app);border:1px solid var(--border);border-radius:12px;padding:1.1rem;box-shadow:var(--shadow-panel)}.alert{padding:.7rem .85rem;border-radius:8px;font-size:.87rem;line-height:1.5}.alert-error{background:var(--danger-soft);color:var(--danger)}.mono-box{font-family:var(--mono);font-size:.92rem;background:var(--bg-input);border-radius:8px;padding:.7rem .8rem;word-break:break-all;-webkit-user-select:all;user-select:all}.avatar{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;font-size:.9375rem;font-weight:600;color:#0b0c0f;text-transform:uppercase}.avatar-sm{width:38px;height:38px;font-size:.8125rem}.auth{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:var(--bg-app)}.auth-box{width:100%;max-width:380px;text-align:center}.auth-mark{display:inline-grid;place-items:center;width:100px;height:100px;border-radius:50%;background:var(--accent);color:#fff;margin-bottom:1.6rem}.auth-box h1{font-size:1.7rem;font-weight:500;margin:0 0 .6rem}.auth-lead{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1.8rem}.auth form{text-align:left}.auth .input{text-align:center;letter-spacing:.04em}.counter{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem;color:var(--text-secondary);margin-top:.5rem}.counter-ok{color:var(--accent);font-weight:600}.auth-note{margin-top:1.75rem;font-size:.8rem;color:var(--text-secondary);line-height:1.55;text-align:left}.app{height:100dvh;display:grid;grid-template-columns:360px 1fr;overflow:hidden}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--bg-sidebar);border-right:1px solid var(--border)}.sidebar-head{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem .75rem;flex-shrink:0}.sidebar-head h1{margin:0;font-size:1.375rem;font-weight:600}.search{flex:1;min-width:0;padding:.625rem .75rem;border:none;border-radius:var(--radius);background:var(--bg-input);color:var(--text);font:inherit;font-size:.875rem}.search::placeholder{color:var(--text-muted)}.search:focus{outline:1px solid var(--accent)}.me{display:flex;align-items:center;gap:.625rem;width:100%;margin-top:auto;padding:.75rem 1rem;border:none;border-top:1px solid var(--border);background:var(--bg-sidebar);color:var(--text);font:inherit;text-align:left;cursor:pointer;flex-shrink:0;transition:background .15s ease}.me:hover{background:#1a1d24}.me-text{flex:1;min-width:0;display:block}.me .name{display:block;font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me .sub{display:block;font-size:.75rem;color:var(--text-muted)}.me-gear{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-secondary)}.me:hover .me-gear{color:var(--text)}.sidebar-search{padding:0 1.25rem .875rem;flex-shrink:0}.chats{flex:1;min-height:0;overflow-y:auto;padding:.25rem .625rem .625rem}.chat-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem;border:none;border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.chat-item:hover{background:#1a1d24}.chat-item.is-active{background:#1f232b}.chat-item .body{flex:1;min-width:0}.chat-item .line{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.chat-item .title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item .when{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.chat-item.has-unread .title{font-weight:650}.chat-item.has-unread .when{color:var(--accent)}.chat-item.has-unread .preview{color:var(--text-secondary);font-weight:500}.chat-item .row2{display:flex;align-items:center;gap:.5rem;margin-top:.1rem}.chat-item .preview{flex:1;min-width:0;font-size:.8125rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-unread{min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-text);font-size:.6875rem;font-weight:700;display:grid;place-items:center;flex-shrink:0}.empty{padding:1.25rem 1rem;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.thread{display:flex;flex-direction:column;min-width:0;min-height:0}.thread-head{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding:1rem 1.75rem;background:var(--bg-app);border-bottom:1px solid var(--bg-raised)}.thread-head h2{margin:0;font-size:.96875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-head .sub{font-size:.78125rem;color:var(--online)}.thread-head>div{min-width:0}.thread-head .spacer{flex:1}.back{display:none}.messages{flex:1;overflow-y:auto;padding:1.375rem 1.75rem .5rem;display:flex;flex-direction:column;gap:.25rem;background:var(--bg-chat)}.day{align-self:center;margin:.625rem 0;padding:.3125rem .875rem;border-radius:var(--radius-pill);background:var(--bg-sidebar);color:var(--text-muted);font-size:.75rem;font-weight:500}.msg{display:flex;max-width:min(72%,420px)}.msg-in{align-self:flex-start}.msg-out{align-self:flex-end}.msg-in+.msg-out,.msg-out+.msg-in{margin-top:.5rem}.bubble{padding:.625rem .875rem;border-radius:var(--radius-lg);font-size:.90625rem;line-height:1.45;color:var(--bubble-text);white-space:pre-wrap;overflow-wrap:anywhere}.msg-in .bubble{background:var(--bubble-in);border-bottom-left-radius:4px}.msg-out .bubble{background:var(--bubble-out);color:var(--bubble-text-out);border-bottom-right-radius:4px}.meta{float:right;margin:.35rem -.15rem -.1rem .55rem;font-size:.7rem;line-height:1;white-space:nowrap;color:var(--bubble-meta-in)}.msg-out .meta{color:var(--bubble-meta)}.meta .tick{display:inline-flex;align-items:center;margin-left:.2rem;vertical-align:-1px}.meta .tick.is-read{color:var(--accent-text);opacity:1}.msg-out .meta .tick{opacity:.75}.msg-out .meta .tick.is-read{opacity:1}.thread-empty{flex:1;display:grid;place-items:center;padding:2rem;background-color:var(--bg-chat)}.thread-empty span{padding:.75rem 1.25rem;border-radius:var(--radius);background:var(--bg-sidebar);color:var(--text-secondary);font-size:.86rem;text-align:center;max-width:340px;line-height:1.5}.composer{display:flex;align-items:center;gap:.625rem;padding:1rem 1.75rem 1.375rem;background:var(--bg-chat)}.composer .field{flex:1;min-width:0;padding:.625rem 1rem;border:none;border-radius:var(--radius-pill);background:var(--bg-input);color:var(--text);font:inherit;font-size:.875rem}.composer .field::placeholder{color:var(--text-muted)}.composer .field:focus{outline:1px solid var(--accent)}.send{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);cursor:pointer;transition:background .15s ease}.send:hover:not(:disabled){background:var(--accent-hover)}.send:disabled{opacity:.5;cursor:not-allowed}.safety{padding:0 1.25rem .4rem;background:var(--bg-chat)}.safety summary{cursor:pointer;font-size:.78rem;color:var(--text-secondary);list-style:none;padding:.35rem 0}.safety summary::-webkit-details-marker{display:none}.safety summary:before{content:"🔒 "}.safety .mono-box{font-size:.8rem;line-height:1.7;background:var(--bg-sidebar)}.thread .alert{margin:.6rem 1.25rem 0}.admin{max-width:840px;margin:0 auto;padding:2rem 1.25rem 4rem}.admin header{margin-bottom:1.5rem}.admin h1{font-size:1.5rem;font-weight:500;margin:0 0 .3rem}.admin h2{font-size:1rem;font-weight:500;margin:0 0 .9rem}.admin .card{margin-bottom:1.25rem}.admin .row{display:flex;gap:.6rem}.admin .row .input{flex:1}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-weight:600}.table td{padding:.6rem;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table .user{display:flex;align-items:center;gap:.6rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:10px;font-size:.75rem;font-weight:500;background:var(--bg-input);color:var(--text-secondary)}.badge-ok{background:var(--accent);color:#fff}.badge-off{background:var(--danger-soft);color:var(--danger)}.invite{margin-top:1rem;padding:.9rem;border-radius:10px;background:var(--bg-input)}.invite .top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.scroll-x{overflow-x:auto}@media (max-width: 1080px){.app{grid-template-columns:300px 1fr}.thread-head,.messages,.composer{padding-left:1.25rem;padding-right:1.25rem}}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar{display:none;border-right:none}.app.show-list .sidebar{display:flex}.app.show-list .thread{display:none}.back{display:grid}.msg{max-width:85%}.sidebar-head{padding:.875rem 1rem .625rem}.thread-head{padding:.75rem 1rem}.messages{padding:1rem 1rem .5rem}.composer{padding:.75rem 1rem 1rem}.safety{padding-left:1rem;padding-right:1rem}.icon-btn{width:40px;height:40px}.send,.avatar{width:44px;height:44px}.me{padding:.875rem 1rem}.sidebar-search{padding:0 1rem .75rem}.call-btn{width:56px;height:56px}.composer .field,.search,.input{font-size:16px}.settings-body,.auth{padding:1rem}.auth-box{padding:1.5rem 1.25rem}}@supports (padding: env(safe-area-inset-bottom)){@media (max-width: 760px){.composer{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.me{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.sidebar-head{padding-top:calc(.875rem + env(safe-area-inset-top,0px))}.thread-head{padding-top:calc(.75rem + env(safe-area-inset-top,0px))}}}@media (max-width: 380px){.msg{max-width:92%}.avatar{width:40px;height:40px;font-size:.875rem}.chat-item{gap:.625rem;padding:.5rem}.sidebar-head h1{font-size:1.25rem}}.tabs{display:flex;gap:.25rem;padding:.25rem;margin-bottom:1.25rem;border-radius:10px;background:var(--bg-input)}.tab{flex:1;padding:.5rem .6rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.86rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--text)}.tab.is-active{background:var(--bg-sidebar);color:var(--text);box-shadow:var(--shadow-panel)}.credential{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.credential .key{min-width:92px;font-size:.8rem;color:var(--text-secondary)}.credential .mono-box{flex:1;padding:.45rem .6rem;font-size:.88rem}.settings{height:100dvh;display:flex;flex-direction:column;background:var(--bg-app)}.settings-body{flex:1;overflow-y:auto;padding:1.25rem;max-width:520px;width:100%;margin:0 auto}.settings-me{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.settings-me strong{display:block;font-size:1rem}.settings .card{margin-bottom:1.25rem}.settings h3{font-size:.95rem;font-weight:600;margin:0 0 .9rem}.settings .row{display:flex;gap:.6rem}.call{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:#0e1621d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.call-box{width:100%;max-width:420px;padding:1.75rem 1.5rem 1.5rem;border-radius:16px;background:var(--bg-sidebar);box-shadow:0 16px 48px #00000059;text-align:center}.call-avatar{display:grid;place-items:center;margin-bottom:1rem}.call-avatar .avatar{width:92px;height:92px;font-size:2rem}.call-video{position:relative;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#000;margin-bottom:1rem}.call-remote{width:100%;height:100%;object-fit:cover}.call-box:fullscreen{max-width:none;width:100%;height:100%;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:env(safe-area-inset-top,0px) 1rem env(safe-area-inset-bottom,1rem)}.call-box:fullscreen .call-video{aspect-ratio:auto;flex:1;min-height:0;margin-bottom:.75rem}.call-box:fullscreen .call-note{display:none}.call-local{position:absolute;right:10px;bottom:10px;width:27%;border-radius:8px;border:2px solid var(--bg-sidebar);object-fit:cover;transform:scaleX(-1)}.call-name{margin:0 0 .25rem;font-size:1.25rem;font-weight:500}.call-state{margin:0;color:var(--text-secondary);font-size:.88rem}.call-error{margin-top:1rem;text-align:left}.call-actions{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0 .5rem}.call-btn{display:grid;place-items:center;width:52px;height:52px;border:none;border-radius:50%;color:#0b0c0f;cursor:pointer;transition:transform .1s ease,filter .15s ease}.call-btn:hover:not(:disabled){filter:brightness(1.12)}.call-btn:active:not(:disabled){transform:scale(.95)}.call-btn:disabled{opacity:.45;cursor:not-allowed}.call-accept{background:var(--online)}.call-reject{background:#e5484d;color:#fff}.call-secondary{background:var(--bg-raised);color:var(--text)}.call-muted{background:var(--warning-text)}.call-note{margin:1rem 0 0;font-size:.76rem;color:var(--text-secondary);line-height:1.5}