:root{--color-bg: #0e1621;--color-surface: #17212b;--color-surface-2: #182533;--color-text: #f5f5f5;--color-muted: #7f8b99;--color-accent: #2aaae2;--color-out: #2b5278;--color-danger: #e35d6a;--color-border: #242f3d;--font-sans: "Roboto", system-ui, sans-serif;--radius: 12px;--radius-bubble: 16px}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{background:var(--color-accent);border:0;border-radius:20px;padding:.55rem 1.05rem;cursor:pointer;color:#fff;font-weight:500}button.ghost,label.ghost{background:#242f3d;border:0;color:var(--color-text);border-radius:20px;padding:.55rem 1.05rem;cursor:pointer;font-weight:500;display:inline-flex;align-items:center}button.ghost.icon-btn,button.icon-btn.plain{background:transparent}button.danger{background:var(--color-danger)}input,textarea,select{background:#242f3d;border:0;border-radius:20px;padding:.62rem .95rem;width:100%}input[type=checkbox],input[type=radio]{width:auto;height:auto;margin:0;padding:0;border-radius:4px;accent-color:var(--color-accent)}.app-col{display:flex;flex-direction:column;height:100%}.app-col .app{flex:1;min-height:0}.app{display:flex;height:100%}.announce{display:flex;gap:.75rem;align-items:flex-start;padding:.65rem 1rem;background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface));border-bottom:1px solid var(--color-border);user-select:none;-webkit-user-select:none}.announce-body{white-space:pre-wrap;word-break:break-word}.sidebar{width:340px;min-width:0;overflow:hidden;border-right:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column}.side-brand{padding:1rem 1rem .55rem}.side-brand strong{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.side-compose{display:flex;align-items:center;gap:.45rem;padding:0 .85rem .75rem;min-width:0}.side-compose.stack{flex-direction:column;align-items:stretch}.side-compose select{flex:1;min-width:0}.me-chip{display:flex;align-items:center;gap:.55rem;width:100%;margin-top:.55rem;padding:.35rem .15rem;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;border-radius:10px}.me-chip:hover{background:#202b36}.profile-form{padding:0 .85rem .75rem;display:flex;flex-direction:column;gap:.4rem}.people-search{display:flex;flex-direction:column;gap:.4rem;min-width:0}.people-search input{width:100%}.people-chips{display:flex;flex-wrap:wrap;gap:.3rem}.people-chip{border:0;border-radius:999px;background:#2b5278;color:#fff;padding:.2rem .55rem;font-size:.78rem}.people-hits{max-height:12rem;overflow:auto;display:flex;flex-direction:column;gap:.15rem}.people-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .2rem;border-radius:10px;cursor:pointer}.people-row:hover,.people-row.on{background:#202b36}.people-meta{min-width:0;display:flex;flex-direction:column}.people-meta .chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-badge{display:inline-block;margin-left:.35rem;padding:.05rem .4rem;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.02em;vertical-align:middle;background:#3d4f63;color:#d6e4f0}.bot-token{display:block;word-break:break-all;background:#151d26;padding:.55rem .7rem;border-radius:8px;font-size:.82rem}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;flex-shrink:0;background:#242f3d;border:0;border-radius:50%;color:var(--color-text)}.icon-btn.plain{background:transparent;color:#8fa4b8}.icon-btn.plain:hover{color:var(--color-text);background:#242f3d}.icon-btn svg,.dock-item svg,.send-btn svg{width:1.28rem;height:1.28rem;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg [fill],.dock-item svg [fill]{fill:currentColor;stroke:none}.side-dock{display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;padding:.4rem .35rem .55rem;border-top:1px solid var(--color-border);background:#17212b}.dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;min-width:0;padding:.45rem .1rem;background:transparent;border:0;border-radius:12px;color:#8fa4b8;text-decoration:none;font-size:.68rem;font-weight:500;line-height:1.1}.dock-item span{color:inherit}.dock-item:hover,.dock-item:focus-visible,.dock-item.on{background:#242f3d;color:var(--color-text)}.notif-panel{padding:.65rem .85rem .75rem;border-top:1px solid var(--color-border);background:#17212b}.notif-panel .field{margin:0}.notif-panel input[type=time]{width:100%;margin-top:.2rem}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg)}.pad{padding:1rem}.muted{color:var(--color-muted);font-size:.85rem}.row{display:flex;gap:.5rem;align-items:center}.row.wrap-gap{flex-wrap:wrap;margin-bottom:1rem}.grow{flex:1}.avatar{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border-radius:50%;font-size:.92rem;font-weight:500;color:#fff;flex-shrink:0;letter-spacing:.02em}.avatar.sm{width:2.15rem;height:2.15rem;font-size:.78rem}.list-item{padding:.7rem 1rem;border-bottom:1px solid var(--color-border);cursor:pointer}button.list-item{width:100%;background:transparent;color:inherit;border-radius:0;font-weight:inherit;text-align:left}.list-item.active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.list-item.with-count{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.list-item.with-count>span:first-child{display:flex;flex-direction:column;min-width:0}.count-pill{flex-shrink:0;min-width:1.6rem;padding:.15rem .5rem;border-radius:999px;background:#2b5278;color:#fff;font-size:.78rem;font-weight:700;text-align:center}.chat-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .95rem;cursor:pointer;-webkit-user-select:none;user-select:none}.chat-row:hover{background:#202b36}.chat-row.active{background:#2b5278}.chat-row.active .muted{color:#c5d4e0}.chat-row-body{min-width:0;flex:1}.chat-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.12rem}.presence-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--color-muted);flex-shrink:0}.presence-dot.on{background:#4dcd5e;box-shadow:0 0 0 3px color-mix(in srgb,#4dcd5e 25%,transparent)}.sys-bubble{align-self:center;max-width:90%;text-align:center;color:var(--color-muted);font-size:.8rem;padding:.28rem .7rem;background:color-mix(in srgb,#000 28%,transparent);border-radius:11px}.banner.warn{background:color-mix(in srgb,#f59e0b 16%,var(--color-surface))}.messages{flex:1;overflow:auto;padding:1rem 1.1rem .6rem;display:flex;flex-direction:column;gap:.35rem;background-color:var(--color-bg);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}.bubble{max-width:68%;padding:.45rem 1.9rem .28rem .7rem;border-radius:var(--radius-bubble) var(--radius-bubble) var(--radius-bubble) 6px;background:var(--color-surface-2);position:relative;box-shadow:0 1px 1px #0000002e}.bubble.mine{align-self:flex-end;background:var(--color-out);border-radius:var(--radius-bubble) var(--radius-bubble) 6px var(--radius-bubble)}.bubble-time{display:flex;justify-content:flex-end;align-items:center;gap:.28rem;text-align:right;font-size:.7rem;color:#8fa4b8;margin-top:.15rem}.bubble.mine .bubble-time{color:#9ec3d8}.ticks{letter-spacing:-.12em;font-size:.78rem;opacity:.85}.ticks.read{color:#6ec1ff}.bubble-reply{position:absolute;top:.2rem;right:.2rem;width:1.7rem;height:1.7rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,#000 28%,var(--color-surface-2));color:#c5d4e2;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.bubble:hover .bubble-reply,.bubble:focus-within .bubble-reply{opacity:1;pointer-events:auto}@media(hover:none){.bubble-reply{opacity:1;pointer-events:auto}}.bubble.mine .bubble-reply{background:color-mix(in srgb,#000 22%,var(--color-out))}.bubble-reply svg{width:1rem;height:1rem;stroke:currentColor;fill:none}.bubble-reply:hover{color:#fff}.reply-quote{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;margin:0 0 .35rem;padding:.3rem .5rem;border:0;border-left:3px solid #6ec1ff;border-radius:8px;background:color-mix(in srgb,#000 18%,transparent);color:inherit;text-align:left;cursor:pointer}.bubble.mine .reply-quote{border-left-color:#9ec3d8}.reply-author{font-size:.75rem;font-weight:600;color:#6ec1ff}.bubble.mine .reply-author{color:#b7dcff}.reply-text{font-size:.78rem;color:#c5d4e2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.reply-chip{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:0 .2rem .4rem;padding:.4rem .55rem;border-left:3px solid #6ec1ff;border-radius:10px;background:#242f3d}.bubble.sealed{align-self:center;max-width:85%;background:transparent;box-shadow:none;color:var(--color-muted);font-size:.82rem;text-align:center}.bubble.no-copy,.part.no-copy,.announce.no-copy{user-select:none;-webkit-user-select:none}.watermark{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;font-size:11px;display:flex;align-items:center;justify-content:center}.chat-head{display:flex;align-items:center;gap:.7rem;padding:.55rem .85rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:3.5rem}.chat-head-title{font-weight:500}.retention-pill{display:inline-flex;align-items:center;gap:.28rem;flex-shrink:0;margin:0;padding:.2rem .45rem;border:0;border-radius:999px;background:#242f3d;color:#8fa4b8;font-size:.75rem;line-height:1;white-space:nowrap}.retention-pill svg{width:1.05rem;height:1.05rem;stroke:currentColor;fill:none}.retention-pill:hover,.retention-pill.on{color:var(--color-text)}.retention-short,.chat-back{display:none}.install-banner{display:flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-top:1px solid var(--color-border);background:#17212b}.install-banner .ghost{flex:1;justify-content:center}.install-banner .muted{flex:1;font-size:.82rem;line-height:1.35}.group-form{padding:0 .85rem .75rem;display:flex;flex-direction:column;gap:.45rem}.group-picks{max-height:8rem;overflow:auto}.room-panel{padding:.7rem .9rem .85rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.room-members{margin-top:.65rem;display:flex;flex-direction:column;gap:.45rem}.room-member{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.msg-menu{position:fixed;z-index:40;min-width:11.5rem;padding:.25rem;background:#232d3a;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 28px #0006}.msg-menu button{width:100%;text-align:left;background:transparent;color:var(--color-text);border-radius:8px;padding:.55rem .75rem;font-weight:500}.msg-menu button:hover{background:#2b3644}.msg-menu .danger-item{color:#f08a94}.composer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:.45rem .65rem .6rem}.composer-tools{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .2rem .4rem}.protect-chip{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.22rem .7rem .22rem .5rem;border-radius:999px;background:#242f3d;color:var(--color-muted);font-size:.78rem;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none}.protect-chip.on{color:var(--color-text);background:color-mix(in srgb,var(--color-accent) 22%,#242f3d)}.protect-chip:has(input:disabled){opacity:.7;cursor:default}.composer-bar{display:flex;align-items:center;gap:.4rem}.composer-field{flex:1;min-width:0;display:flex;align-items:center;background:#242f3d;border-radius:22px;padding-left:.15rem}.composer-input{flex:1;background:transparent;border-radius:22px}.icon-btn.plain.on{color:var(--color-accent);background:#242f3d}.attach-chip{display:flex;align-items:center;gap:.55rem;margin:0 .15rem .45rem;padding:.45rem .55rem;background:#242f3d;border-radius:14px}.attach-icon{font-size:1.15rem}.attach-chip .ghost{padding:.3rem .7rem}.composer-err{color:#f08a94;font-size:.82rem;padding:0 .35rem .4rem}.emoji-pop{margin:0 0 .45rem;background:#17212b;border:1px solid var(--color-border);border-radius:16px;padding:.4rem .45rem .55rem}.emoji-tabs{display:flex;gap:.15rem;padding-bottom:.35rem;border-bottom:1px solid var(--color-border)}.emoji-tab,.emoji-cell{background:transparent;color:inherit;border-radius:10px;padding:.25rem;font-size:1.25rem;line-height:1}.emoji-tab.on,.emoji-tab:hover,.emoji-cell:hover{background:#242f3d}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.1rem;max-height:11.5rem;overflow:auto;margin-top:.35rem}.att-file-row{display:flex;align-items:center;gap:.35rem;margin-top:.15rem;max-width:100%}.att-file-row .att-btn{margin-top:.2rem}.att-dl{flex-shrink:0;color:#c5d4e2}.att-dl:disabled{opacity:.5}.att-audio-box{margin-top:.35rem;width:min(100%,20.5rem)}.att-audio-row{display:flex;align-items:center;gap:.55rem}.att-audio-box .att-btn.att-audio{margin-top:0;width:2.4rem;height:2.4rem;padding:0;justify-content:center;flex-shrink:0;border-radius:50%}.att-audio-meta{flex:1;min-width:0}.att-audio-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-audio-bar{display:block;width:100%;margin:.25rem 0 .1rem;padding:0;height:.4rem;border-radius:999px;background:transparent;accent-color:var(--color-accent);cursor:pointer}.att-audio-bar:disabled{cursor:default;opacity:.7}.att-audio-time{font-size:.75rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.att-audio-hint{margin-top:.25rem;font-size:.78rem;color:var(--color-muted)}.att-btn,.att-fallback{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.4rem .7rem;border-radius:12px;background:#242f3d;color:inherit;font-weight:500;max-width:100%;word-break:break-word}.bubble.mine .att-btn,.bubble.mine .att-fallback{background:#24486b}.att-image{position:relative;margin-top:.35rem;display:inline-block;max-width:100%}.att-image .att-dl{position:absolute;right:.35rem;bottom:.35rem;background:#17212bcc}.att-preview{display:block;padding:0;border:0;background:transparent;border-radius:12px;overflow:hidden;max-width:16rem}.att-preview img{display:block;max-width:16rem;max-height:14rem;object-fit:cover}.img-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#000000b8;padding:1.5rem}.img-modal img{max-width:min(92vw,56rem);max-height:88vh;border-radius:12px;object-fit:contain}.send-btn{width:2.45rem;height:2.45rem;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff}.send-btn:disabled{opacity:.38;cursor:default}.send-btn svg{stroke:#fff}.lock{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at top,#1c2b3a 0%,transparent 55%),var(--color-bg)}.lock .form,.lock>div:not(.pin-pad){background:var(--color-surface);border-radius:20px;padding:1.6rem 1.5rem 1.4rem;box-shadow:0 12px 40px #00000047}.pin-pad{display:grid;grid-template-columns:repeat(3,68px);gap:10px;margin-top:1rem}.pin-pad button{height:52px;border-radius:50%;background:#242f3d;color:var(--color-text);font-size:1.15rem}.pin-pad button.ghost{background:transparent;color:var(--color-muted)}.form{max-width:360px;display:flex;flex-direction:column;gap:.7rem;width:min(360px,92vw)}.form h1,.form h2{margin:0 0 .2rem;font-weight:700}.admin{padding:1.2rem;overflow:auto}.admin-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--color-bg)}.admin-head{display:flex;align-items:center;gap:.55rem;padding:.65rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:3.5rem}.admin-head h2{margin:0;font-size:1.1rem}.admin-body{flex:1;overflow:auto;max-width:46rem;padding:1.4rem 1.6rem 3rem}.admin-body h2{margin:0 0 .35rem}.admin-body h3{margin:0 0 .7rem;font-size:1.05rem}.admin-body h4{margin:1rem 0 .35rem;font-size:.92rem}.admin-lead{margin:0 0 1.15rem;line-height:1.45}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1rem 1.1rem 1.1rem;margin-bottom:.85rem}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field>span{color:var(--color-muted);font-size:.82rem}.user-card-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.user-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.user-actions select{width:auto;min-width:9rem}.perm-group h4{margin:.85rem 0 .2rem}.perm-item{display:grid;grid-template-columns:auto 1fr;gap:.55rem .7rem;align-items:start;padding:.55rem 0;border-bottom:1px solid var(--color-border)}.perm-item input{width:auto;margin-top:.2rem}.perm-label{display:block;font-weight:600}.perm-hint{display:block;color:var(--color-muted);font-size:.82rem;line-height:1.35;margin-top:.15rem}.admin-note{margin-top:.8rem;color:var(--color-accent)}.admin-note.err{color:var(--color-danger)}@media(max-width:720px){.admin-form{grid-template-columns:1fr}.user-card-head{flex-direction:column}.user-actions{justify-content:flex-start;width:100%}.user-actions button,.user-actions select{width:100%;min-width:0}.sidebar{width:100%;max-width:100%;border-right:0}.admin-body{padding:.95rem .9rem 2.4rem;max-width:none}.admin-head{padding-top:max(.65rem,env(safe-area-inset-top))}.admin-card{padding:.85rem .9rem}.row{flex-wrap:wrap}.row button{min-height:2.6rem}}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid var(--color-border);padding:.4rem;text-align:left}.call-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding:1rem;flex:1}.call-tile{background:#000;min-height:140px;border-radius:var(--radius);overflow:hidden;position:relative}.call-tile video{width:100%;height:100%;object-fit:cover}.banner{padding:.55rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.docs-page{padding:1.4rem 2rem;overflow:auto;max-width:52rem}.docs-page h1{margin-top:0}.md h1,.md h2,.md h3{margin:1.2rem 0 .5rem}.md p,.md li{line-height:1.5}.md table{margin:.8rem 0}.md pre{background:var(--color-surface);padding:.8rem;overflow:auto;border-radius:var(--radius)}.md code{font-size:.9em}.md a{color:var(--color-accent)}@media(max-width:720px){.app:not(.thread-open) .main{display:none}.app.thread-open .sidebar{display:none}.chat-back{display:inline-flex}.retention-full{display:none}.retention-short{display:inline}.bubble{max-width:88%}.composer{padding-bottom:max(.6rem,env(safe-area-inset-bottom))}.chat-head{padding-right:.55rem;padding-top:max(.55rem,env(safe-area-inset-top))}.side-brand{padding-top:max(1rem,env(safe-area-inset-top))}.side-dock,.install-banner{padding-bottom:max(.45rem,env(safe-area-inset-bottom))}.lock{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.composer-tools{gap:.3rem}.protect-chip{font-size:.78rem}.img-modal{padding:.4rem}.img-modal img{max-width:100vw;max-height:100dvh;border-radius:0}}