:root{--accent: #0d9488;--accent-strong: #0f766e;--accent-soft: #ccfbf1;--accent-ink: #ffffff;--warn: #d97706;--danger: #dc2626;--ok: #16a34a;--bg: #f4f7f5;--bg-2: #eaf0ed;--surface: #ffffff;--surface-2: #f7faf8;--surface-3: #eef3f0;--line: #dfe7e2;--text: #15201b;--text-2: #51625a;--text-3: #83938b;--bubble-in: #ffffff;--bubble-out: #0d9488;--bubble-out-ink: #ffffff;--bubble-out-meta: rgba(255, 255, 255, .78);--chat-bg: #eef3ef;--chat-pattern: rgba(13, 148, 136, .05);--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow-1: 0 1px 2px rgba(16, 32, 24, .06), 0 1px 1px rgba(16, 32, 24, .04);--shadow-2: 0 6px 24px rgba(16, 32, 24, .1), 0 2px 6px rgba(16, 32, 24, .06);--shadow-3: 0 24px 64px rgba(10, 24, 18, .24);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--c0: #0f9d8a;--c1: #d9822b;--c2: #8e5bd6;--c3: #d6456b;--c4: #3f8f3a;--c5: #2f7f9d;color-scheme:light}[data-theme=dark]{--accent: #2dd4bf;--accent-strong: #5eead4;--accent-soft: rgba(45, 212, 191, .14);--accent-ink: #042f2e;--bg: #0c1210;--bg-2: #101815;--surface: #141d19;--surface-2: #19241f;--surface-3: #1f2c26;--line: #25342d;--text: #e6efea;--text-2: #a3b5ac;--text-3: #6f837a;--bubble-in: #1b2722;--bubble-out: #0f766e;--bubble-out-ink: #f0fdfa;--bubble-out-meta: rgba(240, 253, 250, .7);--chat-bg: #0f1714;--chat-pattern: rgba(45, 212, 191, .035);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 28px rgba(0, 0, 0, .45);--shadow-3: 0 24px 64px rgba(0, 0, 0, .6);--c0: #2dd4bf;--c1: #fbbf24;--c2: #c4b5fd;--c3: #fb7185;--c4: #86efac;--c5: #7dd3fc;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:14px/1.45 var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,h4,h5{margin:0;line-height:1.25}h2{font-size:20px;font-weight:700;letter-spacing:-.01em}h3{font-size:16px;font-weight:650}h4{font-size:15px;font-weight:650}h5{font-size:13px;font-weight:650;color:var(--text-2);display:flex;align-items:center;gap:8px;margin:14px 0 8px}p{margin:0 0 8px}a{color:var(--accent)}button{font:inherit;color:inherit}mark{background:color-mix(in srgb,var(--accent) 28%,transparent);color:inherit;border-radius:3px;padding:0 1px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-3) 45%,transparent) transparent}.grow{flex:1;min-width:0}.muted{color:var(--text-3)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.wrap{word-break:break-all;white-space:normal}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0}.center{display:flex;justify-content:center;align-items:center}.center-text{text-align:center;display:block}.pad{padding:12px}.inline{display:flex;align-items:center;gap:8px}.inline.center{justify-content:center}.wrap-row{flex-wrap:wrap}.accent-text{color:var(--accent);display:inline-flex;align-items:center;gap:4px}.danger-text{color:var(--danger)}.warn{color:var(--warn)}.read{color:var(--accent)}.dim{opacity:.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:550;cursor:pointer;transition:background .15s,border-color .15s,transform .05s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger.ghost,.btn.ghost.danger{background:transparent;color:var(--danger);border-color:transparent}.btn.danger.ghost:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-3)}.btn.small{height:30px;padding:0 10px;font-size:13px;border-radius:8px}.btn.big{height:48px;font-size:15px;border-radius:12px}.btn.block{width:100%}.btn.end-all{height:44px;border-radius:22px}.link{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;font-weight:550;display:inline-flex;align-items:center;gap:4px}.icon-btn{width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--text-2);display:inline-grid;place-items:center;cursor:pointer;flex:none;transition:background .15s,color .15s;text-decoration:none}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn.active{color:var(--accent);background:var(--accent-soft)}.icon-btn.danger{color:var(--danger)}.icon-btn:disabled{opacity:.4;cursor:default}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:8px 11px;outline:none;transition:border-color .15s,box-shadow .15s;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}textarea{resize:vertical}.otp{font-family:var(--mono);letter-spacing:.3em;font-size:16px;width:140px;text-align:center}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field>input,.field>select,.field>textarea{width:100%}.field-label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.field-hint{font-size:12px;color:var(--text-3)}.prefix-input{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.prefix-input span{padding-left:11px;color:var(--text-3)}.prefix-input input{border:0;background:transparent;flex:1;box-shadow:none;padding-left:2px}.prefix-input:focus-within{border-color:var(--accent)}.check{display:flex;align-items:center;gap:8px;margin:4px 0 10px;font-size:13px}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface-3);border-radius:12px;padding:0 6px 0 12px;color:var(--text-3);border:1px solid transparent}.search-box:focus-within{border-color:var(--accent);background:var(--surface)}.search-box input{border:0;background:transparent;box-shadow:none!important;flex:1;padding:9px 0}.seg{display:flex;gap:4px;background:var(--surface-3);padding:4px;border-radius:12px;margin-bottom:14px;flex-wrap:wrap}.seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;border-radius:9px;padding:7px 10px;cursor:pointer;color:var(--text-2);font-weight:550;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.seg.small button{padding:5px 8px;font-size:12.5px}.avatar{position:relative;flex:none;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none;overflow:visible}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar .dot{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:9px;min-height:9px;background:#22c55e;border-radius:50%;border:2px solid var(--surface)}.avatar.ring{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge.accent{background:var(--accent-soft);color:var(--accent-strong)}[data-theme=dark] .badge.accent{color:var(--accent)}.badge.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.badge.danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;font-size:12px;margin:2px 4px 2px 0}.chip:hover{border-color:var(--accent)}.chip.mono{max-width:100%;word-break:break-all;white-space:normal;text-align:left}.chips{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.bot-tag{font-size:10px;text-transform:uppercase;font-weight:700;background:var(--accent-soft);color:var(--accent-strong);padding:1px 5px;border-radius:5px;margin-left:6px;vertical-align:1px}.spinner{display:inline-block;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{display:block;background:linear-gradient(90deg,var(--surface-3) 0%,color-mix(in srgb,var(--surface-3) 50%,var(--surface)) 50%,var(--surface-3) 100%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.list-skeleton .row{display:flex;gap:12px;padding:10px 16px;align-items:center}.list-skeleton .row .grow{display:flex;flex-direction:column;gap:8px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;color:var(--text-2);gap:8px}.empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:6px}.empty h4{color:var(--text)}.empty-body{max-width:340px;font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-1);min-width:0}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent)}.card-head h4{color:var(--text)}.qr{border-radius:10px;flex:none;background:#fff}.code{background:var(--surface-3);border-radius:10px;padding:10px 12px;font:12px/1.5 var(--mono);overflow:auto;max-height:320px;white-space:pre-wrap;word-break:break-all;margin:8px 0 0}.code.dim{color:var(--text-3)}.error-box{margin-top:14px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);display:flex;flex-direction:column;gap:2px;font-size:13px}.error-box span{color:var(--text)}.divider{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:20px 0 12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.progress{height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-top:4px}.progress i{display:block;height:100%;background:var(--accent);transition:width .2s}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--text-3);font-weight:600;font-size:12px;padding:6px 8px;border-bottom:1px solid var(--line)}.table td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top;max-width:320px;overflow:hidden;text-overflow:ellipsis}.overlay{position:fixed;inset:0;background:#08120e73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:450;padding:16px;animation:fade .15s}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:min(480px,100%);max-height:min(720px,calc(100vh - 32px));display:flex;flex-direction:column;animation:pop .18s cubic-bezier(.2,.9,.3,1.2)}.modal.wide{width:min(720px,100%)}@keyframes pop{0%{transform:scale(.96) translateY(6px);opacity:0}}.modal>header{display:flex;align-items:center;padding:16px 16px 8px 20px}.modal>header h3{flex:1}.modal-body{padding:8px 20px 16px;overflow:auto}.modal>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 18px;border-top:1px solid var(--line)}.menu{position:fixed;z-index:460;min-width:200px;max-width:300px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-2);padding:6px;animation:pop .12s ease-out}.menu-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:8px 10px;border-radius:9px;cursor:pointer;text-align:left;color:var(--text)}.menu-item:hover{background:var(--surface-3)}.menu-item.danger{color:var(--danger)}.menu-item svg{color:var(--text-3);flex:none}.menu-item.danger svg{color:var(--danger)}.menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px;font-weight:650}.me-head{display:flex;gap:10px;align-items:center}.me-head small{display:block;color:var(--text-3);font-weight:400}.menu-emoji{display:flex;gap:2px;padding:4px 4px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu-emoji button{border:0;background:transparent;font-size:22px;width:34px;height:36px;border-radius:10px;cursor:pointer;transition:transform .1s}.menu-emoji button:hover{background:var(--surface-3);transform:scale(1.18)}.menu-emoji button.mine{background:var(--accent-soft)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:470;width:min(380px,calc(100vw - 32px))}.toast{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;box-shadow:var(--shadow-2);padding:10px 10px 10px 12px;animation:slide .2s ease-out}@keyframes slide{0%{transform:translateY(12px);opacity:0}}.toast.error{border-left-color:var(--danger)}.toast.error>svg{color:var(--danger)}.toast.ok>svg{color:var(--ok)}.toast.info>svg{color:var(--accent)}.toast>svg{flex:none;margin-top:1px}.toast-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.toast-text span{color:var(--text-2);font-size:13px;word-break:break-word}.toast-text small{color:var(--text-3);cursor:copy}.toast-x{border:0;background:transparent;color:var(--text-3);cursor:pointer;padding:2px;border-radius:6px}.toast-x:hover{background:var(--surface-3)}.avatar-btn{position:relative;border:0;padding:0;background:none;cursor:pointer;border-radius:50%;flex:none}.avatar-btn .avatar-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:12px;border:2px solid var(--surface)}.boot{height:100%;display:grid;place-items:center}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#059669);color:#fff;font-weight:800;font-size:22px;display:inline-grid;place-items:center;box-shadow:var(--shadow-2)}.error-panel{margin:24px auto;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.error-panel small{word-break:break-word}.call-error-panel{margin:8px 16px}.boot .logo{animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(.92);opacity:.7}}.env{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:6px;white-space:nowrap}.env.local{background:var(--surface-3);color:var(--text-2)}.env.staging{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.shell{display:grid;grid-template-columns:76px 1fr;height:100%;height:100dvh}.panes{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface)}.chats-view{display:grid;grid-template-columns:minmax(300px,360px) 1fr;flex:1;min-height:0}.shell.narrow{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.shell.narrow .chats-view{grid-template-columns:minmax(0,1fr)}.shell.narrow .rail{grid-row:2;flex-direction:row;height:60px;padding:0 6px;border-right:0;border-top:1px solid var(--line);justify-content:space-around}.shell.narrow.has-active .rail{display:none}.shell.narrow .rail-logo,.shell.narrow .rail>.grow,.shell.narrow .rail>.env{display:none}.shell.narrow .rail-btn{flex:1;min-width:0;width:auto;height:52px}.shell.narrow .rail-btn.theme{display:none}.shell.narrow .rail-me{margin:0 4px}.rail{background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 0 12px;min-height:0}.rail-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent),#059669);color:#fff;font-weight:800;font-size:20px;display:grid;place-items:center;margin-bottom:14px;box-shadow:var(--shadow-1)}.rail-btn{position:relative;width:60px;height:56px;border:0;background:transparent;border-radius:14px;color:var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:background .15s,color .15s}.rail-btn:hover{background:var(--surface-3);color:var(--text)}.rail-btn.on{background:var(--accent-soft);color:var(--accent-strong)}[data-theme=dark] .rail-btn.on{color:var(--accent)}.rail-label{font-size:10.5px;font-weight:600}.rail-badge{position:absolute;top:5px;right:8px;min-width:18px;height:18px;border-radius:9px;padding:0 5px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg-2)}.rail-dot{position:absolute;top:9px;right:16px;width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--bg-2);animation:breathe 1.4s infinite}.rail-me{border:0;background:transparent;padding:3px;border-radius:50%;cursor:pointer;margin-top:4px}.rail-me:hover{box-shadow:0 0 0 2px var(--accent)}.rail>.env{margin:6px 0}.conn-banner{display:flex;align-items:center;gap:10px;padding:7px 16px;font-size:13px;background:color-mix(in srgb,var(--warn) 14%,var(--surface));color:var(--text);border-bottom:1px solid var(--line)}.conn-banner.offline{background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.conn-banner .mono{color:var(--text-3);margin-left:auto}.chat-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--surface)}.list-head{display:flex;align-items:center;gap:4px;padding:18px 16px 10px 20px}.list-search{padding:0 14px 8px}.filters{display:flex;gap:6px;margin-top:10px;overflow-x:auto;align-items:center}.filters button{white-space:nowrap}.filters button{border:1px solid var(--line);background:transparent;color:var(--text-2);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600;cursor:pointer;text-transform:capitalize}.filters button.on{background:var(--text);border-color:var(--text);color:var(--surface)}.list-scroll{flex:1;overflow-y:auto;padding:0 8px 12px}.list-section{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-3);padding:12px 12px 6px}.chat-row{display:flex;gap:12px;align-items:center;width:100%;padding:9px 10px;border:0;background:transparent;border-radius:14px;cursor:pointer;text-align:left;transition:background .12s}.chat-row:hover{background:var(--surface-2)}.chat-row.active{background:var(--accent-soft)}.chat-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.chat-row-top,.chat-row-bottom{display:flex;align-items:center;gap:6px;min-width:0}.chat-row-top b{font-weight:650}.chat-row-top b svg{vertical-align:-2px}.chat-row-top time{font-size:12px;color:var(--text-3);flex:none}.chat-row-bottom{font-size:13px}.chat-row-bottom .clip{max-width:100%}.archive-avatar{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2)}.archive-row{border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;margin-bottom:2px}.sender-inline{color:var(--text-2);font-weight:600}.unread{flex:none;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;display:grid;place-items:center}.unread.muted-badge{background:var(--text-3);color:var(--surface)}.list-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;text-decoration:none;color:inherit;width:100%;border:0;background:transparent;text-align:left}.list-row.clickable{cursor:pointer}.list-row.decided{opacity:.62}.list-row.clickable:hover{background:var(--surface-2)}.list-row.selected{background:var(--accent-soft)}.list-row .grow b{display:block;font-weight:600}.list-row .grow small{display:flex;align-items:center;gap:4px;color:var(--text-3);font-size:12.5px}.pane-scroll{flex:1;overflow-y:auto;min-height:0;padding-bottom:32px}.pane-scroll>.list-row,.pane-scroll>.list-section,.pane-scroll>.empty,.pane-scroll>.list-skeleton{max-width:820px;margin-left:auto;margin-right:auto}.pane-scroll>.list-row{padding-left:16px;padding-right:16px}.conv-placeholder{display:grid;place-items:center;background:var(--chat-bg)}.picker .search-box{margin-bottom:8px}.picker-list{max-height:340px;overflow-y:auto;margin:0 -8px}.picker-list .list-row{padding:8px}.invite-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.invite-card small{display:block;color:var(--text-3)}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border-radius:10px;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--text);cursor:copy;margin:8px 0;word-break:break-all;text-align:left}.login-page{height:100%;display:grid;grid-template-columns:1.05fr 1fr;overflow:auto}.login-art{position:relative;overflow:hidden;background:linear-gradient(160deg,#064e3b,#0f766e 45%,#134e4a);display:flex;align-items:flex-end;padding:48px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.orb.a{width:380px;height:380px;background:radial-gradient(circle at 30% 30%,#5eead4,transparent 70%);top:-80px;right:-60px}.orb.b{width:260px;height:260px;background:radial-gradient(circle at 50% 50%,#fbbf24,transparent 70%);bottom:120px;left:-60px;opacity:.35}.orb.c{width:180px;height:180px;background:radial-gradient(circle,#a7f3d0,transparent 70%);top:40%;left:45%;opacity:.4}.login-tag{position:relative;color:#ecfdf5;max-width:420px}.login-tag h1{font-size:56px;letter-spacing:-.03em;font-weight:800}.login-tag p{font-size:18px;opacity:.85;margin-top:8px}.login-panel{display:flex;flex-direction:column;align-items:center;padding:32px 24px;overflow-y:auto;background:var(--bg)}.login-brand{display:flex;align-items:center;gap:10px;align-self:stretch;max-width:460px;margin:0 auto 24px;width:100%}.login-brand .logo{width:36px;height:36px;font-size:18px;border-radius:11px}.login-brand b{font-size:18px;flex:1}.login-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-2)}.login-card h2{display:flex;align-items:center;gap:8px;margin-bottom:6px}.login-card>.btn.big{margin-top:12px;margin-bottom:6px}.login-card .back{margin-bottom:14px}.login-foot{margin-top:18px;line-height:1.6}.login-foot svg{vertical-align:-2px}.id-list{display:flex;flex-direction:column;gap:6px}.id-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left}.id-row:hover{border-color:var(--accent)}.id-row small{display:block;color:var(--text-3)}.id-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.id-tile{position:relative}.id-tile>button:first-child,.id-tile.add{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 8px 10px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;transition:border-color .15s,transform .1s}.id-tile>button:first-child:hover,.id-tile.add:hover{border-color:var(--accent);transform:translateY(-1px)}.id-tile small{font-size:10.5px;color:var(--text-3)}.id-tile b{max-width:100%}.id-tile.add{color:var(--accent);border-style:dashed;justify-content:center}.id-del{position:absolute;top:4px;right:4px;width:26px;height:26px;opacity:0}.id-tile:hover .id-del{opacity:1}.custom-id{margin-top:14px;padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.custom-id .inline input{flex:1}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;padding:4px 20px 20px;align-items:start}.settings-grid .card{display:flex;flex-direction:column;gap:4px}.settings-grid .card>.inline{flex-wrap:wrap;margin:4px 0}.profile-row{display:flex;gap:14px;align-items:center;margin-bottom:14px}.profile-row b{display:block;font-size:16px;margin-bottom:4px}.totp-setup{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--surface-2);margin:8px 0;flex-wrap:wrap}.kv>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}.kv span{color:var(--text-3)}.kv .link{color:var(--text);word-break:break-all;text-align:right}.id-table{display:flex;flex-direction:column;margin:0 -8px;max-height:360px;overflow-y:auto}.bot-card{padding:12px;border-radius:12px;border:1px solid var(--line);margin-bottom:8px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.bot-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.bot-card small{color:var(--text-3)}.admin{display:flex;flex-direction:column;min-height:0;flex:1}.admin-tabs{display:flex;gap:4px;padding:0 16px 10px;overflow-x:auto;border-bottom:1px solid var(--line)}.admin-tabs button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:8px 12px;border-radius:10px;cursor:pointer;color:var(--text-2);font-weight:600;white-space:nowrap}.admin-tabs button.on{background:var(--accent-soft);color:var(--accent-strong)}[data-theme=dark] .admin-tabs button.on{color:var(--accent)}.admin-body{padding-top:16px}.admin-body>.card{margin:0 20px 16px}.admin-login{flex:1;display:grid;place-items:center;padding:20px;background:var(--bg)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.stat{background:var(--surface-2);border-radius:12px;padding:12px}.stat b{display:block;font-size:20px;word-break:break-all}.stat small{color:var(--text-3);text-transform:capitalize}.cfg-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.cfg-row .grow small{display:block}.cfg-row input{width:160px}.dead{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px}.dead summary{display:flex;gap:10px;cursor:pointer;align-items:center}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-art{display:none}.settings-grid{grid-template-columns:1fr;padding:4px 12px 12px}}.ok-text{color:var(--ok);display:inline-flex;align-items:center;gap:6px}.session-row .grow b,.login-history .grow b{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.login-history{max-height:420px;overflow-y:auto;margin:0 -10px 8px}.login-card>.btn.block{margin-top:12px}.phone-login{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.qr-box{padding:12px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:opacity .2s,filter .2s}.qr-box.dim{opacity:.35;filter:blur(2px)}.qr-placeholder{width:208px;height:208px;display:grid;place-items:center}.short-code{font-size:26px;font-weight:700;letter-spacing:.14em;color:var(--text)}.phone-status{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2);min-height:20px}.link-confirm{display:flex;flex-direction:column;gap:12px}.link-device{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.link-device b{display:block;font-size:16px}.link-device small{display:block}.qr-scan-video{width:100%;max-height:60vh;border-radius:12px;background:#000;object-fit:cover}.short-code-input{text-transform:uppercase;letter-spacing:.12em;max-width:150px}.friends-pane .friends-seg,.friends-pane .friends-body{max-width:820px;margin-left:auto;margin-right:auto;padding:0 16px}.friend-intro{color:var(--text-2)!important;font-style:italic;overflow-wrap:anywhere;overflow:hidden;line-height:1.4}.field-hint .over{color:var(--danger);font-weight:600}.friends-seg .count{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:0 6px;margin-left:4px}.seg.wrap button{flex:0 1 auto}.toggle-row{display:flex;align-items:center;gap:10px;padding:8px 4px;cursor:pointer;border-radius:8px}.toggle-row:hover{background:var(--surface-2)}.toggle-row.disabled{opacity:.5;cursor:not-allowed}.toggle-row input{flex:none}.toggle-row .grow{display:flex;flex-direction:column}.toggle-row small{color:var(--text-2);font-size:12px}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invite-row{border-top:1px solid var(--line);padding-top:6px;margin-top:6px;display:flex;flex-direction:column;gap:4px}.invite-row .invite-code{margin:4px 0}.topic-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);font-weight:700;flex:none}.member-tag{font-size:10px;font-weight:600;background:var(--surface-3);color:var(--text-2);padding:1px 5px;border-radius:5px;margin-left:6px;vertical-align:1px}.topic-bar{display:flex;gap:6px;overflow-x:auto;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--surface);scrollbar-width:none}.topic-bar button{flex:none;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer;color:var(--text-2);white-space:nowrap}.topic-bar button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.topic-bar button.closed{text-decoration:line-through;opacity:.7}.chip.on{background:var(--accent-soft);border-color:var(--accent)}.pad-x{padding:0 12px;text-align:center;color:var(--text-2)}.menu-head small{font-weight:400}.picker-section{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);padding:8px 8px 2px;font-weight:600}.disabled-row{opacity:.75}.disabled-row .grow b{color:var(--text-2)}.emoji-set{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.emoji-chip{display:inline-flex;align-items:center;gap:2px;font-size:18px;line-height:1;padding:4px 6px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.emoji-chip:hover:not(:disabled){border-color:var(--danger, #e5484d)}.emoji-chip svg{opacity:.5}.reply-quote{display:flex;align-items:center;gap:8px}.reply-quote .reply-sticker{width:36px;height:36px;object-fit:contain;border-radius:6px;flex:none}.reply-quote .reply-text{display:flex;flex-direction:column;min-width:0}.collapse-btn{justify-content:flex-start;margin-top:8px}.collapse-btn svg{transition:transform .15s}.collapse-btn.on svg{transform:rotate(180deg)}.create-settings{border-top:1px solid var(--line);padding-top:8px;margin-top:4px}.role-tag{--role: #8b5cf6;display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--role);background:color-mix(in srgb,var(--role) 16%,transparent);border:1px solid color-mix(in srgb,var(--role) 45%,transparent);padding:1px 6px;border-radius:6px;margin-left:6px;vertical-align:1px;white-space:nowrap}.role-tag.small{font-size:10px;padding:0 5px}.role-swatch{width:14px;height:14px;border-radius:4px;flex:none;margin-right:4px}.color-row{display:flex;gap:6px;flex-wrap:wrap}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-dot.on{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.role-preview{margin:4px 0 10px;color:var(--text-2);font-size:13px}input[type=color]{width:32px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer}.cmd-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto;margin:0 8px 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.cmd-item{display:flex;align-items:center;gap:8px;padding:8px 12px;text-align:left;background:none;border:0;color:inherit;cursor:pointer}.cmd-item:hover{background:var(--surface-2)}.cmd-item span{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-item small{opacity:.5}.markdown{font-size:13px;line-height:1.55;overflow-wrap:anywhere}.markdown h2{font-size:18px;margin:4px 0 10px}.markdown h3{font-size:15px;margin:18px 0 6px}.markdown h4,.markdown h5,.markdown h6{font-size:13px;margin:14px 0 4px}.markdown p,.markdown ul,.markdown ol{margin:0 0 8px}.markdown ul,.markdown ol{padding-left:20px}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:#7f7f7f26;border-radius:4px;padding:1px 4px}.markdown pre{background:#7f7f7f1f;border-radius:8px;padding:10px 12px;overflow-x:auto;margin:0 0 10px}.markdown pre code{background:none;padding:0;white-space:pre}.markdown-table{overflow-x:auto;margin:0 0 10px}.markdown table{border-collapse:collapse;width:100%}.markdown th,.markdown td{border:1px solid var(--line);padding:5px 8px;text-align:left;vertical-align:top}.markdown th{background:#7f7f7f14}.markdown hr{border:none;border-top:1px solid var(--line);margin:14px 0}.guide-page{height:100%;overflow-y:auto;background:var(--bg)}.guide-page-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--line)}.guide-page-brand{font-weight:700;color:var(--accent);text-decoration:none}.guide-page-body{max-width:900px;margin:0 auto;padding:20px 24px 40px}.support-thread{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius-lg, 14px);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.support-messages{display:flex;flex-direction:column;gap:8px;padding:12px;max-height:420px;overflow-y:auto;background:var(--surface-2)}.support-msg{align-self:flex-start;max-width:78%;padding:8px 11px;border-radius:12px 12px 12px 4px;background:var(--surface);border:1px solid var(--line)}.support-msg.mine{align-self:flex-end;border-radius:12px 12px 4px;background:var(--accent-soft);border-color:transparent}.support-msg b{display:block;color:var(--text-2)}.support-msg p{margin:2px 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-msg small{font-size:11px}.support-reply{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.support-reply input{flex:1}.admin-support-table td{vertical-align:top}.admin-support-table .msg-cell{max-width:420px;overflow-wrap:anywhere}.settings-grid .card.danger-card{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.settings-grid .card.danger-card .card-head h4,.settings-grid .card.danger-card .card-head svg{color:var(--danger)}.char-count{font-size:12px;color:var(--text-3);text-align:right;margin-top:-2px}.delete-list{margin:4px 0 6px 18px;display:flex;flex-direction:column;gap:2px}.pw-field{gap:6px}.pw-field input{flex:1}.support-intro{padding:0 20px 8px;margin:0}.support-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.support-icon.feedback{background:#b8860b}.support-icon.problem{background:#d6456b}.support-icon.service{background:#0f9d8a}.support-icon.business{background:#6b6fd6}.folder-chats{max-height:220px;overflow-y:auto;gap:4px}.folder-row{padding:6px 0;border-bottom:1px solid var(--line)}.conversation{display:grid;grid-template-columns:1fr;min-width:0;min-height:0;position:relative}.conversation.with-drawer{grid-template-columns:1fr 340px}.conv-main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--chat-bg);background-image:radial-gradient(var(--chat-pattern) 1.2px,transparent 1.2px);background-size:22px 22px}.conv-head{display:flex;align-items:center;gap:4px;padding:10px 12px 10px 14px;background:var(--surface);border-bottom:1px solid var(--line);min-height:64px;z-index:2}.conv-title{display:flex;align-items:center;gap:12px;border:0;background:transparent;cursor:pointer;padding:4px 8px 4px 4px;border-radius:12px;min-width:0;text-align:left}.conv-title:hover{background:var(--surface-2)}.conv-title-text{display:flex;flex-direction:column;min-width:0}.conv-title-text b{font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-title-text small{color:var(--text-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-text{color:var(--accent);display:inline-flex;align-items:center;gap:6px}.typing-dots{display:inline-flex;gap:3px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:bounce 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.pinned-bar,.live-bar{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 18px;background:var(--surface);border-bottom:1px solid var(--line);cursor:pointer;z-index:1}.pinned-bar .grow,.live-bar .grow{display:flex;flex-direction:column;min-width:0}.pinned-bar b,.live-bar b{font-size:12.5px;color:var(--accent)}.pinned-bar span,.live-bar span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.live-bar{background:linear-gradient(90deg,var(--accent-soft),var(--surface));cursor:default}.pill-live{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:live 1.6s infinite;flex:none}@keyframes live{70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.chat-search{position:relative;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--line);z-index:3}.search-results{position:absolute;left:14px;right:14px;top:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);max-height:360px;overflow-y:auto;padding:4px}.search-hit{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:9px;cursor:pointer}.search-hit:hover{background:var(--surface-3)}.search-hit span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-hit small{color:var(--text-3);font-size:11.5px}.search-hit.on{background:var(--accent-soft)}.search-hit-top{display:flex;align-items:baseline;gap:8px;justify-content:space-between}.search-hit-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.search-hit-top small{flex:none}.search-count{font-size:11.5px;color:var(--text-3);padding:4px 10px 2px}.search-pos{color:var(--text-3);font-size:12px;white-space:nowrap}.conversation:focus{outline:none}.messages{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain}.messages-inner{max-width:860px;margin:0 auto;padding:16px 18px 8px;display:flex;flex-direction:column}.history-start{align-self:center;font-size:12px;color:var(--text-3);padding:8px 12px;margin-bottom:8px}.day{position:sticky;top:8px;z-index:1;display:flex;justify-content:center;margin:12px 0 8px;pointer-events:none}.day span{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--text-2);font-size:12px;font-weight:600;padding:3px 12px;border-radius:999px;box-shadow:var(--shadow-1)}.unread-mark{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.unread-mark:before,.unread-mark:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--accent) 40%,transparent)}.sys{display:flex;justify-content:center;margin:8px 0}.sys-pill{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--line);color:var(--text-2);font-size:12.5px;padding:5px 12px;border-radius:999px}.sys-pill svg{color:var(--accent)}.sys-pill.missed svg{color:var(--danger)}.sys-pill time{color:var(--text-3);font-size:11px;margin-left:4px}.row{position:relative;display:flex;align-items:flex-end;gap:8px;margin-top:2px}.row.first{margin-top:10px}.row.mine{flex-direction:row-reverse}.row-avatar{width:32px;flex:none}.stack{position:relative;display:flex;flex-direction:column;max-width:min(560px,78%);min-width:0}.row.mine .stack{align-items:flex-end}.bubble{position:relative;background:var(--bubble-in);color:var(--text);border-radius:18px;padding:7px 12px 6px;box-shadow:var(--shadow-1);min-width:64px;max-width:100%;overflow-wrap:anywhere}.row.theirs .bubble{border-bottom-left-radius:6px;border-top-left-radius:6px}.row.theirs.first .bubble{border-top-left-radius:18px}.row.mine .bubble{background:var(--bubble-out);color:var(--bubble-out-ink);border-bottom-right-radius:6px;border-top-right-radius:6px}.row.mine.first .bubble{border-top-right-radius:18px}.row.last .bubble{margin-bottom:2px}.bubble.bare{background:transparent!important;box-shadow:none;padding:0}.bubble.media-only{padding:4px}.bubble.failed{opacity:.75;outline:1px dashed var(--danger)}.sender{font-size:12.5px;font-weight:700;margin-bottom:2px}.text{white-space:pre-wrap;font-size:14.5px;line-height:1.42}.text a{color:inherit;text-decoration:underline;text-underline-offset:2px}.row.theirs .text a{color:var(--accent)}.mention{font-weight:650;color:var(--accent)}.row.mine .mention{color:inherit;text-decoration:underline;text-decoration-style:dotted}.meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:var(--text-3);margin:2px -4px -2px 8px;float:right;position:relative;top:5px;-webkit-user-select:none;user-select:none}.row.mine .meta{color:var(--bubble-out-meta)}.row.mine .meta .read{color:var(--bubble-out-ink)}.bubble.bare .meta,.bubble.media-only .meta{float:none;position:absolute;right:8px;bottom:8px;top:auto;background:#00000073;color:#fff;padding:1px 7px;border-radius:999px;margin:0}.edited{font-style:italic}.fwd{font-size:12px;opacity:.8;margin-bottom:4px;display:flex;align-items:center;gap:4px}.reply-quote{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border:0;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:8px;padding:4px 8px;margin:2px 0 5px;cursor:pointer;color:inherit;min-width:140px}.row.mine .reply-quote{border-left-color:var(--bubble-out-ink);background:#ffffff24}.reply-quote b{font-size:12.5px;color:var(--accent)}.row.mine .reply-quote b{color:inherit}.reply-quote span{font-size:13px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.retry{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:inherit;font-size:12px;cursor:pointer;padding:4px 0 0;text-decoration:underline}.row.flash .bubble{animation:flash 1.6s ease-out}@keyframes flash{0%,40%{box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 60%,transparent)}}.media{display:block;position:relative;border:0;padding:0;border-radius:13px;overflow:hidden;max-width:100%;max-height:380px;background:var(--surface-3);cursor:zoom-in}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}.video-poster{position:relative;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#000}.poster-blank{width:100%;height:100%;background:linear-gradient(135deg,#134e4a,#0c1210)}.play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-dur{position:absolute;left:8px;top:8px;background:#0000008c;color:#fff;font-size:11px;padding:1px 6px;border-radius:6px}.bubble:not(.media-only) .media{margin:2px -8px 6px;max-width:calc(100% + 16px)}.file-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:4px 0;min-width:220px}.file-icon{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.file-icon small{font-size:8.5px;font-weight:800}.file-icon.small{width:32px;height:32px;border-radius:9px}.row.mine .file-icon{background:#ffffff2e;color:inherit}.file-meta{flex:1;min-width:0;display:flex;flex-direction:column}.file-meta b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta small{opacity:.7;font-size:12px}.voice-msg{display:flex;align-items:center;gap:8px;padding:2px 0 4px}.voice-msg audio{height:34px;max-width:260px}.file-card+.text,.voice-msg+.text{margin-top:4px}.text.caption{max-width:340px;overflow-wrap:anywhere}.sticker{width:150px;height:150px;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.poll{min-width:240px;display:flex;flex-direction:column;gap:6px;padding:2px 0 4px}.poll-q{font-weight:650;display:flex;align-items:center;gap:6px;margin-bottom:2px}.poll-opt{position:relative;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:transparent;border-radius:10px;padding:7px 10px;cursor:pointer;overflow:hidden;text-align:left;color:inherit}.poll-opt:hover{border-color:currentColor}.poll-bar{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 20%,transparent);transition:width .4s cubic-bezier(.2,.8,.2,1)}.row.mine .poll-bar{background:#fff3}.poll-check{position:relative;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;flex:none;opacity:.8}.poll-opt.mine .poll-check{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1}.poll-label,.poll-pct{position:relative}.poll-label{flex:1}.poll-pct{font-weight:700;font-size:12.5px}.row.mine .poll small.muted{color:var(--bubble-out-meta)}.kb{display:flex;flex-direction:column;gap:4px;margin-top:6px}.kb-row{display:flex;gap:4px}.kb-btn{flex:1;border:0;border-radius:9px;padding:7px;background:var(--accent-soft);color:var(--accent-strong);font-weight:600;cursor:pointer}[data-theme=dark] .kb-btn{color:var(--accent)}.reactions{display:flex;gap:4px;flex-wrap:wrap;margin:3px 4px 2px}.rx{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:1px 8px;font-size:13px;cursor:pointer;box-shadow:var(--shadow-1)}.rx b{font-size:12px;color:var(--text-2)}.rx.mine{border-color:var(--accent);background:var(--accent-soft)}.hover-bar{position:absolute;top:-16px;display:none;gap:1px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 4px;box-shadow:var(--shadow-2);z-index:2}.row.theirs .hover-bar{left:40px}.row.mine .hover-bar{right:0}.row:not(.theirs,.mine) .hover-bar{display:none!important}@media(hover:hover){.row:hover .hover-bar{display:flex}}.hover-bar button{border:0;background:transparent;width:30px;height:28px;border-radius:999px;cursor:pointer;font-size:16px;display:grid;place-items:center;color:var(--text-2)}.hover-bar button:hover{background:var(--surface-3)}.conv-empty{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:48px 24px;color:var(--text-2);background:color-mix(in srgb,var(--surface) 80%,transparent);border-radius:var(--radius-lg);max-width:360px;box-shadow:var(--shadow-1)}.conv-empty svg{color:var(--accent)}.conv-empty h4{color:var(--text)}.wave-row{display:flex;gap:8px;margin-top:6px}.wave-row button{font-size:24px;width:48px;height:48px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:transform .1s}.wave-row button:hover{transform:scale(1.1)}.msg-skeleton{display:flex;flex-direction:column;gap:10px;padding-top:20px}.sk-row{display:flex}.sk-row.mine{justify-content:flex-end}.new-pill{position:absolute;right:22px;bottom:90px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:8px 14px;background:var(--accent);color:var(--accent-ink);font-weight:650;box-shadow:var(--shadow-2);cursor:pointer;z-index:3;animation:slide .2s}.drop-zone{position:absolute;inset:12px;border:2px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent-soft) 85%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--accent-strong);z-index:10;pointer-events:none}.composer-wrap{position:relative;background:var(--surface);border-top:1px solid var(--line);padding:8px 12px 10px}.composer-note{margin:4px auto;max-width:860px;text-align:center;color:var(--text-2);font-size:14px}.composer{display:flex;align-items:flex-end;gap:4px;max-width:860px;margin:0 auto;background:var(--surface-2);border:1px solid var(--line);border-radius:22px;padding:4px 4px 4px 6px}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.composer textarea{flex:1;resize:none;border:0;background:transparent;box-shadow:none!important;padding:8px 4px;max-height:180px;line-height:1.4;font-size:14.5px}.composer .icon-btn{border-radius:50%}.send{width:40px;height:40px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .1s,background .15s}.send:hover:not(:disabled){background:var(--accent-strong);transform:scale(1.05)}.send:disabled{opacity:.5}.send.rec{background:var(--danger);color:#fff}.recording{flex:1;display:flex;align-items:center;gap:10px;padding:8px 4px;color:var(--danger);font-weight:600}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:breathe 1s infinite}.recording .btn{margin-left:auto}.compose-mode,.slow-note{display:flex;align-items:center;gap:10px;max-width:860px;margin:0 auto 8px;padding:6px 6px 6px 12px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:10px;color:var(--accent)}.compose-mode .grow{display:flex;flex-direction:column;min-width:0}.compose-mode b{font-size:12.5px}.compose-mode span{font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slow-note{border-left-color:var(--warn);color:var(--warn);font-size:13px;padding:6px 12px}.uploads{max-width:860px;margin:0 auto 8px;display:flex;flex-direction:column;gap:6px}.upload{display:flex;align-items:center;gap:10px;padding:8px 6px 8px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.upload.err{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.upload-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-name small{color:var(--text-3)}.attach-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;margin-bottom:10px}.attach-item{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.attach-item.blocked{opacity:.6}.attach-item .file-meta small{display:inline-flex;align-items:center;gap:3px}.attach-thumb{width:56px;height:56px;object-fit:cover;border-radius:9px;flex:none;background:var(--surface-3)}.attach-caption{width:100%;resize:vertical;min-height:44px;max-height:200px}.sticker-picker{position:absolute;right:12px;bottom:calc(100% + 6px);width:min(380px,calc(100vw - 24px));height:360px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow:hidden;z-index:20;animation:pop .15s}.sp-tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}.sp-tabs button{width:40px;height:40px;border-radius:10px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;flex:none;color:var(--text-2);font-weight:700}.sp-tabs button.on{background:var(--accent-soft);color:var(--accent)}.sp-tabs img{width:30px;height:30px;object-fit:contain}.sp-body{flex:1;overflow-y:auto;padding:8px 10px}.sp-title{display:flex;align-items:center;gap:8px;font-weight:650;font-size:13px;margin:4px 0 8px}.sp-title .btn,.sp-title .link,.sp-title>.muted.small{margin-left:auto}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px}.sp-grid button{aspect-ratio:1;border:0;background:transparent;border-radius:12px;cursor:pointer;padding:4px}.sp-grid button:hover{background:var(--surface-3)}.sp-grid img{width:100%;height:100%;object-fit:contain}.em-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px}.em-grid button{border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:22px;line-height:1.3;padding:4px 2px}.em-grid button:hover{background:var(--surface-3)}.sp-grid.admin div{display:flex;flex-direction:column;align-items:center;background:var(--surface-2);border-radius:10px;padding:4px}.sp-grid.admin img{width:56px;height:56px}.sp-pack{margin-bottom:14px}.drawer{background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;animation:drawer .2s ease-out}@keyframes drawer{0%{transform:translate(24px);opacity:0}}.drawer-head{display:flex;align-items:center;padding:14px 12px 8px 18px;min-height:64px;border-bottom:1px solid var(--line)}.drawer-head h3{flex:1}.drawer-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 0 6px}.profile-hero h2{font-size:18px}.title-edit{font-size:18px;font-weight:700;text-align:center;background:transparent;border-color:transparent;width:100%}.title-edit:hover{border-color:var(--line)}.hero-ids{display:flex;flex-wrap:wrap;justify-content:center}.info-block{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.info-block.col{flex-direction:column;align-items:stretch;gap:6px}.info-block.clickable{cursor:pointer}.info-block>svg,.info-block .inline>svg{color:var(--accent);flex:none}.info-block .grow{display:flex;flex-direction:column;min-width:0}.info-block .grow span{font-size:12.5px;color:var(--text-3)}.info-block select{padding:5px 8px}.members{display:flex;flex-direction:column;gap:4px}.members .list-row{padding:6px 4px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.media-grid button{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--surface-3)}.media-grid img{width:100%;height:100%;object-fit:cover}.media-kind{position:absolute;left:4px;bottom:4px;background:#0000008c;color:#fff;font-size:10px;padding:0 5px;border-radius:4px}.lightbox{position:fixed;inset:0;z-index:150;background:#040a08eb;display:flex;align-items:center;justify-content:center;animation:fade .15s}.lightbox>img{max-width:92vw;max-height:82vh;border-radius:10px;box-shadow:var(--shadow-3);object-fit:contain}.lb-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:14px 16px;color:#fff;background:linear-gradient(rgba(0,0,0,.5),transparent)}.lb-top small{display:block;opacity:.7}.lb-top .icon-btn{color:#fff}.lb-top .icon-btn:hover{background:#ffffff1f}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;cursor:pointer;display:grid;place-items:center}.lb-nav:hover{background:#ffffff38}.lb-nav.left{left:20px}.lb-nav.right{right:20px}.lb-caption{position:absolute;bottom:48px;color:#fff;background:#00000080;padding:6px 14px;border-radius:10px;max-width:80vw}.lightbox>.badge{position:absolute;bottom:16px}@media(max-width:1100px){.conversation.with-drawer{grid-template-columns:1fr}.conversation.with-drawer .drawer{position:absolute;right:0;top:0;bottom:0;width:min(360px,100%);z-index:30;box-shadow:var(--shadow-3)}}@media(max-width:800px){.messages-inner{padding:10px 8px 6px}.stack{max-width:86%}.row-avatar{width:28px}.composer-wrap{padding:6px 8px calc(8px + env(safe-area-inset-bottom))}.scroll-fab{bottom:80px;right:12px}}.lp-toggle{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer;align-self:center}.lp-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.scroll-fab{position:absolute;right:22px;bottom:90px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text-2);display:grid;place-items:center;box-shadow:var(--shadow-2);cursor:pointer;z-index:3;animation:slide .2s}.scroll-fab:hover{color:var(--accent)}.fab-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;display:grid;place-items:center}.row{-webkit-tap-highlight-color:transparent}@media(hover:none){.row,.row *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.row.selecting{cursor:pointer;padding-left:34px}.row.selecting *{-webkit-user-select:none;user-select:none}.row.selected:before{content:"";position:absolute;inset:-1px -12px;background:var(--accent-soft);border-radius:10px;z-index:-1}.sel-check{position:absolute;left:4px;bottom:6px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong, var(--text-3));background:var(--surface);display:grid;place-items:center;color:var(--accent-ink)}.sel-check.on{background:var(--accent);border-color:var(--accent)}.select-head{gap:8px}.select-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.messages-inner{position:relative;isolation:isolate}.msg-info .list-row b{font-weight:600;font-size:13px}.info-h{margin:14px 0 6px;font-size:13px;color:var(--text-2);display:flex;gap:6px;align-items:center}.stack-btns{display:flex;flex-direction:column;gap:8px;margin-top:12px}.owner-line{display:inline-flex;align-items:center;gap:6px;margin:2px 0 6px;font-size:13px;color:var(--text-2)}.img-confirm{display:flex;flex-wrap:wrap;gap:8px}.img-confirm img{width:96px;height:96px;object-fit:cover;border-radius:8px;background:var(--surface-3)}.img-link-preview{display:flex;align-items:center;gap:8px;padding:6px 8px}.img-link-preview img{height:48px;max-width:120px;object-fit:cover;border-radius:6px}.img-link-img{display:block;max-width:min(320px,100%);max-height:320px;border-radius:8px;margin-top:4px;cursor:zoom-in}.img-link-load{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;border:1px dashed var(--border, rgba(128,128,128,.4));border-radius:8px;background:transparent;color:var(--text-2);font-size:12.5px;cursor:pointer}.read-only-badge{margin-left:6px;flex:none}.video-note{width:200px;height:200px;border-radius:50%;overflow:hidden;position:relative;background:#000}.video-note video,.video-note img,.video-note .poster-blank{width:100%;height:100%;object-fit:cover;display:block}.video-note .video-poster{width:100%;height:100%;border:0;padding:0;cursor:pointer;position:relative;background:transparent}.video-rec{position:relative;width:160px;height:160px;border-radius:50%;overflow:hidden;background:#000;flex:none}.video-rec video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.contact-card{display:flex;align-items:center;gap:10px;min-width:220px;padding:4px 2px}.contact-card .grow{display:flex;flex-direction:column;min-width:0}.call-ring{position:fixed;inset:0;z-index:400;display:grid;place-items:center;background:#04100c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .2s}.ring-card{width:min(360px,calc(100vw - 32px));padding:36px 28px 28px;border-radius:28px;text-align:center;color:#ecfdf5;background:linear-gradient(165deg,#115e59,#064e3b 60%,#022c22);box-shadow:var(--shadow-3);display:flex;flex-direction:column;align-items:center;gap:8px;animation:pop .25s}.ring-card h2{font-size:24px;margin-top:12px}.ring-card .muted{color:#ecfdf5bf;display:inline-flex;align-items:center;gap:6px}.ring-pulse{position:relative;border-radius:50%}.ring-pulse:before,.ring-pulse:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(94,234,212,.55);animation:ripple 1.8s ease-out infinite}.ring-pulse:after{animation-delay:.9s}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.ring-actions{display:flex;gap:64px;margin-top:28px}.ring-labels{display:flex;gap:64px;font-size:12px;opacity:.8}.ring-labels span{width:68px}.round{width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:#ffffff24;color:#fff;transition:transform .1s,background .15s;flex:none}.round:hover:not(:disabled){background:#ffffff3d;transform:scale(1.05)}.round:disabled{opacity:.4;cursor:default}.round.big{width:68px;height:68px}.round.danger{background:#ef4444}.round.danger:hover{background:#dc2626}.round.ok{background:#22c55e;animation:nudge 1.2s ease-in-out infinite}@keyframes nudge{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}50%{transform:rotate(0)}}.round.off{background:#fff;color:#0f172a}.round.on{background:#f59e0b}.call-screen{position:fixed;inset:0;z-index:350;display:flex;flex-direction:column;color:#ecfdf5;background:radial-gradient(ellipse at top,#134e4a,#061b17 70%);animation:fade .2s}.call-top{display:flex;align-items:center;gap:10px;padding:14px 16px}.call-top .icon-btn{color:#ecfdf5}.call-top .icon-btn:hover{background:#ffffff1f}.call-top .badge{background:#ffffff1f;color:#ecfdf5}.call-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.call-id{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.call-id h2{font-size:28px;margin-top:14px}.call-id .muted{color:#ecfdf5b3;font-size:16px;display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.call-avatar{border-radius:50%;transition:box-shadow .2s}.call-avatar.pulsing{animation:breathe 1.6s ease-in-out infinite}.call-avatar.speaking{box-shadow:0 0 0 4px #5eead4cc,0 0 40px #5eead480}.video{background:#000}.video.mirror{transform:scaleX(-1)}.video.pending{opacity:0}.call-id.over{position:relative;z-index:1}.video.remote{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video.self{position:absolute;right:16px;bottom:16px;width:min(220px,32vw);aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;box-shadow:var(--shadow-3);border:2px solid rgba(255,255,255,.2)}.call-caption{position:absolute;left:16px;bottom:16px;background:#00000073;padding:6px 12px;border-radius:10px;display:flex;gap:8px}.call-rejoin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.call-error{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#dc2626d9;padding:6px 12px;border-radius:10px;font-size:13px}.audio-unblock{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.call-controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px 16px calc(24px + env(safe-area-inset-bottom));flex-wrap:wrap}.quality{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.quality i{width:4px;border-radius:1px;background:#ffffff40}.quality.q-excellent i.on,.quality.q-good i.on{background:#4ade80}.quality.q-poor i.on{background:#fbbf24}.quality.q-lost i{background:#f87171}.stage .stage-title{display:flex;flex-direction:column}.stage .stage-title small{opacity:.7;font-variant-numeric:tabular-nums}.live{color:#4ade80}.stage-body{flex:1;overflow-y:auto;padding:8px 24px 16px;max-width:900px;width:100%;margin:0 auto}.stage-h{color:#ecfdf5b3;margin:16px 0 12px}.stage-h small{font-weight:500;opacity:.7}.speakers{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.speaker{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;border-radius:18px;background:#ffffff0f;cursor:default;transition:background .15s}.speaker .avatar{transition:box-shadow .15s}.speaker.speaking .avatar{box-shadow:0 0 0 3px #5eead4,0 0 24px #5eead499}.speaker-name{font-size:13px;font-weight:600;text-align:center;display:flex;align-items:center;gap:3px}.speaker-name svg{color:#fbbf24}.speaker-mic{position:absolute;top:72px;right:calc(50% - 40px);width:22px;height:22px;border-radius:50%;background:#0f3d36;display:grid;place-items:center;border:2px solid #061b17}.speaker-more{position:absolute;top:4px;right:4px;opacity:.8}.speaker:has(.speaker-more){cursor:pointer}.speaker:has(.speaker-more):hover{background:#ffffff1a}.hands{display:flex;flex-direction:column;gap:6px}.hand-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffff0f}.hls-box{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px;border-radius:16px;background:#ffffff14;flex-wrap:wrap}.hls-box small{display:block;opacity:.7}.hls-audio{height:36px}.call-pill{display:flex;align-items:center;gap:8px;margin:8px 12px 0;padding:8px 8px 8px 14px;border-radius:14px;background:linear-gradient(90deg,#0f766e,#065f46);color:#ecfdf5;box-shadow:var(--shadow-2);cursor:pointer;animation:slide .2s}.pill-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.pill-text b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-text small{font-size:11.5px;opacity:.8;font-variant-numeric:tabular-nums}.call-pill .icon-btn{color:#ecfdf5;width:32px;height:32px;border-radius:50%}.call-pill .icon-btn:hover{background:#ffffff26}.call-pill .icon-btn.danger{background:#ef4444;color:#fff}.call-pill .pill-live{background:#4ade80}@media(max-width:800px){.call-pill{margin:6px 8px 0}.call-pill .pill-text{flex:1}}.btn.request-speak{height:44px;border-radius:22px;background:#ffffff24;border-color:transparent;color:#fff}.btn.request-speak:hover:not(:disabled){background:#ffffff3d}.btn.request-speak.on{background:#f59e0b;color:#0f172a}.audience{display:flex;flex-direction:column;gap:4px}.aud-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px}.aud-row.clickable{cursor:pointer}.aud-row.off{opacity:.55}.aud-row.clickable:hover{background:var(--surface-3)}.speaker{position:relative}.speaker-hand{position:absolute;top:4px;left:8px;width:22px;height:22px;border-radius:50%;background:var(--warn);color:#fff;display:grid;place-items:center}.speaker-more .dots{width:26px;height:26px}.aud-row .dots{width:28px;height:28px}.speaker,.aud-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.owner-crown{color:#fbbf24}.owner-tag{font-size:10.5px;font-weight:700;color:#0f172a;background:#fbbf24;border-radius:999px;padding:0 7px;line-height:16px}.speaker-vol{position:absolute;top:8px;right:8px;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:999px;background:#00000059;display:inline-flex;align-items:center}.vol-row{display:flex;flex-direction:column;gap:4px;padding:6px 0;min-width:240px}.vol-head{display:flex;align-items:baseline;gap:8px}.vol-head b{font-weight:600;display:block}.vol-head small{display:block;font-weight:400;opacity:.7;font-size:12px}.vol-pct{font-variant-numeric:tabular-nums;font-size:12.5px;opacity:.8;min-width:3.5em;text-align:right}.vol-ctl{display:flex;align-items:center;gap:6px}.vol-ctl input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:28px;cursor:pointer}.vol-sep{border:0;border-top:1px solid var(--line);margin:8px 0 10px}.menu-head .vol-row{font-weight:400;padding-bottom:0}.screen-share{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.screen-share .screen-video{width:100%;max-height:50vh;object-fit:contain;background:#000;border-radius:8px}