: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%;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}.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}.list-item.active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.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 .7rem .28rem;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:block;text-align:right;font-size:.7rem;color:#8fa4b8;margin-top:.15rem}.bubble.mine .bubble-time{color:#9ec3d8}.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{color:var(--color-text)}.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-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}.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{height:100%;overflow:auto;background:var(--color-bg)}.admin-body{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}.sidebar{width:100%;max-width:100%}}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{flex-direction:column}}