.koko-skip-link{color:#fff;z-index:1000;background:#6c5ce7;border-radius:4px;padding:8px 12px;font-size:.9rem;text-decoration:none;transition:top .15s;position:absolute;top:-48px;left:8px}.koko-skip-link:focus,.koko-skip-link:focus-visible{outline-offset:2px;outline:2px solid #fff;top:8px}@media (prefers-reduced-motion:reduce){.koko-voice-dot,.koko-attachment-pdf-loading{animation:none}}@media (prefers-contrast:more){:root,[data-theme=dark]{--text-muted:#f0f0f0;--border:#7a7a7a}[data-theme=light]{--text-muted:#0a0a0a;--border:#3a3a3a}:root:not([data-theme]){--text-muted:#f0f0f0;--border:#7a7a7a}@media (prefers-color-scheme:light){:root:not([data-theme]){--text-muted:#0a0a0a;--border:#3a3a3a}}:focus-visible{outline-offset:2px!important;outline-width:3px!important}}:root,[data-theme=dark]{--bg:#313338;--bg-surface:#2b2d31;--surface:#2b2d31;--bg-hover:#35373c;--bg-active:#404249;--bg-elevated:#2b2d31;--bg-floating:#111214;--text:#dbdee1;--text-muted:#80848e;--interactive-normal:#b5bac1;--interactive-hover:#dbdee1;--interactive-active:#fff;--accent:#6c5ce7;--accent-hover:#5a4bd1;--border:#1e1f22;--danger:#f23f42;--radius-sm:4px;--radius:8px;--radius-lg:16px;--sidebar-width:280px;--focus-outline:2px solid #6c5ce7;--shadow-low:0 1px 2px #0000002e;--shadow-mid:0 4px 12px #00000047;--shadow-high:0 8px 24px #0000005c}[data-theme=light]{--bg:#fff;--bg-surface:#f2f3f5;--surface:#f2f3f5;--bg-hover:#ebedef;--bg-active:#d8dadd;--bg-elevated:#fff;--bg-floating:#fff;--text:#060607;--text-muted:#5c5e66;--interactive-normal:#4e5058;--interactive-hover:#060607;--interactive-active:#060607;--accent:#6c5ce7;--accent-hover:#5a4bd1;--border:#e3e5e8;--danger:#d83c3e;--radius-sm:4px;--radius:8px;--radius-lg:16px;--focus-outline:2px solid #6c5ce7;--shadow-low:0 1px 2px #00000014;--shadow-mid:0 4px 12px #00000024;--shadow-high:0 8px 24px #0003}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#fff;--bg-surface:#f2f3f5;--surface:#f2f3f5;--bg-hover:#ebedef;--bg-active:#d8dadd;--bg-elevated:#fff;--bg-floating:#fff;--text:#060607;--text-muted:#5c5e66;--interactive-normal:#4e5058;--interactive-hover:#060607;--border:#e3e5e8}}body{background:var(--bg);color:var(--text);height:100dvh;overflow:hidden}.koko-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.koko-auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.koko-auth-card{background:var(--bg-surface);border-radius:calc(var(--radius) * 2);flex-direction:column;gap:.5rem;width:100%;max-width:400px;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 32px #00000040}.koko-auth-logo{text-align:center;color:var(--accent);margin:0 0 .25rem;font-size:1.8rem;font-weight:700}.koko-auth-logo-wrap{flex-direction:column;align-items:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.koko-auth-logo-icon{font-size:3rem;line-height:1}.koko-auth-hint{color:var(--text-muted);text-align:center;margin:.25rem 0 0;font-size:.83rem}.koko-server-badge{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.4rem;margin-bottom:1rem;padding:.4rem .7rem;font-size:.82rem;display:flex}.koko-server-badge-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px}.koko-server-badge-url{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.koko-server-badge-change{color:var(--accent);cursor:pointer;flex-shrink:0;font-size:.78rem;text-decoration:none}.koko-server-badge-change:hover{text-decoration:underline}.koko-demo-servers{flex-direction:column;gap:.4rem;display:flex}.koko-demo-servers-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.koko-demo-server-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:start;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.88rem;transition:background .12s,border-color .12s;display:flex}.koko-demo-server-btn:before{content:"🖥️";flex-shrink:0;font-size:1rem}.koko-demo-server-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.koko-auth-title{text-align:center;color:var(--text-muted);margin:0 0 1rem;font-size:1rem;font-weight:400}.koko-auth-form{flex-direction:column;gap:.75rem;display:flex}.koko-auth-divider{opacity:.5;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:flex}.koko-auth-divider:before,.koko-auth-divider:after{content:"";background:currentColor;flex:1;height:1px}.koko-auth-links{justify-content:center;gap:16px;margin-top:2px;font-size:13px;display:flex}.koko-auth-links a{color:var(--accent);opacity:.85}.koko-auth-links a:hover{opacity:1}.koko-auth-sso{flex-direction:column;gap:8px;margin-top:4px;display:flex}.koko-auth-loading{text-align:center;color:var(--text-muted);padding:2rem}.koko-btn-link{color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:0}.koko-btn-link:hover{text-decoration:underline}.koko-auth-card h1{text-align:center;font-size:1.5rem}.koko-auth-card p{text-align:center;color:var(--text-muted);font-size:.9rem}.koko-auth-card input:not([type=checkbox]):not([type=radio]){background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);width:100%;padding:.75rem;font-size:.9rem}.koko-auth-card input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--accent);outline:none}.koko-auth-card input:not([type=checkbox]):not([type=radio]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.koko-error{color:var(--danger);border-radius:var(--radius);background:#e74c3c26;padding:.5rem .75rem;font-size:.85rem}.koko-switch{text-align:center;font-size:.85rem}.koko-switch button{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none}.koko-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg-hover,#ffffff0f);color:var(--text);padding:.75rem 1.25rem;font-size:.9rem;transition:background .15s,opacity .15s}.koko-btn:hover:not(:disabled){background:#ffffff1a}.koko-btn:disabled{opacity:.45;cursor:not-allowed}.koko-auth-form .koko-btn,.koko-auth-form .koko-btn-primary{width:100%}.koko-btn-primary{background:var(--accent);color:#fff}.koko-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.koko-btn-primary:disabled{opacity:.5;cursor:not-allowed}.koko-btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.koko-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.koko-btn-small{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.25rem .5rem;font-size:.8rem}.koko-loading{min-height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.koko-landing-page{background:linear-gradient(180deg, #6c5ce714, transparent 360px), var(--bg);min-height:100dvh;color:var(--text);overflow-y:auto}.koko-landing-hero,.koko-landing-main,.koko-landing-footer{width:min(1120px,100% - 32px);margin-inline:auto}.koko-landing-hero{padding-block:clamp(48px,8vh,88px) 28px}.koko-landing-hero h1{letter-spacing:0;font-size:clamp(3rem,7vw,6rem);line-height:.95}.koko-landing-tagline{width:min(760px,100%);color:var(--text-muted);margin-top:18px;font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.35}.koko-landing-main{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start;gap:28px;padding-bottom:88px;display:grid}.koko-landing-features{gap:12px;display:grid}.koko-landing-feature{border-top:1px solid var(--border);padding-block:18px}.koko-landing-feature:last-child{border-bottom:1px solid var(--border)}.koko-landing-feature h3{margin-bottom:8px;font-size:1rem;line-height:1.2}.koko-landing-feature p,.koko-landing-have-invite,.koko-landing-copyright{color:var(--text-muted);font-size:.95rem;line-height:1.6}.koko-landing-page a{color:var(--accent);text-underline-offset:3px}.koko-landing-waitlist{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:sticky;top:24px;box-shadow:0 18px 60px #00000038}.koko-landing-waitlist h2{margin-bottom:16px;font-size:1.35rem;line-height:1.2}.koko-landing-waitlist-form{gap:12px;display:grid}.koko-landing-waitlist-form input,.koko-landing-waitlist-form textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);font:inherit;padding:12px 14px;line-height:1.4}.koko-landing-waitlist-form textarea{resize:vertical;min-height:96px}.koko-landing-waitlist-form input:focus,.koko-landing-waitlist-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.koko-landing-have-invite{margin-top:16px}.koko-landing-waitlist-ok{border-radius:var(--radius);background:#2ecc711f;border:1px solid #2ecc7173;padding:14px}.koko-landing-footer{border-top:1px solid var(--border);justify-content:space-between;gap:24px;padding-block:18px 28px;display:flex}.koko-landing-footer nav{flex-wrap:wrap;gap:14px;display:flex}.koko-consent-banner{z-index:9999;background:var(--bg-surface);width:min(720px,100% - 32px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);gap:12px;margin-inline:auto;padding:18px;display:grid;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 18px 60px #00000059}.koko-consent-banner h2{font-size:1rem;line-height:1.2}.koko-consent-banner p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.koko-consent-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=800px){.koko-landing-main{grid-template-columns:1fr;padding-bottom:72px}.koko-landing-waitlist{position:static}.koko-landing-footer{flex-direction:column}}.koko-layout{height:100dvh;display:flex}.server-icon-col{background:var(--bg);border-inline-end:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:64px;padding:10px 6px;display:flex;position:relative;overflow:hidden auto}.server-sidebar{background:var(--bg);border-inline-end:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:64px;padding:10px 6px;display:flex;position:relative;overflow-y:auto}.server-icon-strip{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.server-icon{background:var(--bg-surface);width:44px;height:44px;color:var(--text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:border-radius .15s,background .15s;display:flex;overflow:hidden}.server-icon img{object-fit:cover;width:100%;height:100%}.server-icon:hover,.server-icon.active{background:var(--accent);color:#fff;border-radius:30%}.server-icon.add{background:var(--bg-surface);color:var(--accent);font-size:1.4rem;font-weight:400}.server-icon.add:hover{background:var(--accent);color:#fff}.server-divider{background:var(--border);border-radius:1px;flex-shrink:0;width:32px;height:2px;margin:2px 0}.channel-tree{background:var(--bg-surface);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.channel-tree-header{border-bottom:1px solid var(--border);padding:12px 12px 8px}.channel-create-btn{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;width:100%;padding:6px 10px;font-size:.8rem}.channel-create-btn:hover{color:var(--text);border-color:var(--accent)}.channel-create-panel{border-bottom:1px solid var(--border);background:var(--bg);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.channel-create-panel input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);width:100%;padding:.5rem;font-size:.85rem}.channel-create-types{gap:4px;display:flex}.channel-create-types button{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;flex:1;padding:4px;font-size:.75rem}.channel-create-types button.active{background:var(--accent);border-color:var(--accent);color:#fff}.channel-create-submit{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:6px;font-size:.85rem}.channel-create-submit:disabled{opacity:.5;cursor:not-allowed}.channel-create-error{color:var(--danger);font-size:.8rem}.channel-category{padding:8px 0 4px}.category-header{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;padding:0 12px 4px;font-size:.7rem;font-weight:700}.channel-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:calc(100% - 8px);margin:1px 4px;padding:5px 12px;font-size:.875rem;transition:background .1s,color .1s;display:flex}.channel-item:hover{background:var(--bg-hover);color:var(--text)}.channel-item.active{background:var(--bg-active);color:var(--text)}.channel-icon{opacity:.6;flex-shrink:0;font-size:.85rem}.channel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;padding:.75rem .9rem!important}.server-panel-name{align-items:center;gap:.5rem;min-width:0;display:flex}.server-panel-icon{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.server-panel-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.server-settings-gear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:background .12s,color .12s;display:flex}.server-settings-gear:hover,.server-settings-gear.active{background:var(--bg-hover);color:var(--text)}.server-channel-scroll{flex:1;min-height:0;overflow-y:auto}.server-add-popup{background:var(--bg-surface);border:1px solid var(--border);z-index:200;border-radius:12px;flex-direction:column;gap:8px;width:230px;padding:12px;display:flex;position:fixed;top:120px;left:72px;box-shadow:0 8px 32px #0006}.server-add-tabs{gap:4px;display:flex}.server-add-tabs button{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:6px;font-size:.8rem;transition:background .12s}.server-add-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.server-add-popup input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:8px 10px;font-size:.85rem}.server-add-popup button:not(.server-add-tabs button){background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px;font-size:.85rem;font-weight:600}.server-add-error{color:var(--danger);margin:0;font-size:.8rem}.join-server-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);z-index:100;flex-direction:column;gap:8px;width:220px;padding:12px;display:flex;position:absolute;top:60px;left:68px;box-shadow:0 4px 20px #0006}.join-server-tabs{gap:4px;display:flex}.join-server-tabs button{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;flex:1;padding:6px;font-size:.8rem}.join-server-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.join-server-panel input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);width:100%;padding:8px;font-size:.85rem}.join-server-panel button:not(.join-server-tabs button){background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;width:100%;padding:8px;font-size:.85rem}.join-server-error{color:var(--danger);font-size:.8rem}.server-tools{border-bottom:1px solid var(--border);padding:8px 12px 4px}.server-settings-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.8rem}.server-settings-btn:hover{color:var(--text)}.channel-roles{padding:4px 0}.channel-roles-chips{flex-wrap:wrap;gap:4px;padding:0 12px 8px;display:flex}.channel-role-chip{background:var(--bg-hover);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;max-width:120px;padding:2px 8px;font-size:.75rem;overflow:hidden}.koko-sidebar{width:var(--sidebar-width);border-inline-end:1px solid var(--border);background:var(--bg-surface);flex-direction:column;flex-shrink:0;display:flex}.koko-sidebar-header{border-bottom:1px solid var(--border);padding:1rem}.koko-sidebar-header h2{font-size:1.1rem}.koko-channel-list{flex:1;padding:.5rem;overflow-y:auto}.koko-empty{color:var(--text-muted);text-align:center;padding:2rem 1rem;font-size:.9rem}.koko-channel-item{text-align:start;width:100%;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:.5rem .75rem;font-size:.9rem;transition:background .1s,color .1s;display:flex}.koko-channel-icon{opacity:.7;flex-shrink:0;font-size:1rem}.koko-channel-avatar{background:var(--bg-surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:relative;overflow:hidden}.koko-channel-avatar-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.koko-channel-avatar-initial{z-index:0;position:relative}.koko-sidebar-footer-avatar-img,.meeting-tile-avatar-img{object-fit:cover;z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.meeting-room{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.koko-channel-item:hover{background:var(--bg-hover);color:var(--text)}.koko-channel-item.active{background:var(--bg-active);color:var(--text)}.koko-channel-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.koko-unread-badge{background:var(--accent,#6c5ce7);color:#fff;text-align:center;border-radius:9px;flex-shrink:0;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:18px}.koko-channel-item.has-unread .koko-channel-name{color:var(--text);font-weight:600}.koko-workspace-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 .75rem;display:flex}.koko-workspace-name{align-items:center;gap:.5rem;min-width:0;display:flex}.koko-workspace-icon{flex-shrink:0;font-size:1.25rem}.koko-workspace-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:700;overflow:hidden}.koko-workspace-server{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);background:var(--bg,#ffffff0f);border:1px solid var(--border,transparent);letter-spacing:.01em;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:600;overflow:hidden}.koko-workspace-server:before{content:"";vertical-align:middle;background:#23a55a;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.koko-workspace-search{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.3rem;font-size:1rem;transition:background .12s,color .12s}.koko-workspace-search:hover{background:var(--bg-hover);color:var(--text)}.koko-workspace-searchbar{background:var(--border);width:calc(100% - 16px);height:28px;color:var(--text-muted);text-align:left;cursor:pointer;border:0;border-radius:4px;flex-shrink:0;align-items:center;gap:8px;margin:8px;padding:4px 8px;font-size:13px;font-weight:500;transition:background 80ms,color 80ms;display:flex}.koko-workspace-searchbar:hover{background:var(--bg-active);color:var(--text)}.koko-workspace-searchbar-icon{width:14px;height:14px;color:inherit;flex-shrink:0}.koko-workspace-searchbar-text{white-space:nowrap;text-overflow:ellipsis;color:inherit;flex:1;overflow:hidden}.koko-sidebar-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:.5rem 0;transition:scrollbar-color .2s;overflow-y:auto}.koko-sidebar-scroll:hover,.koko-sidebar-scroll.is-scrolling{scrollbar-color:#ffffff2e transparent}.koko-sidebar-scroll::-webkit-scrollbar{width:8px}.koko-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.koko-sidebar-scroll::-webkit-scrollbar-thumb{background-color:#0000;background-clip:padding-box;border:2px solid #0000;border-radius:8px;transition:background-color .2s}.koko-sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:#ffffff2e}.koko-sidebar-scroll.is-scrolling::-webkit-scrollbar-thumb{background-color:#ffffff2e}.koko-sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:#ffffff52}.koko-nav-section{margin-bottom:.25rem}.koko-nav-section-header{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;gap:.35rem;padding:.45rem .75rem .3rem;font-size:.72rem;font-weight:700;transition:color .12s;display:flex}.koko-nav-section-header:hover{color:var(--text)}.koko-section-plus-btn{color:#b5bac1;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:6px;transition:background 80ms,color 80ms;display:inline-flex}.koko-section-plus-btn:hover{color:#f2f3f5;background:#35373c}.koko-nav-chevron{font-size:.8rem;transition:transform .15s;display:inline-block}.koko-nav-chevron.collapsed{transform:rotate(-90deg)}.koko-nav-count{background:var(--bg-hover);color:var(--text-muted);text-align:center;border-radius:999px;min-width:16px;margin-left:auto;padding:0 5px;font-size:.68rem;font-weight:700}.koko-thread-group{margin-bottom:4px}.koko-thread-group+.koko-thread-group{margin-top:6px}.koko-thread-group-head{align-items:center;gap:8px;padding:4px 12px 2px;display:flex}.koko-thread-group-avatar{background:var(--bg-hover);width:20px;height:20px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.koko-thread-group-avatar-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.koko-thread-group-emoji{font-size:12px;line-height:1}.koko-thread-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.72rem;font-weight:700;overflow:hidden}.koko-thread-group-count{color:var(--text-muted);opacity:.7;flex-shrink:0;margin-left:auto;font-size:.66rem;font-weight:700}.koko-thread-row{align-items:center;gap:2px;display:flex}.koko-thread-item{padding-left:24px!important}.koko-thread-icon{color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.koko-thread-action{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0 5px;font-size:13px;line-height:1}.koko-thread-action:hover{color:var(--text);background:var(--bg-hover)}.koko-thread-action-star{color:#f0b232}.koko-thread-action-star:hover{color:#f5c14e}.koko-nav-server-group{margin-bottom:.25rem}.koko-nav-server-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:.3rem .75rem .1rem 1.25rem;font-size:.7rem;font-weight:700;overflow:hidden}.koko-empty-indent{color:var(--text-muted);padding:.5rem .75rem .5rem 1.5rem;font-size:.82rem}.koko-footer-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.koko-user-status{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.koko-footer-icon-btn.active{color:var(--accent)}.koko-sidebar-footer{border-top:1px solid var(--border);background:var(--bg-surface);flex-direction:row;flex-shrink:0;align-items:center;gap:.25rem;padding:.5rem .6rem;display:flex}.koko-sidebar-footer-user{cursor:pointer;text-align:start;border-radius:var(--radius);background:0 0;border:none;flex:1;align-items:center;gap:.55rem;min-width:0;padding:.25rem .35rem;transition:background .12s;display:flex}.koko-sidebar-footer-user:hover{background:var(--bg-hover)}.koko-sidebar-footer-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.koko-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.koko-sidebar-footer-actions{align-items:center;gap:.25rem;display:flex}.koko-footer-icon-btn{cursor:pointer;color:var(--interactive-normal,var(--text-muted));background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:0;padding:.4rem;line-height:0;transition:background .1s,color .1s;display:flex}.koko-footer-icon-btn:hover{background:var(--bg-hover,#0000000f);color:var(--interactive-hover,var(--text))}.koko-footer-icon-btn svg{display:block}.koko-sidebar-footer-actions{flex-shrink:0}.koko-sidebar-footer-actions .koko-footer-icon-btn{flex:none;width:32px;height:32px;padding:.35rem}.koko-footer-icon-off,.koko-footer-icon-off:hover{color:#f23f42}.koko-footer-icon-off:hover{background:#f23f421f}.koko-sidebar-footer-user{flex:auto;min-width:0}.koko-footer-logout{font-size:1rem}.koko-chat-view{flex-direction:column;flex:1;min-width:0;display:flex}.koko-chat-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.koko-messages{flex:1;position:relative;overflow:hidden}.koko-message{flex-direction:column;gap:.15rem;padding:.4rem 1rem;display:flex;position:relative}.koko-message:hover{background:var(--bg-hover)}.koko-message-actions{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-mid,0 2px 8px #0000002e);opacity:0;pointer-events:none;z-index:20;border-radius:8px;align-items:center;gap:2px;padding:2px 4px;transition:opacity .15s ease-out;display:flex;position:absolute;top:4px;right:.75rem}.koko-message:hover .koko-message-actions,.koko-message-actions:focus-within{opacity:1;pointer-events:auto}.koko-pinned-bar{border-bottom:1px solid var(--border);background:var(--bg-surface);flex:none;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.koko-pinned-bar-main{border:none;border-left:3px solid var(--accent);cursor:pointer;text-align:left;min-width:0;color:var(--text);background:0 0;flex:auto;align-items:center;gap:.55rem;padding:.1rem 0 .1rem .6rem;display:flex}.koko-pinned-bar-main:hover{opacity:.82}.koko-pinned-bar-icon{flex:none;font-size:.95rem}.koko-pinned-bar-body{flex-direction:column;min-width:0;display:flex}.koko-pinned-bar-label{color:var(--accent);letter-spacing:.02em;font-size:.7rem;font-weight:700}.koko-pinned-bar-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.koko-pinned-bar-all{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:.2rem .45rem;font-size:1.05rem;line-height:1}.koko-pinned-bar-all:hover{background:var(--bg-hover);color:var(--text)}.koko-message-flash{animation:2.2s ease-out koko-msg-flash}.koko-message-row:has(.koko-message-flash){animation:2.2s ease-out koko-msg-flash}@keyframes koko-msg-flash{0%,18%{background:#f5b8402e}to{background:0 0}}.koko-message-action-btn{cursor:pointer;color:var(--interactive-normal,var(--text-muted,#888));background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:.9rem;line-height:0;transition:background .1s,color .1s;display:flex}.koko-message-action-btn:hover{background:var(--bg-hover,#ffffff14);color:var(--interactive-hover,var(--text,#eee))}.koko-message-action-btn svg{display:block}.koko-message-action-btn[aria-label=Удалить]:hover,.koko-message-action-btn[aria-label=Delete]:hover{color:var(--danger);background:#f047471a}.koko-message-mine{align-items:flex-end}.koko-message-sender{color:var(--accent);font-size:.75rem;font-weight:600}.koko-message-ai-badge{letter-spacing:.03em;background:var(--accent);color:var(--bg);vertical-align:middle;border-radius:.25rem;margin-inline-start:.375rem;padding:0 .35rem;font-size:.65rem;font-weight:700;line-height:1.3;display:inline-block}.koko-message-content{background:var(--bg-surface);border-radius:var(--radius);word-wrap:break-word;max-width:70%;padding:.5rem .75rem;font-size:.9rem;line-height:1.4}.koko-message-mine .koko-message-content{background:var(--accent);color:#fff}.koko-message-deleted .koko-message-content{color:var(--text-muted);font-style:italic}.koko-deleted-badge{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.82rem;font-style:italic;display:inline-flex}.koko-deleted-icon{opacity:.7;font-size:.85rem;font-style:normal}.koko-deleted-author{color:var(--text-muted);font-style:normal;font-weight:500}.koko-deleted-author:before{content:"· "}.koko-deleted-time{opacity:.7;font-style:normal}.koko-deleted-time:before{content:"· "}.koko-message-emoji{vertical-align:-5px;width:22px;height:22px;margin:0 1px}.koko-message-sticker{object-fit:contain;width:160px;height:160px;display:block}.koko-message-gif-link{line-height:0;display:inline-block}.koko-message-gif{border-radius:10px;width:auto;max-width:min(320px,100%);height:auto;max-height:320px;display:block}.koko-emoji-tabs{border-bottom:1px solid var(--border);gap:4px;padding:4px 4px 0;display:flex}.koko-emoji-tab{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 12px;font-size:.8125rem}.koko-emoji-tab.active{color:var(--text);border-bottom-color:var(--accent)}.koko-emoji-empty{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:.8125rem}.koko-sticker-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;padding:6px;display:grid}.koko-sticker-btn{appearance:none;cursor:pointer;border-radius:var(--radius);background:0 0;border:1px solid #0000;padding:2px;transition:background .1s}.koko-sticker-btn:hover{background:var(--bg-surface-hover,#ffffff14);border-color:var(--border)}.koko-sticker-btn img{width:100%;height:auto;display:block}.koko-message-translate-btn{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 5px;font-size:.85rem;line-height:1;transition:background .1s,color .1s}.koko-message-translate-btn[data-active=true]{color:var(--accent,#4a8cff)}.koko-message-translate-btn:hover:not(:disabled){background:var(--bg-hover,#ffffff14);color:var(--text,#eee)}.koko-message-translate-btn:disabled{cursor:progress;opacity:.6}.koko-message-translated{border-radius:var(--radius);background:var(--bg-surface);border-inline-start:3px solid var(--accent);max-width:70%;color:var(--text);margin-top:.25rem;padding:.5rem .75rem;font-size:.85rem;line-height:1.4}.koko-message-translate-error{color:var(--danger,#c0392b);margin-top:.2rem;font-size:.75rem}.koko-theme-toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;min-width:24px;min-height:24px;padding:.35rem .5rem;font-size:1rem;line-height:1;transition:background .15s}.koko-theme-toggle:hover{background:var(--bg-hover)}.koko-message-time{color:var(--text-muted);font-size:.7rem}.koko-message-edited{color:var(--text-muted);cursor:default;font-size:.72rem;font-style:italic}.koko-message-edited-time{opacity:.8;font-style:normal}.koko-typing{color:var(--text-muted);padding:.25rem 1rem;font-size:.8rem}.koko-chat-header{border-bottom:1px solid var(--border);background:var(--bg-surface);align-items:center;gap:.75rem;min-height:52px;padding:.75rem 1rem;display:flex}.koko-chat-header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;font-weight:600;overflow:hidden}.koko-chat-header-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.koko-header-icon-btn{color:var(--interactive-normal,var(--text-muted));cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;line-height:0;transition:background .1s,color .1s;display:flex}.koko-header-icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--interactive-hover,var(--text))}.koko-header-icon-btn.active{background:var(--bg-active,var(--bg-hover));color:var(--interactive-active,var(--accent))}.koko-header-icon-btn:disabled{opacity:.4;cursor:default}.koko-header-icon-btn svg{display:block}.koko-header-search{background:var(--bg);cursor:text;border-radius:4px;align-items:center;width:200px;height:28px;padding:0 .5rem;transition:width .12s,background .12s;display:flex;position:relative}.koko-header-search:hover,.koko-header-search:focus-within{background:var(--bg-active)}.koko-header-search-input{color:var(--text);cursor:text;background:0 0;border:none;outline:none;flex:auto;width:100%;padding:0;font-family:inherit;font-size:.8rem}.koko-header-search-input::placeholder{color:var(--text-muted);font-style:normal}.koko-header-search-icon{color:var(--text-muted);pointer-events:none;align-items:center;margin-left:.4rem;display:flex}@media (width<=720px){.koko-header-search{width:36px}.koko-header-search-input{display:none}}.koko-members-btn,.koko-call-btn,.koko-verify-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:.3rem .6rem;font-size:.8rem}.koko-members-btn:hover,.koko-call-btn:hover:not(:disabled),.koko-verify-btn:hover{color:var(--text);background:var(--bg-hover)}.koko-panel-body{flex:1;padding:.75rem 1rem;overflow-y:auto}.koko-panel-empty{color:var(--text-muted);text-align:center;margin-top:2rem;font-size:.85rem}.koko-room-info{flex-direction:column;gap:.75rem;display:flex}.koko-room-info-row{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:.6rem;display:flex}.koko-room-info-row:last-child{border-bottom:none}.koko-room-info-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:600}.koko-room-info-value{color:var(--text);word-break:break-all;font-size:.88rem}.koko-room-info-mono{color:var(--text-muted);font-family:monospace;font-size:.78rem}.koko-messages-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.koko-e2ee-notice{opacity:.75;border-radius:var(--radius);background:#6c5ce71a;border:1px solid #6c5ce733;padding:.5rem 1rem;font-size:.85rem}.koko-voice-invite-card{background:var(--bg-elevated);border-radius:var(--radius,8px);max-width:432px;color:var(--text);flex-direction:column;padding:1rem;font-size:.875rem;line-height:1.4;display:flex}.koko-voice-invite-header{color:var(--text-muted);text-transform:lowercase;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.78rem;font-weight:600;display:flex}.koko-voice-invite-header-icon{flex:none;font-size:.95rem}.koko-voice-invite-header-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);text-transform:none;flex:auto;font-weight:600;overflow:hidden}.koko-voice-invite-header-chevron{opacity:.5;flex:none;font-size:.95rem}.koko-voice-invite-body{flex-direction:column;gap:.2rem;margin-bottom:.85rem;display:flex}.koko-voice-invite-cta{color:var(--text);font-size:1rem;font-weight:600}.koko-voice-invite-subtitle{color:var(--text-muted);font-size:.85rem}.koko-voice-invite-btn{background:var(--accent);color:#fff;text-align:center;border-radius:var(--radius,8px);width:100%;padding:.55rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .1s;display:block}.koko-voice-invite-btn:hover{background:var(--accent-hover)}.koko-voice-invite-btn:focus-visible{outline:var(--focus-outline,2px solid var(--accent));outline-offset:2px}.koko-voice-invite-footer{color:var(--text-muted);margin-top:.75rem;font-size:.72rem;font-style:italic;line-height:1.35}.koko-invite-card{border-radius:var(--radius,8px);background:var(--bg-elevated,#6c5ce714);border:1px solid var(--border);align-items:center;gap:.65rem;min-width:280px;max-width:420px;padding:.6rem .75rem;font-size:.85rem;line-height:1.3;display:flex}.koko-invite-card-icon{flex:none;font-size:1.4rem}.koko-invite-card-body{flex:auto;min-width:0}.koko-invite-card-eyebrow{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.1rem;font-size:.72rem;font-weight:600}.koko-invite-card-code code{background:var(--bg);border-radius:var(--radius-sm,4px);color:var(--text);padding:0 .3rem;font-size:.82rem}.koko-invite-card-error{color:var(--danger);margin-top:.2rem;font-size:.78rem}.koko-invite-card-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;border:none;flex:none;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:background .1s}.koko-invite-card-btn:hover:not(:disabled){background:var(--accent-hover)}.koko-invite-card-btn:disabled{opacity:.6;cursor:not-allowed}.koko-invite-card-status{color:#43b581;flex:none;font-size:.82rem;font-weight:600}.koko-invite-card-link{color:var(--text-muted);border-radius:var(--radius-sm,4px);flex:none;padding:.2rem .4rem;text-decoration:none}.koko-invite-card-link:hover{background:var(--bg-hover);color:var(--text)}.koko-search-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:flex-start;padding-top:8vh;display:flex;position:fixed;inset:0}.koko-search-modal{background:var(--bg-floating,#111214);border:1px solid var(--border);border-radius:var(--radius-lg,16px);width:min(600px,92vw);max-height:70vh;box-shadow:var(--shadow-high,0 8px 24px #0000005c);flex-direction:column;display:flex;overflow:hidden}.koko-search-header{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.koko-search-icon{opacity:.7;font-size:1.05rem}.koko-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:auto;padding:.25rem 0;font-family:inherit;font-size:.95rem}.koko-search-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;padding:.2rem .5rem;font-size:1.2rem;line-height:1}.koko-search-close:hover{background:var(--bg-hover);color:var(--text)}.koko-search-results{flex:auto;padding:.5rem 0;overflow-y:auto}.koko-search-hint{color:var(--text-muted);text-align:center;margin:0;padding:1rem 1.25rem;font-size:.85rem;line-height:1.5}.koko-search-list{margin:0;padding:0;list-style:none}.koko-search-list li{margin:0;padding:0}.koko-search-hit{text-align:left;cursor:pointer;width:100%;color:var(--text);font:inherit;background:0 0;border:none;border-radius:0;flex-direction:column;gap:.2rem;padding:.55rem 1rem;display:flex}.koko-search-hit:hover{background:var(--bg-hover)}.koko-search-hit-meta{color:var(--text-muted);flex-wrap:wrap;font-size:.78rem;display:flex}.koko-search-hit-meta strong{color:var(--text);font-weight:600}.koko-search-hit-author,.koko-search-hit-time{white-space:nowrap}.koko-search-hit-snippet{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.koko-system-message{color:var(--text-muted);align-items:center;gap:.55rem;padding:.15rem 0;font-size:.84rem;line-height:1.4;display:flex}.koko-system-message-icon{opacity:.75;text-align:center;flex:none;width:1.2rem;font-size:.95rem}.koko-system-message-text{overflow-wrap:anywhere;flex:auto;min-width:0}.koko-system-message-secondary{opacity:.65}.koko-system-message-time{opacity:.6;white-space:nowrap;flex:none;margin-left:.5rem;font-size:.7rem}.koko-system-message-call_missed .koko-system-message-icon{color:var(--danger,#f23f42)}.koko-system-message-friend_accept .koko-system-message-icon,.koko-system-message-voice_join .koko-system-message-icon,.koko-system-message-voice_leave .koko-system-message-icon{color:#43b581}.koko-dm-intro{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;padding:1.5rem 1.25rem 1rem;display:flex}.koko-dm-intro .koko-message-avatar{margin-bottom:.25rem}.koko-dm-intro-name{color:var(--text,#e3e5e8);margin:0;font-size:1.5rem;font-weight:700}.koko-dm-intro-lede{color:var(--text-muted);max-width:540px;margin:0 0 .5rem;font-size:.9rem}.koko-dm-intro-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.koko-dm-intro-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.82rem;font-weight:500;transition:background .1s,border-color .1s}.koko-dm-intro-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.koko-dm-intro-btn:disabled{opacity:.5;cursor:not-allowed}.koko-dm-intro-btn-danger{color:#f04747;border-color:#f0474766}.koko-dm-intro-btn-danger:hover:not(:disabled){background:#f0474714;border-color:#f0474799}.koko-messages-empty .koko-dm-intro{text-align:center;border-bottom:none;align-items:center;padding-top:0}.koko-messages-empty .koko-dm-intro-lede{text-align:center}.koko-input-bar{border-top:1px solid var(--border);background:var(--bg-surface);align-items:flex-end;gap:.3rem;padding:.5rem .75rem .6rem;display:flex}.koko-input-bar .koko-btn-ghost{color:var(--interactive-normal,var(--text-muted));cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:.45rem .5rem;font-size:1.05rem;font-weight:600;transition:background .1s,color .1s;display:flex}.koko-input-bar .koko-btn-ghost:hover{background:var(--bg-hover);color:var(--interactive-hover,var(--text))}.koko-input-bar .koko-btn-ghost svg{display:block}.koko-input-plus{margin-bottom:2px;font-weight:300;background:var(--border)!important;color:var(--text-muted)!important;border-radius:50%!important;width:32px!important;height:32px!important;font-size:1.35rem!important}.koko-input-plus.active,.koko-input-plus:hover{background:var(--accent)!important;color:#fff!important}.koko-action-tray{background:var(--bg-floating,var(--bg-elevated));border:1px solid var(--border);box-shadow:var(--shadow-mid,0 4px 12px #00000047);border-radius:8px;flex-direction:column;gap:2px;max-width:280px;margin:0 .5rem .4rem;padding:6px;animation:.12s ease-out traySlideIn;display:flex}@keyframes traySlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.koko-action-tray-btn{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:4px;flex-direction:row;align-items:center;gap:.6rem;padding:.45rem .6rem;transition:background 80ms;display:flex}.koko-action-tray-btn:hover{background:var(--bg-hover)}.koko-action-tray-btn:disabled{opacity:.4;cursor:not-allowed}.koko-action-tray-icon{width:22px;height:22px;color:var(--interactive-normal,var(--text-muted));flex:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.koko-action-tray-btn:hover .koko-action-tray-icon{color:var(--interactive-hover,var(--text))}.koko-action-tray-label{color:var(--text);white-space:nowrap;font-size:.875rem;font-weight:500}.koko-input{background:var(--bg-surface);border:1.5px solid var(--border);color:var(--text);resize:none;box-sizing:border-box;border-radius:20px;flex:1;height:auto;max-height:160px;padding:.55rem .9rem;font-family:inherit;font-size:.9rem;line-height:1.4;overflow-y:auto}.koko-input:focus{border-color:var(--accent);outline:none}.koko-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb,99, 102, 241), .18);outline:none}.koko-mention-autocomplete{z-index:40;background:var(--bg-floating,var(--bg-elevated,#2b2d31));border:1px solid var(--border);border-radius:8px;max-width:460px;max-height:320px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;overflow-y:auto;box-shadow:0 8px 28px #00000080}.koko-mention-section{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:6px 8px 4px;font-size:11px;font-weight:700}.koko-mention-row{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.koko-mention-row.active{background:var(--brand,#5865f2);color:#fff}.koko-mention-avatar{flex:none;width:24px;height:24px;display:inline-flex}.koko-mention-special-glyph{background:var(--bg,#ffffff1a);width:24px;height:24px;color:var(--brand,#5865f2);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.koko-mention-row.active .koko-mention-special-glyph{color:#fff;background:#fff3}.koko-mention-label{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:45%;font-size:13.5px;font-weight:600;overflow:hidden}.koko-mention-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:12px;overflow:hidden}.koko-mention-row.active .koko-mention-sub{color:#fffc}.koko-send-btn{white-space:nowrap;flex-shrink:0;align-items:center;height:36px;padding:.5rem 1rem;font-size:.88rem;display:flex;border-radius:20px!important;width:auto!important}.koko-input-wrapper{flex-direction:column;display:flex;position:relative}.koko-smart-replies{flex-wrap:wrap;gap:.35rem;padding:.5rem 1rem 0;display:flex}.koko-smart-replies-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.koko-smart-reply-chip{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;line-height:1.3}.koko-smart-reply-chip:hover{border-color:var(--accent)}.koko-voice-recorder{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.koko-voice-dot{color:#e04747;animation:1.2s infinite koko-voice-pulse}@keyframes koko-voice-pulse{0%,to{opacity:1}50%{opacity:.35}}.koko-vv-btn{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.koko-vv-btn.koko-vv-video{color:var(--accent)}.koko-vv-btn:active{transform:scale(1.15)}.koko-vv-recording{border-radius:var(--radius);white-space:nowrap;background:#e047471f;border:1px solid #e0474766;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.35rem .7rem;display:flex}.koko-vv-dot{color:#e04747;flex-shrink:0;animation:1.2s infinite koko-voice-pulse}.koko-vv-dot.cancel{color:#f0a020}.koko-vv-time{font-variant-numeric:tabular-nums;color:var(--text);flex:1;min-width:0;font-size:.85rem}.koko-vv-rec-btn{cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background 80ms,color 80ms,transform 80ms;display:inline-flex}.koko-vv-rec-btn:active{transform:scale(.92)}.koko-vv-rec-cancel{color:var(--text-muted,#b5bac1);background:0 0}.koko-vv-rec-cancel:hover{color:#f23f42;background:#f23f4226}.koko-vv-rec-send{background:var(--brand,#5865f2);color:#fff}.koko-vv-rec-send:hover{filter:brightness(1.1)}.koko-vv-error{color:#fff;white-space:nowrap;background:#c62828;border-radius:6px;max-width:240px;padding:3px 8px;font-size:11px;position:absolute;bottom:calc(100% + 6px);right:0}.koko-voice-time{font-variant-numeric:tabular-nums;color:var(--text);font-size:.85rem}.koko-voice-error{color:#e04747;font-size:.75rem}.koko-voice-transcribe-btn{background:var(--bg);min-width:1.6rem;height:1.6rem;color:var(--fg);cursor:pointer;opacity:.8;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 .4rem;font-size:.7rem;font-weight:700;display:inline-flex}.koko-voice-transcribe-btn:hover:not(:disabled){opacity:1}.koko-voice-transcribe-btn:disabled{cursor:progress;opacity:.55}.koko-voice-transcript{background:var(--bg-surface);border-radius:var(--radius);color:var(--fg-muted);word-wrap:break-word;padding:.35rem .6rem;font-size:.85rem;font-style:italic}.koko-voice-transcript-error{color:var(--danger,#c64545);font-style:normal}.koko-voice-play{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-size:.85rem}.koko-voice-waveform{flex:1;align-items:center;gap:2px;height:32px;display:flex}.koko-voice-bar{background:var(--text-muted);border-radius:1px;width:2px;display:inline-block}.koko-voice-bar-placeholder{opacity:.35}.koko-voice-duration{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.75rem}.search-semantic-toggle{color:var(--text-muted);align-items:center;gap:.4rem;padding:.25rem 0 .5rem;font-size:.8rem;display:flex}.search-recent{flex-direction:column;gap:.25rem;padding:.5rem 0;display:flex}.search-recent-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:baseline;font-size:.75rem;display:flex}.search-recent-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.search-recent-clear:hover{color:var(--text)}.search-recent-item{color:var(--text);cursor:pointer;text-align:start;border-radius:var(--radius);background:0 0;border:none;padding:.4rem .5rem;font-size:.9rem}.settings-page{background:var(--bg-surface,#fff);flex-direction:column;height:100%;display:flex;overflow:hidden}.settings-nav{border-bottom:1px solid var(--border);background:var(--bg-surface);scrollbar-width:none;flex-shrink:0;align-items:center;gap:.15rem;min-height:46px;padding:0 1rem;display:flex;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav>button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:.7rem .85rem;font-size:.85rem;transition:color .15s,border-color .15s}.settings-nav>button:hover{color:var(--text)}.settings-nav>button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.settings-nav-spacer{flex:1}.settings-logout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:.35rem .85rem;font-size:.82rem;transition:background .12s,color .12s}.settings-logout:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.settings-content{flex:1;width:100%;max-width:680px;padding:1.75rem 2rem;overflow-y:auto}.settings-section{flex-direction:column;gap:.9rem;display:flex}.settings-section>h2{color:var(--text);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.settings-section>h3{color:var(--text);margin:.5rem 0 0;font-size:.95rem;font-weight:600}.settings-section label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.settings-section label>input,.settings-section label>select,.settings-section>input,.settings-section>select{border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:10px;outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.settings-section label>input:focus,.settings-section label>select:focus,.settings-section>input:focus,.settings-section>select:focus{border-color:var(--accent)}.settings-section>button,.settings-section .security-item>button,.settings-section .totp-enroll>button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;padding:.5rem 1.25rem;font-size:.88rem;font-weight:600;transition:opacity .15s}.settings-section>button:hover,.settings-section .security-item>button:hover,.settings-section .totp-enroll>button:hover{opacity:.85}.settings-section>button:disabled,.settings-section .security-item>button:disabled{opacity:.5;cursor:not-allowed}.settings-section .totp-enroll>button:last-of-type{border:1.5px solid var(--border);color:var(--text);background:0 0}.settings-error{color:#ef4444;margin:0;font-size:.84rem}.settings-success{color:#22c55e;margin:0;font-size:.84rem}.session-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.session-device{color:var(--text);font-size:.9rem;font-weight:600}.session-time{color:var(--text-muted);font-size:.78rem}.session-revoke{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;align-self:flex-start;margin-top:.4rem;padding:.3rem .8rem;font-size:.8rem;transition:background .12s}.session-revoke:hover{background:#ef44440f}.session-revoke-all{color:#ef4444;cursor:pointer;background:#ef44440f;border:1px solid #ef4444;border-radius:10px;padding:.45rem 1.2rem;font-size:.85rem;font-weight:600;transition:background .12s}.session-revoke-all:hover{background:#ef444420}.security-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.45rem;padding:1rem 1.1rem;display:flex}.security-item>h3{color:var(--text);margin:0;font-size:.95rem;font-weight:600}.security-item>p{color:var(--text-muted);margin:0;font-size:.85rem}.totp-enroll{flex-direction:column;gap:.6rem;padding:.75rem 0;display:flex}.totp-qr{border:1px solid var(--border);border-radius:10px;width:180px;height:180px}.totp-secret{background:var(--bg-surface);border:1px solid var(--border);letter-spacing:.08em;-webkit-user-select:all;user-select:all;color:var(--accent);border-radius:6px;padding:.15rem .45rem;font-size:.82rem}.settings-section>select{align-self:flex-start;min-width:200px}.settings-toggle{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.85rem;margin:0;padding:.75rem 0;font-size:.92rem;display:flex}.settings-toggle:last-of-type{border-bottom:none}.settings-toggle input[type=checkbox]{appearance:none;background:var(--border);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;order:999;width:44px;min-width:44px;height:26px;margin-left:auto;padding:0;transition:background .22s;position:relative}.settings-toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.settings-toggle input[type=checkbox]:checked{background:var(--accent)}.settings-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.settings-toggle input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.settings-toggle-text{flex-direction:column;flex:1;gap:.1rem;display:flex}.settings-subsection{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;margin-top:.5rem;padding:0 1rem}.settings-subsection:disabled{opacity:.5;pointer-events:none}.settings-subsection legend{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 .4rem;font-size:.78rem;font-weight:600}.settings-hint{color:var(--text-muted);font-size:.85rem}.settings-hint-inline{color:var(--text-muted);margin-inline-start:.35rem;font-size:.75rem}.koko-chat-area{flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.koko-chat-area .koko-chat-view{flex:1;min-width:0;overflow:hidden}.koko-members-panel{background:var(--bg-surface);border-inline-start:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.koko-members-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.9rem;font-weight:600;display:flex}.koko-members-panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}.koko-members-panel-close:hover{color:var(--text)}.koko-group-members{flex:1;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.koko-group-members-row{justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;display:flex}.koko-group-members-row:hover{background:var(--bg-hover)}.koko-group-members-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.koko-group-members-remove{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;padding:2px 8px;font-size:.75rem}.koko-group-members-remove:hover{background:var(--danger);color:#fff}.koko-group-members-loading,.koko-group-members-error{color:var(--text-muted);padding:12px 14px;font-size:.85rem}.koko-message-meta{align-items:center;gap:.5rem;display:flex}.koko-message-receipt{color:var(--text-muted);opacity:.75;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;line-height:1;position:absolute;bottom:4px;right:10px}.koko-message-receipt.read{color:#4fc3f7;opacity:.95}.koko-message-forwarded{border-left:2px solid var(--accent,#5865f2);max-width:70%;color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:.2rem;padding:.1rem 0 .15rem .5rem;font-size:.75rem;display:flex}.koko-message-mine .koko-message-forwarded{align-self:flex-end}.koko-message-forwarded-icon{opacity:.85;font-size:.85rem}.koko-message-forwarded-avatar{flex:none;display:inline-flex}.koko-message-forwarded-label{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.koko-dm-newgroup-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.koko-dm-newgroup-btn:hover{background:var(--bg-elevated,#ffffff0f);color:var(--text)}.koko-dm-newgroup-btn[aria-expanded=true]{color:var(--accent)}.koko-thread-btn{color:var(--accent,#4a8cff);cursor:pointer;background:#4a8cff14;border:1px solid #4a8cff33;border-radius:10px;align-self:flex-start;margin-top:.15rem;padding:.15rem .5rem;font-size:.75rem;transition:background .15s}.koko-thread-btn:hover{background:#4a8cff2e}.koko-message-thread-btn{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.15rem .3rem;font-size:.9rem;line-height:1;transition:background .12s,color .12s}.koko-message-thread-btn:hover{color:var(--text,#eee);background:#ffffff1a}.koko-thread-panel{border-inline-start:1px solid var(--border,#333);background:var(--bg-surface,#1a1a2e);flex-direction:column;flex-shrink:0;width:360px;min-width:280px;animation:.18s slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.koko-thread-header{border-bottom:1px solid var(--border,#333);background:var(--bg-surface,#1a1a2e);z-index:1;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.koko-thread-header h3{color:var(--text,#eee);margin:0;font-size:.95rem;font-weight:600}.koko-thread-parent{border-bottom:1px solid var(--border,#333);background:#ffffff08;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.koko-thread-parent .koko-message-sender{color:var(--accent,#4a8cff);font-size:.78rem;font-weight:600}.koko-thread-parent .koko-message-content{max-width:100%;color:var(--text,#eee);font-size:.85rem;line-height:1.4}.koko-thread-parent .koko-message-time{color:var(--text-muted,#888);font-size:.7rem}.koko-thread-divider{color:var(--text-muted,#888);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.7rem;display:flex}.koko-thread-divider:before,.koko-thread-divider:after{content:"";background:var(--border,#333);flex:1;height:1px}.koko-thread-messages{flex:1;overflow:hidden}.koko-thread-empty{height:100%;color:var(--text-muted,#888);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.koko-thread-empty:before{content:"💬";opacity:.5;font-size:2rem}.document-view,.whiteboard-view{flex-direction:column;height:100%;min-height:0;display:flex}.document-header,.whiteboard-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.document-title{color:var(--text);background:0 0;border:none;flex:1;font-family:inherit;font-size:1.05rem}.document-title:focus{outline:1px solid var(--accent);border-radius:var(--radius)}.document-sync{color:var(--text-muted);font-size:.75rem}.document-body{background:var(--bg);color:var(--text);resize:none;border:none;outline:none;flex:1;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.5}.document-body:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.document-empty,.document-error{color:var(--text-muted);padding:1rem}.whiteboard-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.whiteboard-toolbar button{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:.35rem .7rem;font-size:.85rem}.whiteboard-toolbar button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--bg-surface))}.whiteboard-color-swatches,.whiteboard-width-stops{gap:.25rem;padding:0 .35rem;display:flex}.whiteboard-swatch{cursor:pointer;border:2px solid #0000;border-radius:999px;width:1.5rem;height:1.5rem;padding:0}.whiteboard-swatch.active{border-color:var(--accent)}.whiteboard-canvas-wrap{background:var(--bg);flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative}.whiteboard-canvas{border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:16/9;touch-action:none;cursor:crosshair;background:#fff;width:auto;max-width:100%;height:auto;max-height:100%}.whiteboard-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.whiteboard-keyboard-cursor{border:2px solid var(--accent);pointer-events:none;background:#6c5ce72e;border-radius:999px;width:16px;height:16px;margin-top:-8px;margin-left:-8px;position:absolute;box-shadow:0 0 0 1px #fff9}.whiteboard-keyboard-cursor-drawing{background:var(--accent)}.whiteboard-shortcuts{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);border-radius:6px;margin:.5rem 1rem 1rem;padding:.5rem .75rem;font-size:.85rem}.whiteboard-shortcuts summary{cursor:pointer;color:var(--text);font-weight:500}.whiteboard-shortcuts ul{margin:.5rem 0 0;padding-inline-start:1.25rem}.whiteboard-shortcuts li{margin-bottom:.25rem}.koko-attachment-tray{border-top:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;display:flex}.koko-attachment-chip{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;max-width:14rem;padding:.25rem .5rem;display:inline-flex}.koko-attachment-preview{object-fit:cover;border-radius:4px;width:2rem;height:2rem}.koko-attachment-icon{font-size:1.25rem;line-height:1}.koko-attachment-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:.85rem;overflow:hidden}.koko-attachment-remove{padding:0 .25rem;font-size:1rem;line-height:1}.koko-image-editor-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.koko-image-editor{color:#fff;flex-direction:column;width:100%;max-width:100vw;height:100%;max-height:100vh;display:flex}.koko-image-editor-title{font-weight:600}.koko-image-editor-canvas{flex:auto;justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}.koko-image-editor-tools .koko-btn{color:#fff;font-size:1.25rem}.koko-attachment-list{flex-direction:column;gap:.375rem;margin-top:.25rem;display:flex}.koko-attachment{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:.5rem;max-width:22rem;padding:.375rem .625rem;text-decoration:none;display:inline-flex}.koko-attachment:hover{border-color:var(--accent)}.koko-attachment-image{max-width:16rem;padding:0;overflow:hidden}.koko-attachment-image img{object-fit:contain;max-width:100%;height:auto;max-height:16rem;display:block}.koko-attachment-video{aspect-ratio:16/9;border-radius:var(--radius);object-fit:contain;background:#000;border:0;width:100%;max-width:24rem;height:auto;padding:0;display:block}.koko-attachment-meta{flex-direction:column;flex:auto;min-width:0;display:flex}.koko-attachment-error,.koko-attachment-loading{color:var(--text-muted,#777);font-size:.85rem}.meeting-captions{color:#fff;z-index:20;pointer-events:none;background:#000000bf;border-radius:8px;max-width:min(720px,90%);padding:8px 12px;font-size:14px;line-height:1.4;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.meeting-captions-banner{color:#ffd166;margin-bottom:4px;font-size:12px}.meeting-captions-scroll{max-height:96px;overflow-y:hidden}.meeting-captions-row{gap:6px;margin-bottom:2px;display:flex}.meeting-captions-speaker{opacity:.7;min-width:60px}.meeting-captions-text{flex:1}.meeting-captions-hint{opacity:.6;font-style:italic}.meeting-captions-controls{justify-content:flex-end;padding:0 .5rem .25rem;font-size:.75rem;display:flex}.meeting-captions-lang-label{color:#ffffffd9;align-items:center;gap:.25rem;display:inline-flex}.meeting-captions-lang-select{color:inherit;background:#00000073;border:1px solid #ffffff4d;border-radius:.25rem;padding:.1rem .3rem}.meeting-captions-original{opacity:.5;margin-inline-start:.5rem;font-size:.75em;font-style:italic}.koko-attachment-pdf-visual{flex-direction:column;align-items:stretch;max-width:240px;padding:0;overflow:hidden}.koko-attachment-pdf-visual .koko-attachment-meta{border-top:1px solid var(--border);background:var(--bg-surface);flex-direction:row;align-items:center;gap:.4rem;padding:.5rem .75rem}.koko-attachment-pdf-thumb{object-fit:cover;background:var(--bg);width:100%;max-height:320px;display:block}.koko-attachment-pdf-loading{background:linear-gradient(90deg, var(--bg-surface) 0%, var(--bg) 50%, var(--bg-surface) 100%);background-size:200% 100%;border-radius:8px;width:220px;height:280px;animation:1.4s ease-in-out infinite koko-pdf-shimmer}@keyframes koko-pdf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.calendar-subs{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;margin-top:24px;padding:16px 18px}.calendar-subs-header h2{margin:0 0 4px;font-size:1rem}.calendar-subs-hint{color:var(--text-muted);margin:0 0 12px;font-size:.875rem}.calendar-subs-error{color:var(--danger,#c94141);margin:0 0 8px;font-size:.875rem}.calendar-subs-issue{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.calendar-subs-issue label{flex-direction:column;flex:200px;gap:4px;font-size:.875rem;display:flex}.calendar-subs-issue input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 8px}.calendar-subs-issued{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin-bottom:12px;padding:10px 12px}.calendar-subs-issued-note{color:var(--text-muted);margin:0 0 8px;font-size:.875rem}.calendar-subs-url-row{align-items:center;gap:8px;margin-top:6px;display:flex}.calendar-subs-url{font-family:var(--font-mono,ui-monospace, monospace);background:var(--bg-surface);white-space:nowrap;border-radius:6px;flex:1;padding:6px 8px;font-size:.8125rem;overflow-x:auto}.calendar-subs-list ul{margin:0;padding:0;list-style:none}.calendar-subs-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.calendar-subs-row:first-child{border-top:none}.calendar-subs-row-main{flex-direction:column;gap:2px;display:flex}.calendar-subs-row-meta{color:var(--text-muted);font-size:.8125rem}.soundboard-panel{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.soundboard-empty{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);margin-top:12px;padding:12px;font-size:.8125rem}.soundboard-hint{color:var(--text-muted);padding:2px 4px;font-size:.8125rem}.soundboard-pack-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 6px;font-size:.75rem;font-weight:600}.soundboard-clip-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;display:grid}.soundboard-clip-btn{appearance:none;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:6px 8px;font-size:.8125rem;transition:background .1s}.soundboard-clip-btn:hover{background:var(--bg-surface-hover,var(--accent));color:#fff}.soundboard-clip-btn:active{transform:scale(.97)}.koko-md p{white-space:pre-wrap;word-break:break-word;margin:0}.koko-md p+p{margin-top:4px}.koko-md h3,.koko-md h4,.koko-md h5{margin:4px 0 2px;line-height:1.25}.koko-md-inline-code{background:var(--bg-surface,#0000000f);border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.koko-md-codeblock{background:var(--bg-surface,#0000000f);border-radius:6px;margin:4px 0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.koko-md-codeblock code{white-space:pre}.koko-md-quote{border-inline-start:3px solid var(--border,#999);color:var(--text-muted,#666);margin:2px 0;padding:0 10px}.koko-md-link{color:var(--accent,#4f8cf7);text-decoration:underline}.koko-md-mention{background:var(--accent,#4f8cf726);color:#fff;border-radius:4px;padding:0 4px;font-weight:500}.koko-md-spoiler{background:var(--text,#222);color:#0000;cursor:pointer;border-radius:3px;padding:0 4px;transition:color .15s}.koko-md-spoiler:hover,.koko-md-spoiler:focus{color:inherit}.koko-message-previews{flex-direction:column;gap:6px;margin-top:4px;display:flex}.koko-preview-media img{border-radius:8px;max-width:360px;max-height:240px;display:block}.koko-preview-rich{border:1px solid var(--border,#ccc);border-inline-start:3px solid var(--accent,#4f8cf7);background:var(--bg-surface,transparent);color:inherit;border-radius:6px;align-items:center;gap:8px;max-width:420px;padding:6px 8px;text-decoration:none;display:flex}.koko-preview-video{border-inline-start-color:#ed4245}.koko-preview-icon{background:var(--bg,#0000002e);width:36px;height:36px;color:var(--text-muted,#888);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.koko-preview-video .koko-preview-icon{color:#ed4245}.koko-preview-thumb{object-fit:cover;border-radius:4px;flex:none;width:56px;height:56px}.koko-preview-text{flex-direction:column;gap:2px;min-width:0;display:flex}.koko-preview-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.koko-preview-provider{color:var(--text-muted,#888);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.koko-sidebar-tabs{gap:.25rem;display:flex}.koko-sidebar-tab{border:1px solid var(--border);color:var(--text-muted,#888);cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.875rem;display:inline-flex}.koko-sidebar-tab-active{background:var(--bg-subtle,#7f7f7f14);color:var(--text);border-color:var(--accent,#4a8cff)}.koko-sidebar-tab-count{background:var(--accent,#4a8cff);color:#fff;border-radius:999px;padding:0 .4rem;font-size:.7rem;line-height:1.3}.koko-thread-header-actions{align-items:center;gap:.4rem;display:inline-flex}.koko-thread-follow{border:1px solid var(--border);cursor:pointer;color:var(--text-muted,#888);background:0 0;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.koko-thread-follow-active{background:var(--accent,#4a8cff);color:#fff;border-color:var(--accent,#4a8cff)}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.koko-date-separator{color:var(--text-muted,#888);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.75rem;margin:1.2rem .5rem .6rem;font-size:.72rem;display:flex}.koko-date-separator:before,.koko-date-separator:after{content:"";background:var(--border,#333);flex:1;height:1px}.koko-poll{flex-direction:column;gap:8px;min-width:240px;max-width:360px;display:flex}.koko-poll-prompt{color:var(--text);word-break:break-word;margin:0;font-weight:600;line-height:1.3}.koko-poll-options{gap:6px;display:grid}.koko-poll-option{text-align:left;border:1px solid var(--border);background:var(--bg-elevated,#8080801f);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:.9rem;transition:border-color .12s,background .12s;display:block;position:relative;overflow:hidden}.koko-poll-option:hover:not(:disabled){border-color:var(--accent)}.koko-poll-option:disabled{cursor:default}.koko-poll-fill{background:var(--accent);opacity:.28;pointer-events:none;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.koko-poll-option.koko-poll-picked{border-color:var(--accent)}.koko-poll-option.koko-poll-picked .koko-poll-fill{opacity:.42}.koko-poll-label{justify-content:space-between;align-items:baseline;gap:10px;display:flex;position:relative}.koko-poll-label-text{word-break:break-word}.koko-poll-label-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.82rem}.koko-poll-option.koko-poll-picked .koko-poll-label-meta{color:var(--text)}.koko-poll-total{color:var(--text-muted);margin:2px 0 0;font-size:.72rem}.koko-message.koko-message-grouped{margin-top:.15rem}.koko-message:not(.koko-message-grouped){margin-top:.85rem}.koko-message-sender{color:var(--accent,#4a8cff);margin-bottom:.2rem;font-size:.78rem;font-weight:600;display:block}.koko-message-row{align-items:flex-start;gap:1rem;padding:2px 1rem;display:flex;position:relative}.koko-message-row:hover{background:var(--bg-hover)}.koko-message-row-grouped{margin-top:2px}.koko-message-row:not(.koko-message-row-grouped){margin-top:1.0625rem}.koko-message-gutter{flex:0 0 40px;justify-content:center;width:40px;padding-top:0;display:flex}.koko-message-row .koko-message{flex:auto;min-width:0;margin-top:0;padding:0 .25rem}.koko-message-row .koko-message-mine{align-items:flex-start}.koko-message-row .koko-message-mine .koko-message-content{background:var(--bg-surface);color:inherit}.koko-message-row .koko-message-content{background:0 0;max-width:100%;padding:0}.koko-message-row .koko-message-mine .koko-message-content{background:0 0}.koko-message-row:hover .koko-message-actions{opacity:1;pointer-events:auto}.koko-message-header{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.15rem;display:flex}.koko-message-row .koko-message-header .koko-message-sender{color:var(--text,#e3e5e8);margin:0;font-size:1rem;font-weight:500;display:inline}.koko-message-row .koko-message-header .koko-message-sender-btn{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.koko-message-row .koko-message-header .koko-message-sender-btn:hover{text-decoration:underline}.koko-message-header-time{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.koko-message-avatar{justify-content:center;align-items:center;display:flex}.koko-message-avatar img{display:block}.koko-message-row .koko-message-mine .koko-message-header .koko-message-sender{display:inline}.koko-message-quote{color:var(--text-muted);align-items:center;gap:.3rem;min-width:0;max-width:100%;margin:2px 0 1px;padding:1px 6px 2px 0;font-size:.8rem;display:flex;position:relative}.koko-message-quote:before{content:"";border-left:2px solid var(--border);border-top:2px solid var(--border);pointer-events:none;border-top-left-radius:8px;width:22px;position:absolute;top:50%;bottom:-7px;left:-22px}.koko-message-quote-btn{text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:4px;width:auto;max-width:100%;transition:background 80ms,color 80ms}.koko-message-quote-btn:hover{background:var(--bg-hover);color:var(--text)}.koko-message-quote-btn:hover:before{border-color:var(--accent)}.koko-message-quote-missing,.koko-message-quote-deleted{opacity:.82}.koko-message-quote-missing .koko-message-quote-text,.koko-message-quote-deleted .koko-message-quote-text{font-style:italic}.koko-message-quote-arrow{color:var(--text-muted);opacity:.7;flex:none;font-size:.85rem;transform:scaleX(-1)}.koko-message-quote-avatar{flex:none;display:inline-flex}.koko-message-quote-avatar .koko-message-avatar{margin:0}.koko-message-quote-placeholder-avatar{background:var(--bg-elevated);width:16px;height:16px;color:var(--text-muted);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex}.koko-message-quote-author{color:var(--text);white-space:nowrap;flex:none;font-size:.875rem;font-weight:500}.koko-message-quote-text{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.875rem;overflow:hidden}.koko-reply-banner{background:var(--bg-elevated,#4a8cff1a);border-top:2px solid var(--accent,#4a8cff);border-radius:8px 8px 0 0;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.koko-reply-banner-label{color:var(--accent,#4a8cff);white-space:nowrap;font-weight:600}.koko-reply-banner-preview{color:var(--text-muted,#aaa);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.koko-reply-banner-close{cursor:pointer;color:var(--text-muted,#888);background:0 0;border:none;border-radius:4px;padding:0 .2rem;font-size:1.1rem;line-height:1}.koko-reply-banner-close:hover{color:var(--text,#fff)}.koko-message-edit-form{flex-direction:column;gap:.4rem;display:flex}.koko-message-edit-input{background:var(--bg-input,#1e1e1e);border:1px solid var(--accent,#4a8cff);width:100%;color:var(--text,#eee);resize:vertical;border-radius:6px;min-height:2.5rem;padding:.4rem .6rem;font-size:.9rem}.koko-message-edit-actions{justify-content:flex-end;gap:.5rem;display:flex}.koko-ctx-backdrop{z-index:199;background:0 0;position:fixed;inset:0}.koko-ctx-menu{z-index:200;background:var(--bg-elevated);border:1px solid var(--border);min-width:190px;color:var(--text);border-radius:10px;padding:6px;position:fixed;box-shadow:0 8px 24px #00000040}.koko-ctx-item{cursor:pointer;width:100%;color:var(--text,#eee);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.85rem;display:flex}.koko-ctx-item:hover:not(:disabled){background:var(--bg-hover)}.koko-ctx-item:disabled{opacity:.4;cursor:default}.koko-ctx-item-sub{padding-left:1.4rem;font-size:.8rem}.koko-ctx-item-danger{color:#e66}.koko-ctx-item-danger:hover{background:#e650501f}.koko-ctx-submenu{border-top:1px solid var(--border,#444);margin-top:4px;padding-top:4px}.koko-ctx-error{color:#e66;margin:0;padding:4px 8px;font-size:.75rem}.call-notice-toast{z-index:1001;background:var(--bg-elevated,#1e1e2e);border:1px solid var(--border,#3a3b3e);color:var(--text,#f0f2f5);border-radius:12px;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.9rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.call-notice-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1rem}.call-notice-close:hover{opacity:1}.koko-call-incoming{z-index:1000;background:var(--bg-elevated,#1e1e2e);border:1px solid var(--accent,#4a8cff);border-radius:16px;align-items:center;gap:1.5rem;min-width:320px;padding:1rem 1.5rem;animation:.3s call-slide-in;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@keyframes call-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.call-avatar-ring{font-size:2rem;animation:1s ease-in-out infinite call-ring-pulse}@keyframes call-ring-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)rotate(10deg)}}.call-info{flex:1;align-items:center;gap:.75rem;display:flex}.call-label{color:var(--text-muted,#888);font-size:.75rem;display:block}.call-from{color:var(--text,#eee);font-size:1rem;font-weight:600;display:block}.call-actions{gap:.5rem;display:flex}.call-btn.accept,.koko-call-accept{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:999px;padding:.5rem 1.2rem;font-weight:600;transition:background .15s}.call-btn.accept:hover{background:#16a34a}.call-btn.reject,.koko-call-reject{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:999px;padding:.5rem 1.2rem;font-weight:600;transition:background .15s}.call-btn.reject:hover{background:#dc2626}.active-call-view{z-index:500;background:#0a0a14;flex-direction:column;display:flex;position:fixed;inset:0}.koko-inline-call{border-bottom:1px solid var(--border);background:#000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:320px;padding:22px 16px;display:flex;position:relative;overflow:hidden}.koko-inline-call.koko-inline-call-expanded:not(.koko-group-call){z-index:300;border-bottom:0;justify-content:center;gap:16px;padding:20px;position:absolute;inset:0}@media (width<=768px){.koko-inline-call.koko-inline-call-expanded:not(.koko-group-call){left:0}}.koko-inline-call.koko-inline-call-expanded:not(.koko-group-call) .koko-inline-call-stage{width:min(1100px,92%);height:min(70vh,700px)}.koko-inline-call-stage{background:#1e1f22;border-radius:10px;flex-shrink:0;width:min(420px,90%);height:236px;transition:height .18s,width .18s;position:relative;overflow:hidden}.koko-inline-call-expanded .koko-inline-call-stage{width:min(720px,96%);height:min(440px,60vh)}.koko-inline-call-primary{width:100%;height:100%;position:absolute;inset:0}.koko-inline-call-primary video{object-fit:cover;width:100%;height:100%}.koko-inline-call-pip{z-index:2;background:#111214;border:2px solid #00000080;border-radius:8px;width:110px;height:66px;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 2px 8px #0006}.koko-inline-call-pip video{object-fit:cover;width:100%;height:100%}.koko-inline-call-expand{z-index:3;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .1s;display:flex;position:absolute;top:8px;right:8px}.koko-inline-call-expand:hover{background:#000000c7}.koko-group-call-grid-wrap{flex-direction:column;align-items:center;gap:8px;width:100%;height:clamp(120px,30vh,280px);min-height:0;display:flex;position:relative}.koko-group-call-grid{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:8px;width:100%;min-height:0;display:flex;overflow:hidden}.koko-group-call .koko-group-call-grid>.koko-group-call-tile{flex:none}.koko-group-call-dots{flex:none;justify-content:center;align-items:center;gap:7px;padding:8px 0 0;display:flex}.koko-group-call-dot{cursor:pointer;background:#ffffff47;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s,transform .15s}.koko-group-call-dot:hover{background:#ffffff8c}.koko-group-call-dot.active{background:#fff;transform:scale(1.25)}.koko-group-call-tile{background:#1e1f22;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:100px;transition:box-shadow .12s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #23a55a00}.koko-group-call-tile.speaking{box-shadow:0 0 0 2px #23a55a,0 0 10px 1px #23a55a8c}.koko-group-call.koko-inline-call-expanded{z-index:300;border-bottom:0;justify-content:center;gap:16px;padding:20px;position:absolute;inset:0;overflow:hidden}@media (width<=768px){.koko-group-call.koko-inline-call-expanded{left:0}}.koko-group-call.koko-inline-call-expanded .koko-group-call-grid-wrap{flex:1;height:auto;min-height:0}.koko-group-call.koko-inline-call-expanded .koko-group-call-grid{flex:1;align-content:center;gap:12px;max-width:none}.koko-inline-call-expanded .koko-group-call-tile{width:clamp(220px,30vw,420px);height:clamp(150px,22vw,280px)}.koko-group-call-speaker{flex-direction:row;justify-content:center;align-items:stretch;gap:12px;width:100%;max-width:980px;min-height:0;display:flex}.koko-group-call-stage{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.koko-group-call-tile-stage{width:100%;height:100%;min-height:220px}.koko-group-call-side{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:180px;min-height:0;display:flex}.koko-group-call-side-list{flex-direction:column;gap:8px;width:100%;min-height:0;display:flex}.koko-group-call-side-list .koko-group-call-tile-thumb{aspect-ratio:16/9;width:100%;height:auto}.koko-group-call-tile-thumb{width:110px;height:68px}.koko-group-call-side-nav{color:#cfd2d6;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;width:100%;height:26px;transition:background .15s,color .15s,opacity .15s;display:flex}.koko-group-call-side-nav:hover:not(:disabled){color:#fff;background:#ffffff24}.koko-group-call-side-nav:disabled{opacity:.25;cursor:default}.koko-call-resize{cursor:ns-resize;z-index:30;touch-action:none;justify-content:center;align-items:flex-end;height:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.koko-call-resize-grip{background:var(--accent,#5865f2);opacity:0;border-radius:2px;width:56px;height:4px;margin-bottom:2px;transition:opacity .12s}.koko-call-resize:hover .koko-call-resize-grip,.koko-call-resize.active .koko-call-resize-grip{opacity:1}.koko-inline-call.koko-group-call,.koko-group-call:not(.koko-inline-call-expanded) .koko-group-call-tile-stage{min-height:0}.koko-group-call:not(.koko-inline-call-expanded) .koko-group-call-speaker{max-width:none}.koko-group-call:not(.koko-inline-call-expanded) .koko-group-call-side{flex:none;width:168px}.koko-group-call:not(.koko-inline-call-expanded) .koko-group-call-side-list{flex:none;min-height:0}.koko-group-call:not(.koko-inline-call-expanded) .koko-group-call-side-list .koko-group-call-tile-thumb{aspect-ratio:16/9;flex:none;width:100%;height:auto}@media (width<=760px){.koko-group-call-speaker{flex-direction:column;align-items:center}.koko-group-call-side{flex-direction:row;justify-content:center;width:100%}.koko-group-call-side-list{flex-direction:row;flex:1;justify-content:center;min-width:0}.koko-group-call-side-list .koko-group-call-tile-thumb{width:calc(33.3333% - 5.33333px);min-width:0}.koko-group-call-side-nav{align-self:stretch;width:26px;height:auto}.koko-group-call-side-nav svg{transform:rotate(-90deg)}.koko-inline-call-expanded .koko-group-call-side{width:100%}.koko-inline-call-expanded .koko-group-call-side-list .koko-group-call-tile-thumb{width:calc(33.3333% - 5.33333px);height:auto}.koko-group-call:not(.koko-inline-call-expanded) .koko-group-call-side{width:100%;max-width:none}.koko-group-call:not(.koko-inline-call-expanded) .koko-group-call-side-list .koko-group-call-tile-thumb{flex:none;width:calc(33.3333% - 5.33333px);height:auto}}.koko-group-call-tile.pinned{outline:2px solid var(--brand,#5865f2);outline-offset:-2px}.koko-group-call-pin-badge{z-index:3;background:var(--brand,#5865f2);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:absolute;top:4px;left:4px}.koko-inline-call-expanded .koko-group-call-speaker{flex:1;gap:16px;width:100%;max-width:none;height:100%}.koko-inline-call-expanded .koko-group-call-stage{flex:1;min-height:0}.koko-inline-call-expanded .koko-group-call-tile-stage{width:100%;height:100%;max-height:none}.koko-inline-call-expanded .koko-group-call-side{width:clamp(220px,22vw,320px)}.koko-inline-call-expanded .koko-group-call-side-list .koko-group-call-tile-thumb{aspect-ratio:16/9;width:100%;height:auto}.koko-group-call-tile-stage .koko-group-call-video video{object-fit:contain;background:#000}.koko-group-call-video{width:100%;height:100%}.koko-group-call-video video{object-fit:cover;width:100%;height:100%}.koko-group-call-avatar{justify-content:center;align-items:center;display:flex}.koko-inline-call-btn-caret{color:#b5bac1;background:0 0!important;width:24px!important}.koko-inline-call-btn-caret:hover{color:#fff;background:#4e5058!important}.koko-inline-call-devices{z-index:25;text-align:left;background:#111214;border:1px solid #2b2d31;border-radius:8px;min-width:280px;max-width:86vw;max-height:min(440px,70vh);padding:8px;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 24px #0009}.koko-inline-call-devices-portal{z-index:1000;position:fixed;bottom:auto;transform:translate(-50%)}.koko-call-meter-row{padding:4px 8px 10px}.koko-call-meter{align-items:center;gap:3px;height:14px;display:flex}.koko-call-meter-bar{background:#2b2d31;border-radius:2px;flex:1;height:100%;transition:background 60ms linear}.koko-call-meter-bar.lit{background:#23a55a}.koko-call-meter-bar.lit:nth-last-child(-n+3){background:#f0b132}.koko-call-meter-bar.lit:nth-last-child(-n+1){background:#f23f42}.koko-call-slider-row{padding:2px 8px 10px}.koko-call-slider{appearance:none;cursor:pointer;background:#4e5058;border-radius:3px;outline:none;width:100%;height:6px}.koko-call-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000080}.koko-call-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.koko-inline-call-devices-divider{background:#2b2d31;height:1px;margin:6px 4px}.koko-inline-call-devices-row{text-align:left;color:#dbdee1;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 8px;font-size:13px;display:flex}.koko-inline-call-devices-row:hover{color:#fff;background:#404249}.koko-call-checkbox{color:#fff;border:2px solid #6d6f78;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:inline-flex}.koko-call-checkbox.on{background:#23a55a;border-color:#23a55a}.koko-inline-call-devices-section{text-transform:uppercase;letter-spacing:.05em;color:#949ba4;padding:8px 8px 4px;font-size:11px;font-weight:700}.koko-inline-call-devices-empty{color:#80848e;padding:4px 8px 8px;font-size:12px}.koko-inline-call-devices-item{text-align:left;color:#dbdee1;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px;font-size:13px;display:flex;overflow:hidden}.koko-inline-call-devices-item:hover{color:#fff;background:#404249}.koko-inline-call-devices-item.active{color:#fff;font-weight:600}.koko-inline-call-devices-check{color:#23a55a;flex-shrink:0;width:14px}.koko-call-mute-badge{color:#fff;z-index:3;background:#f23f42;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;bottom:4px;right:4px}.koko-call-mute-badge svg{width:13px;height:13px}.koko-inline-call-avatar-wrap{display:inline-flex;position:relative}.koko-inline-call-name-mute{color:#f23f42;vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex}.koko-inline-call-name-mute svg{width:14px;height:14px}.koko-inline-call-name{align-items:center;display:inline-flex}.koko-group-call-mini-count{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:flex}.koko-group-call-tile-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#00000080;border-radius:4px;max-width:calc(100% - 12px);padding:1px 6px;font-size:11px;font-weight:600;position:absolute;bottom:4px;left:6px;overflow:hidden}.koko-inline-call-peers{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.koko-inline-call-info{flex-direction:column;align-items:center;min-width:0;display:flex}.koko-inline-call-name{color:#f2f3f5;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:.95rem;font-weight:600;overflow:hidden}.koko-inline-call-status{color:#b5bac1;text-align:center;font-size:.78rem}.koko-inline-call-controls{flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:2px;display:flex}.koko-inline-call-group{background:#2b2d31;border-radius:24px;align-items:center;gap:4px;padding:4px;display:flex}.koko-inline-call-btn{color:#fff;cursor:pointer;background:#4e5058;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .1s,transform .1s;display:flex}.koko-inline-call-btn:hover{background:#6d6f78;transform:scale(1.05)}.koko-inline-call-btn-off{color:#1e1f22;background:#f2f3f5}.koko-inline-call-btn-off:hover{background:#fff}.koko-inline-call-btn-hang{color:#fff;background:#f23f42;width:44px}.koko-inline-call-btn-hang:hover{background:#d93b3b}.koko-inline-call-btn-active{color:#fff;background:#5865f2}.koko-inline-call-btn-active:hover{background:#4752c4}.koko-inline-call-react-wrap{display:inline-flex;position:relative}.koko-inline-call-react-tray{z-index:20;background:#1e1f22;border:1px solid #111214;border-radius:10px;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.koko-inline-call-react-emoji{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;font-size:20px;line-height:1;transition:background .1s,transform .1s}.koko-inline-call-react-emoji:hover{background:#404249;transform:scale(1.2)}.koko-inline-call-more-menu{z-index:20;background:#111214;border:1px solid #2b2d31;border-radius:8px;flex-direction:column;min-width:230px;max-width:80vw;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.koko-inline-call-more-menu:after{content:"";border:6px solid #0000;border-top-color:#111214;position:absolute;top:100%;left:50%;transform:translate(-50%)}.koko-inline-call-more-item{text-align:left;color:#dbdee1;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.koko-inline-call-more-icon{color:#b5bac1;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.koko-inline-call-more-item:hover:not(:disabled){color:#fff;background:#404249}.koko-inline-call-more-item:hover:not(:disabled) .koko-inline-call-more-icon{color:#fff}.koko-inline-call-more-item:disabled{opacity:.4;cursor:default}.koko-inline-call-react-toasts{pointer-events:none;z-index:50;flex-direction:row;justify-content:center;align-items:flex-end;gap:28px;display:flex;position:absolute;bottom:28%;left:0;right:0}.koko-inline-call-react-toast{filter:drop-shadow(0 6px 18px #0000008c);flex-direction:column;align-items:center;animation:2.4s cubic-bezier(.2,.8,.3,1) forwards koko-react-float;display:flex}.koko-inline-call-react-toast-emoji{font-size:clamp(64px,12vw,110px);line-height:1}.koko-inline-call-react-toast-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0009;border-radius:10px;max-width:200px;margin-top:6px;padding:3px 12px;font-size:14px;font-weight:700;overflow:hidden}@keyframes koko-react-float{0%{opacity:0;transform:translateY(40px)scale(.3)}16%{opacity:1;transform:translateY(0)scale(1.15)}26%{transform:translateY(-4px)scale(1)}78%{opacity:1;transform:translateY(-28px)scale(1)}to{opacity:0;transform:translateY(-70px)scale(.85)}}.koko-call-mini{z-index:400;border:1px solid var(--border);background:#000;border-radius:12px;align-items:center;gap:10px;max-width:280px;padding:8px 10px;display:flex;position:fixed;bottom:88px;right:20px;box-shadow:0 8px 24px #00000080}.koko-call-mini-draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.koko-call-mini-draggable.dragging{cursor:grabbing;box-shadow:0 12px 36px #000000a6}.koko-call-mini-media{cursor:pointer;background:#1e1f22;border:0;border-radius:8px;flex-shrink:0;width:56px;height:56px;padding:0;position:relative;overflow:hidden}.koko-call-mini-video{width:100%;height:100%}.koko-call-mini-video video{object-fit:cover;width:100%;height:100%}.koko-call-mini-back{color:#fff;opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .1s;display:flex;position:absolute;inset:0}.koko-call-mini-media:hover .koko-call-mini-back{opacity:1}.koko-call-mini-info{flex-direction:column;flex:1;min-width:0;display:flex}.koko-call-mini-name{color:#f2f3f5;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.koko-call-mini-status{color:#b5bac1;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.koko-call-mini-hang{flex-shrink:0;width:36px;height:36px}.call-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.call-status{color:var(--text,#eee);font-size:.9rem;font-weight:600}.call-quality{font-size:.78rem}.call-quality.good{color:#22c55e}.call-quality.warn{color:#f59e0b}.call-quality.bad{color:#ef4444}.call-e2ee-badge{border-radius:999px;margin-left:auto;padding:.2rem .6rem;font-size:.75rem}.call-e2ee-badge.secure{color:#22c55e;background:#22c55e26;border:1px solid #22c55e}.call-e2ee-badge.insecure{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b}.call-e2ee-badge.pending{color:#818cf8;background:#6366f126;border:1px solid #818cf8}.call-e2ee-badge.pending:first-letter{animation:1.2s linear infinite koko-e2ee-spin;display:inline-block}@keyframes koko-e2ee-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.call-video-area{background:#0a0a14;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.remote-video{background:#111;width:100%;height:100%}.local-video{z-index:10;border:2px solid #fff3;border-radius:12px;width:180px;height:120px;position:absolute;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 4px 16px #00000080}.remote-video-secondary{z-index:10;border:2px solid #ffffff26;border-radius:12px;width:160px;height:120px;position:absolute;bottom:1rem;right:calc(1rem + 192px);overflow:hidden;box-shadow:0 4px 16px #0006}.call-video-area.call-screen-share-active .remote-video{width:calc(100% - 260px);height:100%;margin-right:260px}.call-video-area.call-screen-share-active .local-video{width:240px;height:160px;top:1rem;bottom:auto;right:1rem}.call-video-area.call-screen-share-active .remote-video-secondary{width:240px;height:160px;top:calc(1rem + 172px);bottom:auto;right:1rem}.local-screen-preview{border:2px solid var(--accent,#4a8cff);z-index:10;border-radius:10px;width:180px;height:110px;position:absolute;top:.75rem;right:.75rem;overflow:hidden;box-shadow:0 4px 12px #00000080}.call-video-area.call-screen-share-active .local-screen-preview{width:240px;height:160px;top:calc(1rem + 344px);right:1rem}.hidden-audio{display:none}.call-avatar-placeholder{flex-direction:column;align-items:center;gap:1rem;display:flex}.call-avatar-ring-large{color:#fff;background:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;font-weight:700;animation:2.5s ease-in-out infinite avatar-pulse;display:flex;box-shadow:0 0 0 6px #6c5ce740,0 0 0 14px #6c5ce71f,0 0 0 24px #6c5ce70f}@keyframes avatar-pulse{0%,to{box-shadow:0 0 0 6px #6c5ce740,0 0 0 14px #6c5ce71f,0 0 0 24px #6c5ce70f}50%{box-shadow:0 0 0 10px #6c5ce74d,0 0 0 20px #6c5ce726,0 0 0 32px #6c5ce712}}.call-avatar-name{color:#ffffffe6;letter-spacing:.01em;font-size:1.25rem;font-weight:600}.call-avatar-status{color:#ffffff80;margin-top:-.5rem;font-size:.82rem}.call-reactions-overlay{pointer-events:none;z-index:20;flex-direction:column;gap:.5rem;display:flex;position:absolute;bottom:80px;left:1rem}.call-muted-badge{color:#fff;z-index:25;pointer-events:none;background:#dc2626eb;border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:600;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000059}.call-bg-error{color:#fde68a;text-align:center;z-index:25;background:#000c;border-radius:8px;max-width:80%;padding:6px 14px;font-size:.82rem;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.call-reaction-toast{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;animation:.3s toast-pop;display:flex}@keyframes toast-pop{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.call-reaction-emoji{font-size:1.4rem}.call-reaction-from{color:#ffffffb3;font-size:.75rem}.call-reaction-tray{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:center;gap:.5rem;padding:.5rem;display:flex}.call-reaction-pick{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.3rem;font-size:1.6rem;transition:transform .1s}.call-reaction-pick:hover{transform:scale(1.3)}.call-bg-tray{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:center;gap:.5rem;padding:.5rem;display:flex}.call-bg-pick{color:var(--text,#eee);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;transition:background .15s}.call-bg-pick:hover{background:#fff3}.call-bg-pick.active{background:var(--accent,#4a8cff);border-color:var(--accent,#4a8cff)}.call-mic-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:10px;flex-direction:column;gap:2px;max-width:340px;margin:0 auto;padding:.4rem;display:flex}.call-mic-menu-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#aaa);padding:.25rem .6rem;font-size:.72rem}.call-mic-menu-divider{background:#ffffff1f;height:1px;margin:.25rem 0}.call-mic-menu-empty{color:var(--text-muted,#aaa);padding:.3rem .6rem;font-size:.85rem}.call-mic-item{color:var(--text,#eee);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;padding:.45rem .6rem;font-size:.85rem;transition:background .12s;overflow:hidden}.call-mic-item:hover{background:#ffffff1f}.call-mic-item.active{color:var(--accent,#6c5ce7);font-weight:600}.call-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0006 0%,#000000d9 100%);justify-content:center;align-items:flex-end;gap:1.5rem;padding:1.2rem 1.5rem 1.6rem;display:flex}.call-ctrl-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;min-width:64px;padding:0;display:flex}.call-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.call-ctrl-icon{background:#ffffff24;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;transition:background .15s,transform .1s;display:flex;box-shadow:0 2px 8px #0000004d}.call-ctrl-btn:hover:not(:disabled) .call-ctrl-icon{background:#ffffff3d;transform:scale(1.06)}.call-ctrl-btn.active .call-ctrl-icon{background:var(--accent,#6c5ce7);border-color:var(--accent,#6c5ce7);box-shadow:0 0 0 4px #6c5ce74d}.call-ctrl-btn.hangup .call-ctrl-icon{background:#ef4444;border-color:#ef4444}.call-ctrl-btn.hangup:hover .call-ctrl-icon{background:#dc2626}.call-ctrl-label{color:#ffffffbf;letter-spacing:.01em;white-space:nowrap;font-size:.72rem;font-weight:500}.call-ctrl-btn.hangup .call-ctrl-label{color:#fca5a5}.call-btn{color:var(--text,#eee);cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;padding:.6rem 1.1rem;font-size:.82rem;transition:background .15s}.call-btn:hover{background:#fff3}.call-btn.active{background:var(--accent,#4a8cff);border-color:var(--accent,#4a8cff)}.call-btn.hangup{background:#ef4444;border-color:#ef4444}.call-btn.hangup:hover{background:#dc2626}.koko-call-hangup{background:#ef4444!important;border-color:#ef4444!important}.voice-room-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem;display:flex}.voice-room-icon{font-size:3rem}.voice-room-title{color:var(--text,#eee);font-size:1.3rem;font-weight:700}.voice-room-hint{color:var(--text-muted,#888);max-width:360px;font-size:.9rem}.voice-room-error{color:#f87171;max-width:360px;margin:.25rem 0;font-size:.85rem}.voice-room-btn{background:var(--accent,#4a8cff);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .15s}.voice-room-btn:hover{background:#3a7ce8}.voice-room-panel{flex-direction:column;gap:0;height:100%;display:flex}.voice-video-grid{background:#0a0a14;flex-shrink:0;gap:4px;padding:8px;display:grid}.voice-video-grid-1{grid-template-columns:1fr;max-height:280px}.voice-video-grid-2{grid-template-columns:1fr 1fr;max-height:200px}.voice-video-grid-3,.voice-video-grid-4{grid-template-columns:1fr 1fr;max-height:220px}.voice-video-tile{aspect-ratio:4/3;background:#111;border-radius:10px;position:relative;overflow:hidden}.voice-video-tile.speaking{outline-offset:1px;outline:2px solid #22c55e}.voice-video-el{object-fit:cover;width:100%;height:100%}.voice-audio-hidden{display:none}.voice-video-name{color:#fff;background:linear-gradient(#0000,#000000b3);padding:.5rem .5rem .3rem;font-size:.72rem;position:absolute;bottom:0;left:0;right:0}.voice-room-participants{flex-direction:column;flex:1;gap:.3rem;margin:0;padding:.5rem;list-style:none;display:flex;overflow-y:auto}.voice-room-participant{background:var(--bg-elevated,#ffffff0a);border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:background .1s;display:flex}.voice-room-participant.speaking{background:#22c55e1a}.voice-participant-avatar{background:var(--accent,#4a8cff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.voice-participant-info{flex:1;min-width:0}.voice-participant-name{color:var(--text,#eee);font-size:.85rem;display:block}.voice-participant-flags{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.voice-flag-pill{color:var(--text-muted,#aaa);background:#ffffff14;border-radius:999px;padding:.1rem .5rem;font-size:.65rem}.voice-speaking-dot{border:2px solid var(--text-muted,#555);background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .1s,border-color .1s}.voice-room-participant.speaking .voice-speaking-dot{background:#22c55e;border-color:#22c55e;box-shadow:0 0 6px #22c55e}.voice-room-empty{color:var(--text-muted,#888);text-align:center;padding:.5rem;font-size:.82rem}.voice-room-controls{border-top:1px solid var(--border,#333);flex-wrap:wrap;gap:.4rem;padding:.75rem;display:flex}.voice-ctrl{min-width:0;color:var(--text,#eee);cursor:pointer;white-space:nowrap;text-align:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:.5rem .6rem;font-size:.78rem;transition:background .15s}.voice-ctrl:hover{background:#ffffff24}.voice-ctrl.active{background:var(--accent,#4a8cff);border-color:var(--accent,#4a8cff)}.voice-ctrl.danger{color:#f87171;background:#ef444426;border-color:#ef44444d}.voice-ctrl.danger:hover{background:#ef444440}.stage-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem;display:flex}.stage-gate-icon{font-size:3rem}.stage-title{color:var(--text,#eee);font-size:1.3rem;font-weight:700}.stage-hint{color:var(--text-muted,#888);max-width:360px;font-size:.9rem}.stage-btn{background:var(--accent,#4a8cff);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;transition:background .15s}.stage-btn.primary{background:var(--accent,#4a8cff)}.stage-btn.primary:hover{background:#3a7ce8}.stage-btn.small{padding:.3rem .7rem;font-size:.75rem}.stage-btn.active{color:var(--text,#eee);background:#ffffff26}.stage-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.stage-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#888);padding:.6rem .75rem .3rem;font-size:.72rem;font-weight:700}.stage-count{background:var(--accent,#4a8cff);color:#fff;border-radius:999px;margin-left:.3rem;padding:.1rem .45rem;font-size:.7rem}.stage-speakers{border-bottom:1px solid var(--border,#333)}.stage-speaker-list,.stage-queue-list,.stage-audience-list{margin:0;padding:0 .5rem .5rem;list-style:none}.stage-speaker{border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.2rem;padding:.45rem .5rem;transition:background .1s;display:flex}.stage-speaker.active{background:#22c55e1a}.stage-avatar{background:linear-gradient(135deg, var(--accent,#4a8cff), #a855f7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.stage-avatar.small{width:26px;height:26px;font-size:.72rem}.stage-speaker-meta{flex:1;min-width:0}.stage-speaker-name,.stage-speaker-id{color:var(--text,#eee);font-size:.85rem}.stage-badge{border-radius:999px;margin-left:.3rem;padding:.1rem .5rem;font-size:.65rem}.stage-badge.mod{color:#c084fc;background:#a855f733}.stage-badge.raised{color:#fbbf24;background:#f59e0b33}.stage-empty{color:var(--text-muted,#888);text-align:center;padding:.5rem;font-size:.82rem}.stage-queue{border-bottom:1px solid var(--border,#333)}.stage-queue-item{border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.2rem;padding:.4rem .5rem;display:flex}.stage-queue-num{color:var(--text-muted,#888);text-align:center;width:16px;font-size:.72rem}.stage-queue-name,.stage-queue-id{color:var(--text,#eee);flex:1;font-size:.82rem}.stage-queue-actions{gap:.3rem;display:flex}.stage-audience{flex:1;overflow-y:auto}.stage-audience-item{border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.15rem;padding:.35rem .5rem;display:flex}.stage-audience-name,.stage-audience-id{color:var(--text-muted,#aaa);flex:1;font-size:.82rem}.stage-controls{border-top:1px solid var(--border,#333);flex-wrap:wrap;gap:.4rem;padding:.75rem;display:flex}.stage-ctrl{color:var(--text,#eee);cursor:pointer;white-space:nowrap;text-align:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:.5rem .6rem;font-size:.8rem;transition:background .15s}.stage-ctrl:hover{background:#ffffff24}.stage-ctrl.active{background:var(--accent,#4a8cff);border-color:var(--accent,#4a8cff)}.stage-ctrl.danger{color:#f87171;background:#ef444426;border-color:#ef44444d}.stage-ctrl.danger:hover{background:#ef444440}.stage-captions{border-top:1px solid var(--border,#333);padding:.4rem .75rem}.stage-captions-overlay{flex-direction:column;gap:.2rem;margin-top:.4rem;display:flex}.stage-caption-line{color:var(--text,#eee);font-size:.8rem}.stage-caption-speaker{color:var(--accent,#4a8cff);margin-right:.3rem;font-weight:600}.koko-voice-recorder{box-sizing:border-box;z-index:5;width:100%;min-width:0;min-height:40px;padding:.25rem .6rem;padding-bottom:max(.25rem, env(safe-area-inset-bottom,0));background:#ffffff0d;border:none;border-radius:12px;flex-wrap:nowrap;flex:100%;align-items:center;gap:.5rem;display:flex;position:relative;overflow:hidden}.koko-voice-recorder .koko-voice-time{flex:none}.koko-voice-recorder .koko-btn{white-space:nowrap;flex:none}.koko-voice-recorder .koko-voice-error{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}@keyframes koko-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes koko-toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.koko-voice-recorder .koko-btn-ghost{margin-left:.75rem;margin-right:auto}.koko-voice-recorder .koko-btn-primary{margin-left:.5rem}.koko-voice-dot{color:#ef4444;font-size:1rem;line-height:1;animation:1s ease-in-out infinite voice-dot-pulse}@keyframes voice-dot-pulse{0%,to{opacity:1}50%{opacity:.15}}.koko-voice-time{font-variant-numeric:tabular-nums;color:var(--text,#eee);letter-spacing:.03em;min-width:4ch;font-size:.85rem}.koko-voice-error{color:#f87171;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.koko-voice-bubble-wrap{flex-direction:column;gap:.3rem;max-width:300px;display:flex}.koko-voice-bubble{background:#ffffff12;border-radius:14px;align-items:center;gap:.45rem;min-width:200px;padding:.45rem .65rem;display:flex}.koko-voice-play{background:var(--accent,#4a8cff);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:opacity .15s;display:flex}.koko-voice-play:hover{opacity:.82}.koko-voice-waveform{flex:1;align-items:center;gap:1.5px;height:28px;display:flex;overflow:hidden}.koko-voice-bar{background:#ffffff40;border-radius:2px;flex-shrink:0;width:2.5px;transition:background .1s}.koko-voice-bar-filled{background:var(--accent,#4a8cff)}.koko-voice-bar-placeholder{background:#ffffff1f}.koko-voice-duration{color:var(--text-muted,#999);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.7rem}.koko-voice-transcribe-btn{color:var(--text-muted,#aaa);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;padding:0 .35rem;font-size:.7rem;line-height:22px;transition:background .15s}.koko-voice-transcribe-btn:hover{background:#ffffff24}.koko-voice-transcribe-btn:disabled{opacity:.55;cursor:default}.koko-voice-transcript{color:var(--text-muted,#bbb);word-break:break-word;background:#ffffff0a;border-radius:8px;padding:.25rem .5rem;font-size:.8rem;line-height:1.45}.koko-voice-transcript-error{color:#f87171}.koko-video-circle-recorder{background:var(--surface,#1e1e2e);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex}.koko-video-circle-error{color:#f87171;text-align:center;padding:.3rem;font-size:.82rem}.koko-video-circle-frame{border:3px solid var(--accent,#4a8cff);border-radius:50%;width:240px;height:240px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #4a8cff2e}.koko-video-circle-frame video{object-fit:cover;width:100%;height:100%;display:block}.koko-video-circle-controls{align-items:center;gap:.75rem;display:flex}.koko-btn-record{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:20px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;transition:background .15s}.koko-btn-record:hover{background:#dc2626}.koko-btn-record:disabled{opacity:.45;cursor:not-allowed}.koko-btn-stop{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:20px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;transition:background .15s}.koko-btn-stop:hover{background:#d97706}.koko-video-circle{cursor:pointer;background:#111;border:0;border-radius:50%;flex-shrink:0;padding:0;display:block;position:relative;overflow:hidden}.koko-video-circle video{object-fit:cover;width:100%;height:100%;display:block}.koko-video-circle-mute,.koko-video-circle-duration{color:#fff;pointer-events:none;background:#0000009e;border-radius:10px;padding:2px 8px;font-size:11px;line-height:1.4;position:absolute}.koko-video-circle-mute{bottom:8px;right:8px}.koko-video-circle-duration{bottom:8px;left:8px}.koko-emoji-picker{background:var(--surface,#1e1e2e);border:1px solid var(--border,#333);z-index:110;border-radius:12px;flex-direction:column;max-height:360px;margin-bottom:4px;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 -4px 24px #00000073}.koko-emoji-tabs{flex-shrink:0;gap:4px;padding:8px 8px 0;display:flex}.koko-emoji-tab{color:var(--text-muted,#aaa);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;flex:1;padding:6px 10px;font-size:.85rem}.koko-emoji-tab.active{background:var(--bg-hover,#2a2a2a);color:var(--text,#eee)}.koko-emoji-search{background:var(--bg-hover,#ffffff12);border:1px solid var(--border,#ffffff1f);color:var(--text,#eee);border-radius:8px;outline:none;flex-shrink:0;margin:8px;padding:.4rem .6rem;font-size:.85rem}.koko-emoji-search:focus{border-color:var(--accent,#6c5ce7)}.koko-emoji-search::placeholder{color:var(--text-muted,#777)}.koko-emoji-scroll{flex:1;padding:0 8px 8px;overflow:hidden auto}.koko-emoji-section{margin-top:8px}.koko-emoji-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#888);background:var(--surface,#1e1e2e);padding:4px 2px;font-size:.72rem;font-weight:600;position:sticky;top:0}.koko-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:2px;display:grid}.koko-emoji-btn{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:1.35rem;line-height:1;transition:background .1s;display:flex}.koko-emoji-btn:hover{background:var(--bg-hover,#2a2a2a)}.koko-emoji-btn.custom img,.koko-emoji-btn img{object-fit:contain;width:26px;height:26px}.koko-sticker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.koko-sticker-grid img{aspect-ratio:1;object-fit:contain;cursor:pointer;border-radius:8px;width:100%}.koko-emoji-empty{color:var(--text-muted,#888);text-align:center;padding:24px 8px;font-size:.85rem}.koko-gif-picker{background:var(--surface,#1e1e2e);border:1px solid var(--border,#333);z-index:110;border-radius:12px;flex-direction:column;max-height:320px;margin-bottom:4px;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 -4px 24px #00000073}.koko-gif-picker-header{border-bottom:1px solid var(--border,#333);flex-shrink:0;gap:.5rem;padding:.5rem;display:flex}.koko-gif-picker-header input{color:var(--text,#eee);background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;outline:none;flex:1;padding:.35rem .6rem;font-size:.85rem;transition:border-color .15s}.koko-gif-picker-header input:focus{border-color:var(--accent,#4a8cff)}.koko-gif-picker-header input::placeholder{color:var(--text-muted,#777)}.koko-gif-picker-header button{color:var(--text-muted,#aaa);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 .4rem;font-size:1rem}.koko-gif-picker-header button:hover{background:#ffffff14}.koko-gif-picker-hint{text-align:center;color:var(--text-muted,#888);padding:.75rem;font-size:.82rem}.koko-gif-picker-error{color:#f87171;flex-shrink:0;padding:.5rem .75rem;font-size:.8rem}.koko-gif-picker-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px;display:grid;overflow-y:auto}.koko-gif-picker-item{cursor:pointer;aspect-ratio:1;background:#ffffff0a;border:none;border-radius:6px;padding:0;transition:opacity .12s;overflow:hidden}.koko-gif-picker-item:hover{opacity:.82}.koko-gif-picker-item img{object-fit:cover;width:100%;height:100%;display:block}.koko-sticker-picker{background:var(--surface,#1e1e2e);border:1px solid var(--border,#333);z-index:110;border-radius:12px;flex-direction:column;max-height:360px;margin-bottom:4px;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 -4px 24px #00000073}.koko-sticker-picker-header{border-bottom:1px solid var(--border,#333);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.koko-sticker-picker-header strong{color:var(--text,#eee);font-size:.85rem}.koko-sticker-picker-header button{color:var(--text-muted,#aaa);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .3rem;font-size:1rem}.koko-sticker-picker-header button:hover{background:#ffffff14}.koko-sticker-picker-hint{text-align:center;color:var(--text-muted,#888);padding:.75rem;font-size:.82rem}.koko-sticker-picker-packs{border-bottom:1px solid var(--border,#333);flex-shrink:0;gap:.3rem;padding:.4rem;display:flex;overflow-x:auto}.koko-sticker-pack{color:var(--text-muted,#aaa);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:.2rem .6rem;font-size:.75rem;transition:background .12s}.koko-sticker-pack:hover{background:#ffffff1a}.koko-sticker-pack-active{background:var(--accent,#4a8cff);border-color:var(--accent,#4a8cff);color:#fff}.koko-sticker-picker-grid{flex:1;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;display:grid;overflow-y:auto}.koko-sticker-thumb{cursor:pointer;aspect-ratio:1;background:#ffffff0a;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:background .12s;display:flex;overflow:hidden}.koko-sticker-thumb:hover{background:#ffffff1a}.koko-sticker-thumb img,.koko-sticker-thumb>div{width:100%;height:100%}.koko-image-editor-backdrop{z-index:300;background:#000000de;justify-content:center;align-items:center;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.koko-image-editor{background:var(--surface,#1e1e2e);border-radius:16px;flex-direction:column;width:min(480px,95vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 48px #0009}.koko-image-editor-header{border-bottom:1px solid var(--border,#333);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.koko-image-editor-title{color:var(--text,#eee);font-size:.9rem;font-weight:600}.koko-image-editor-canvas{background:#0e0e18;flex:1;justify-content:center;align-items:center;min-height:200px;padding:1rem;display:flex;overflow:hidden}.koko-image-editor-canvas img{object-fit:contain;max-width:100%;max-height:50vh}.koko-image-editor-error,.koko-image-editor-loading{color:var(--text-muted,#888);font-size:.85rem}.koko-image-editor-tools{border-top:1px solid var(--border,#333);justify-content:center;gap:.75rem;padding:.75rem 1rem;display:flex}.koko-attachment{color:inherit;border-radius:10px;align-items:center;gap:.4rem;max-width:320px;text-decoration:none;display:inline-flex;overflow:hidden}.koko-attachment-image{cursor:zoom-in;background:#00000026;border:none;border-radius:10px;padding:0;transition:opacity .12s;display:block;overflow:hidden}.koko-attachment-image:hover{opacity:.9}.koko-attachment-image-wrap{display:inline-block;position:relative}.koko-attachment-download{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;line-height:1;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.koko-attachment-image-wrap:hover .koko-attachment-download,.koko-attachment-download:focus-visible{opacity:1}.koko-attachment-download:hover{background:#000c}.koko-voice-download{color:var(--text-muted,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 4px;font-size:.9rem}.koko-voice-download:hover:not(:disabled){color:var(--text,#eee);background:#ffffff14}.koko-voice-download:disabled{opacity:.4;cursor:default}.koko-video-circle-download{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:flex;position:absolute;top:8px;right:8px}.koko-video-circle-download:hover{background:#000c}.koko-attachment-picture{border-radius:10px;display:block;overflow:hidden}.koko-attachment-picture img{border-radius:10px}.koko-attachment-file{color:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:.5rem .75rem;text-decoration:none;transition:background .12s}.koko-attachment-file:hover{background:#ffffff1a}.koko-attachment-meta{flex-direction:column;gap:.1rem;display:flex}.koko-attachment-name{color:var(--text,#eee);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.82rem;overflow:hidden}.koko-attachment-sub{color:var(--text-muted,#888);font-size:.7rem}.koko-attachment-icon{font-size:1.1rem}.koko-attachment-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.4rem .6rem;font-size:.8rem}.koko-attachment-loading{color:var(--text-muted,#888);background:#ffffff0a;border-radius:8px;padding:.4rem .6rem;font-size:.8rem}.koko-attachment-pdf,.koko-attachment-pdf-visual{color:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:background .12s;display:flex}.koko-attachment-pdf:hover,.koko-attachment-pdf-visual:hover{background:#ffffff1a}.koko-lightbox{z-index:500;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.koko-lightbox img{object-fit:contain;cursor:default;border-radius:8px;max-width:95vw;max-height:90vh;animation:.18s lightbox-zoom;box-shadow:0 8px 48px #000000b3}@keyframes lightbox-zoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.koko-lightbox-close{color:#fff;cursor:pointer;z-index:501;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:background .15s;display:flex;position:fixed;top:1rem;right:1rem}.koko-lightbox-close:hover{background:#ffffff3d}.koko-server-settings{background:var(--surface,#1e1e2e);z-index:300;border-radius:16px;flex-direction:column;width:min(560px,96vw);max-height:90vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 56px #0009}.koko-settings-header{border-bottom:1px solid var(--border,#333);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;display:flex}.koko-settings-title{color:var(--text,#eee);margin:0;font-size:1rem;font-weight:700}.koko-settings-close{color:var(--text-muted,#aaa);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .4rem;font-size:1rem}.koko-settings-close:hover{color:var(--text,#eee);background:#ffffff14}.koko-settings-tabs{border-bottom:1px solid var(--border,#333);flex-shrink:0;gap:0;display:flex}.koko-settings-tab{color:var(--text-muted,#888);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem .8rem;font-size:.83rem;font-weight:500;transition:color .15s,border-color .15s}.koko-settings-tab:hover{color:var(--text,#eee)}.koko-settings-tab.active{color:var(--accent,#4a8cff);border-bottom-color:var(--accent,#4a8cff)}.koko-settings-body{flex:1;padding:1rem;overflow-y:auto}.koko-settings-section-group{flex-direction:column;gap:.75rem;display:flex}.koko-settings-section{border:1px solid var(--border,#333);background:#ffffff08;border-radius:10px;padding:.85rem 1rem}.koko-settings-section-title{color:var(--text-muted,#aaa);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.8rem;font-weight:600}.koko-settings-input{width:100%;color:var(--text,#eee);box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:.4rem .65rem;font-size:.87rem;transition:border-color .15s}.koko-settings-input:focus{border-color:var(--accent,#4a8cff)}.koko-settings-input-sm{width:100px;color:var(--text,#eee);background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:.35rem .5rem;font-size:.85rem;transition:border-color .15s}.koko-settings-input-sm:focus{border-color:var(--accent,#4a8cff)}.koko-settings-select{color:var(--text,#eee);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:.35rem .5rem;font-size:.85rem}.koko-settings-label{color:var(--text-muted,#bbb);align-items:center;gap:.6rem;font-size:.84rem;display:flex}.koko-settings-checkbox-label{color:var(--text-muted,#bbb);cursor:pointer;align-items:center;gap:.5rem;font-size:.84rem;display:flex}.koko-settings-checkbox-label input[type=checkbox]{cursor:pointer}.koko-settings-color-label{color:var(--text-muted,#bbb);align-items:center;gap:.5rem;font-size:.84rem;display:flex}.koko-settings-color-input{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:36px;height:28px;padding:2px}.koko-settings-saved{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;padding:.35rem .6rem;font-size:.8rem}.koko-settings-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.35rem .6rem;font-size:.8rem}.koko-settings-loading{color:var(--text-muted,#888);text-align:center;padding:1rem}.koko-settings-hint{color:var(--text-muted,#888);padding:.5rem 0;font-size:.82rem}.koko-settings-list-header{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.koko-settings-list-count{color:var(--text-muted,#888);font-size:.8rem}.koko-settings-create-form{border:1px solid var(--border,#333);background:#ffffff08;border-radius:10px;flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.koko-settings-create-actions{gap:.5rem;display:flex}.koko-role-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.koko-role-item{border:1px solid var(--border,#333);background:#ffffff08;border-radius:10px;transition:border-color .15s;overflow:hidden}.koko-role-item:hover{border-color:#fff3}.koko-role-item-header{align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.koko-role-swatch{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:12px;height:12px}.koko-role-name{flex:1;font-size:.87rem;font-weight:600}.koko-role-actions{gap:.3rem;display:flex}.koko-role-editor{border-top:1px solid var(--border,#333);flex-direction:column;gap:.5rem;padding:.6rem .75rem;display:flex}.koko-role-editor-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.koko-role-permissions{flex-direction:column;gap:.3rem;display:flex}.koko-role-permissions-title{color:var(--text-muted,#888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.75rem}.koko-invite-created{background:#22c55e14;border:1px solid #22c55e40;border-radius:10px;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.koko-invite-created-label{color:#4ade80;font-size:.82rem;font-weight:600}.koko-invite-code-display{color:var(--text,#eee);word-break:break-all;background:#ffffff0d;border-radius:6px;padding:.3rem .5rem;font-family:monospace;font-size:.82rem}.koko-invite-create-form{flex-direction:column;gap:.55rem;display:flex}.koko-invite-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.koko-invite-item{border:1px solid var(--border,#333);background:#ffffff08;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.koko-invite-item-main{flex-direction:column;flex:1;gap:.1rem;display:flex}.koko-invite-code{color:var(--accent,#4a8cff);font-family:monospace;font-size:.82rem}.koko-invite-meta{color:var(--text-muted,#888);font-size:.72rem}.koko-invite-item-actions{flex-shrink:0;gap:.3rem;display:flex}.koko-pins-btn{color:var(--text-muted,#aaa);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.3rem .45rem;font-size:1rem;transition:background .12s,color .12s}.koko-pins-btn:hover,.koko-pins-btn.active{color:var(--text,#eee);background:#ffffff1a}.koko-pins-panel{border-inline-start:1px solid var(--border,#333);background:var(--bg-surface,#1a1a2e);flex-direction:column;flex-shrink:0;width:320px;min-width:260px;animation:.18s slideInRight;display:flex}.koko-pin-header-btn{position:relative}.koko-pin-count-badge{box-sizing:border-box;background:var(--brand,#5865f2);color:#fff;text-align:center;border:2px solid var(--bg-surface,#1a1a1a);border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;line-height:15px;position:absolute;top:-1px;right:-1px}.koko-pins-popover{border:1px solid var(--border);border-inline-start:1px solid var(--border);background:var(--bg-floating,var(--bg-surface));border-radius:10px;width:360px;min-width:0;max-width:calc(100vw - 24px);max-height:min(70vh,520px);animation:.12s fadeIn;overflow:hidden;box-shadow:0 10px 36px #00000080}.koko-pins-header{border-bottom:1px solid var(--border,#333);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.koko-pins-title{color:var(--text,#eee);font-size:.9rem;font-weight:600}.koko-pins-hint,.koko-pins-empty{color:var(--text-muted,#888);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;font-size:.85rem;display:flex}.koko-pins-empty span:first-child{opacity:.5;font-size:1.8rem}.koko-pins-error{color:#f87171;padding:.5rem 1rem;font-size:.8rem}.koko-pins-list{flex-direction:column;flex:1;gap:.3rem;margin:0;padding:.5rem;list-style:none;display:flex;overflow-y:auto}.koko-pin-item{border:1px solid var(--border,#2a2a3e);background:#ffffff0a;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.5rem .65rem;transition:border-color .12s;display:flex;position:relative}.koko-pin-item:hover{border-color:#ffffff2e}.koko-pin-avatar{flex:none;width:32px;height:32px}.koko-pin-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.koko-pin-meta{align-items:baseline;gap:.4rem;min-width:0;display:flex}.koko-pin-author{color:var(--text,#eee);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.koko-pin-time{color:var(--text-muted,#888);white-space:nowrap;flex-shrink:0;font-size:.7rem}.koko-pin-content{color:var(--text-secondary,#c7c9d1);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.koko-pin-unpin{color:var(--text-muted,#666);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.1rem .2rem;font-size:.9rem;transition:opacity .12s}.koko-pin-item:hover .koko-pin-unpin{opacity:1}.koko-pin-unpin:hover{color:#f87171}.koko-btn-sm{padding:.3rem .65rem;font-size:.78rem}.koko-btn-danger{color:#f87171!important;background:#ef44441f!important;border-color:#ef444440!important}.koko-btn-danger:hover{background:#ef444438!important}.meetings-btn{border:1px solid var(--border);background:var(--bg-surface,#fff);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.3rem;padding:.45rem .9rem;font-size:.85rem;font-weight:500;transition:background .12s,opacity .12s;display:inline-flex}.meetings-btn:hover:not(:disabled){background:#ffffff12}.meetings-btn:disabled{opacity:.45;cursor:not-allowed}.meetings-btn.primary{background:var(--accent);color:#fff;border-color:#0000}.meetings-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.meetings-btn.danger{color:#f87171;background:#ef44441a;border-color:#ef444440}.meetings-btn.danger:hover:not(:disabled){background:#ef444433}.meetings-btn.active{color:var(--accent);background:#6c5ce733;border-color:#6c5ce773}.meetings-btn.small{border-radius:6px;padding:.28rem .6rem;font-size:.78rem}.meetings-btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000}.meetings-btn.ghost:hover:not(:disabled){background:#ffffff0d}.meetings-home{flex-direction:column;gap:1.5rem;max-width:760px;margin:0 auto;padding:1.5rem;display:flex}.meetings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.meetings-title{margin:0 0 .2rem;font-size:1.5rem;font-weight:700}.meetings-sub{color:var(--text-muted);margin:0;font-size:.9rem}.meetings-actions{flex-shrink:0;gap:.6rem;display:flex}.meetings-list ul{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.meetings-empty{color:var(--text-muted);padding:.5rem 0;font-size:.9rem}.meeting-row{border:1px solid var(--border);background:var(--bg-surface,#fff);border-radius:10px;flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex}.meeting-row.status-live{border-color:#22c55e59}.meeting-row.status-ended{opacity:.65}.meeting-row-main{flex-wrap:wrap;align-items:baseline;gap:.7rem;display:flex}.meeting-row-title{font-size:.95rem;font-weight:600}.meeting-row-ts{color:var(--text-muted);font-size:.8rem}.meeting-row-flags{flex-wrap:wrap;gap:.4rem;display:flex}.meeting-row-actions{gap:.5rem;display:flex}.meeting-flag{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0f;border-radius:99px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.meeting-chip{border-radius:99px;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.meeting-chip.live{color:#4ade80;background:#22c55e26}.meeting-chip.scheduled{color:#60a5fa;background:#3b82f626}.meeting-chip.ended{color:var(--text-muted);background:#ffffff0f}.meeting-chip.processing{color:#fbbf24;background:#fbbf2426}.meeting-chip.uploaded{color:#4ade80;background:#22c55e26}.meeting-chip.failed{color:#f87171;background:#ef444426}.meeting-composer{border:1px solid var(--border);background:var(--bg-surface,#fff);border-radius:10px;flex-direction:column;gap:.8rem;padding:1rem;display:flex}.meeting-composer label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.meeting-composer input[type=text],.meeting-composer input[type=password],.meeting-composer input[type=datetime-local],.meeting-composer input[type=number]{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:7px;padding:.45rem .7rem;font-size:.9rem}.meeting-composer-row{flex-wrap:wrap;gap:.8rem;display:flex}.meeting-composer-row label{flex:1;min-width:160px}.meeting-composer-toggle{cursor:pointer;align-items:center;color:var(--text)!important;flex-direction:row!important;gap:.5rem!important;font-size:.85rem!important;display:flex!important}.meeting-composer-actions{justify-content:flex-end;display:flex}.meeting-row-recordings{margin-top:.2rem}.meeting-recordings-panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;margin-top:.4rem;padding:.6rem .7rem}.meeting-recordings-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.meeting-recording{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.meeting-recording-main{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.meeting-recording-ts{color:var(--text-muted);font-size:.8rem}.meeting-recording-meta{color:var(--text-muted);font-size:.78rem}.meeting-room{background:var(--bg-surface);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:0;height:100%;display:grid;position:relative}.meeting-recording-banner{color:#f87171;background:#ef44441f;border-bottom:1px solid #ef444440;grid-column:1/-1;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:flex}@keyframes recording-blink{0%,to{opacity:1}50%{opacity:.25}}.meeting-recording-dot{background:#f87171;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite recording-blink;display:inline-block}.meeting-tiles{flex-wrap:wrap;grid-area:2/1;align-content:flex-start;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}.meeting-tile-empty{color:var(--text-muted);padding:.5rem;font-size:.9rem}.meeting-tile{border:1px solid var(--border);background:var(--bg-surface,#fff);border-radius:10px;align-items:center;gap:.6rem;min-width:140px;padding:.6rem .9rem;display:flex}.meeting-tile-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.meeting-tile-meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.meeting-tile-flags{flex-wrap:wrap;gap:.3rem;display:flex}.meeting-flag.speaking{color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.meeting-side{border-inline-start:1px solid var(--border);flex-direction:column;grid-area:2/2;gap:.6rem;width:240px;padding:.8rem;display:flex;overflow-y:auto}.meeting-panel{border:1px solid var(--border);background:var(--bg-surface,#fff);border-radius:10px;flex-direction:column;gap:.5rem;padding:.7rem .8rem;display:flex}.meeting-panel header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:.3rem;font-size:.8rem;font-weight:700}.meeting-panel ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.meeting-panel-row{justify-content:space-between;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.meeting-panel-empty{color:var(--text-muted);margin:0;font-size:.82rem}.meeting-host-actions{flex-direction:column;gap:.35rem;display:flex}.meeting-host-actions .meetings-btn{justify-content:center;width:100%}.meeting-host-remove summary{color:var(--text-muted);cursor:pointer;padding:.25rem 0;font-size:.8rem}.meeting-host-remove ul{flex-direction:column;gap:.3rem;margin-top:.35rem;padding:0;list-style:none;display:flex}.meeting-toolbar{border-top:1px solid var(--border);background:var(--bg-surface,#fff);flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.meeting-waiting{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem;display:flex}.meeting-waiting-title{font-size:1.4rem;font-weight:700}.meeting-waiting-hint{color:var(--text-muted);max-width:340px;margin:0;font-size:.9rem}.breakout-panel{inset-inline-end:16px;border:1px solid var(--border);background:var(--bg-surface,#fff);z-index:200;border-radius:12px;flex-direction:column;gap:.8rem;width:340px;max-height:calc(100vh - 80px);padding:1rem;display:flex;position:fixed;top:64px;overflow-y:auto;box-shadow:0 8px 32px #00000059}.breakout-header{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.breakout-actions{flex-wrap:wrap;gap:.5rem;display:flex}.breakout-drafts{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.breakout-draft{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;flex-direction:column;gap:.5rem;padding:.6rem .7rem;display:flex}.breakout-draft-header{align-items:center;gap:.5rem;display:flex}.breakout-draft-header input{border:1px solid var(--border);background:var(--bg-surface,#fff);color:var(--text);border-radius:6px;flex:1;padding:.35rem .6rem;font-size:.85rem}.breakout-assign{flex-wrap:wrap;gap:.35rem;display:flex}.breakout-chip{border:1px solid var(--border);cursor:pointer;border-radius:99px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.78rem;display:inline-flex}.breakout-chip input{cursor:pointer;width:12px;height:12px}.breakout-hint{color:var(--text-muted);font-size:.8rem}.breakout-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.breakout-timer{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.breakout-timer input{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:6px;padding:.3rem .5rem;font-size:.85rem}.breakout-active{flex-direction:column;gap:.5rem;display:flex}.breakout-active header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.8rem;font-weight:700}.breakout-active ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.breakout-active-row{justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.stories-bar{scrollbar-width:none;border-bottom:1px solid var(--border);flex-shrink:0;gap:.7rem;padding:.75rem .6rem .5rem;display:flex;overflow-x:auto}.stories-bar::-webkit-scrollbar{display:none}.stories-bar-item{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;display:flex}.story-ring{cursor:pointer;background:0 0;border:none;border-radius:50%;width:52px;height:52px;padding:2px;transition:transform .12s;position:relative}.story-ring:hover{transform:scale(1.07)}.story-ring:active{transform:scale(.97)}.story-ring.unseen{background:conic-gradient(#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.story-ring.seen{background:var(--border)}.story-ring.empty{border:2px dashed var(--border);padding:0}.story-avatar{background:var(--bg-surface,#fff);border:2px solid var(--bg-surface);width:100%;height:100%;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex;position:relative;overflow:hidden}.story-add-badge{background:var(--accent);color:#fff;border:1.5px solid var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.75rem;font-weight:800;line-height:1;display:flex;position:absolute;bottom:0;right:0}.story-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:52px;font-size:.7rem;overflow:hidden}@keyframes story-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.stories-bar-skeleton .story-avatar{background:linear-gradient(90deg, var(--border) 25%, var(--bg-surface,#fff) 50%, var(--border) 75%);background-size:400px 100%;animation:1.4s ease-in-out infinite story-shimmer}.stories-bar-skeleton .story-name{background:linear-gradient(90deg, var(--border) 25%, var(--bg-surface,#fff) 50%, var(--border) 75%);background-size:400px 100%;border-radius:4px;width:40px;height:8px;animation:1.4s ease-in-out infinite story-shimmer}.story-viewer{z-index:500;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.story-progress-track{z-index:10;gap:3px;padding:10px 12px 4px;display:flex;position:absolute;top:0;left:0;right:0}.story-progress-segment{background:#ffffff59;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;transition:none}.story-progress-fill.done{width:100%}@keyframes story-fill{0%{width:0%}to{width:100%}}.story-progress-fill.story-progress-run{animation:story-fill var(--duration,5s) linear forwards}.story-viewer-header{z-index:10;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex;position:absolute;top:28px;left:0;right:0}.story-viewer-author{align-items:center;gap:.5rem;display:flex}.story-viewer-avatar{background:var(--accent);color:#fff;border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.story-viewer-name{color:#fff;text-shadow:0 1px 4px #0009;font-size:.9rem;font-weight:600}.story-viewer-ts{color:#ffffffa6;text-shadow:0 1px 4px #0009;font-size:.78rem}.story-viewer-actions{gap:.3rem;display:flex}.story-viewer-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;display:flex}.story-viewer-btn:hover{background:#0000008c}.story-viewer-media{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.story-media{object-fit:contain;max-width:100%;max-height:100%;display:block}.story-caption{color:#fff;text-align:center;text-shadow:0 1px 4px #000000b3;background:linear-gradient(#0000,#000000a6);padding:1.5rem 1rem 1rem;font-size:1rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.story-tap-zone{cursor:pointer;z-index:5;background:0 0;border:none;width:40%;position:absolute;top:0;bottom:0}.story-tap-prev{left:0}.story-tap-next{right:0}.story-counter{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:none;background:#0006;border-radius:99px;padding:.2rem .6rem;font-size:.78rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.story-composer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:600;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.story-composer{background:var(--bg-surface,#fff);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.9rem;width:100%;max-width:420px;padding:1.25rem;display:flex;box-shadow:0 12px 40px #0006}.story-composer-header{justify-content:space-between;align-items:center;display:flex}.story-composer-close{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.story-composer-close:hover{background:#ffffff0f}.story-drop-zone{border:2px dashed var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:180px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.story-drop-zone:hover{border-color:var(--accent);background:#6c5ce70d}.story-drop-zone.has-file{cursor:default;min-height:220px}.story-drop-hint{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;font-size:.88rem;display:flex}.story-drop-icon{font-size:2rem}.story-drop-sub{color:var(--text-muted);font-size:.78rem}.story-drop-preview{object-fit:contain;max-width:100%;max-height:280px;margin:0 auto;display:block}.story-composer-change{color:var(--accent);cursor:pointer;text-align:start;background:0 0;border:none;padding:0;font-size:.82rem}.story-composer-change:hover{text-decoration:underline}.story-composer-label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.story-composer-input{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:8px;padding:.45rem .7rem;font-size:.9rem}.story-composer-input:focus{border-color:var(--accent);outline:none}.story-privacy-group{border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem}.story-privacy-group legend{color:var(--text-muted);padding:0 .3rem;font-size:.8rem}.story-privacy-option{cursor:pointer;align-items:center;gap:.5rem;padding:.2rem 0;font-size:.87rem;display:flex}.story-privacy-option input{cursor:pointer;accent-color:var(--accent)}.story-composer-error{color:#f87171;margin:0;font-size:.82rem}.story-composer-footer{justify-content:flex-end;gap:.5rem;display:flex}.koko-summarize{flex-direction:column;align-items:flex-start;gap:.4rem;display:inline-flex}.koko-summarize .koko-btn,.koko-summarize .koko-btn-ghost{border:1px solid var(--border);background:var(--bg-surface,#fff);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;font-weight:500;transition:background .12s;display:inline-flex}.koko-summarize .koko-btn:hover:not(:disabled),.koko-summarize .koko-btn-ghost:hover:not(:disabled){background:#ffffff12}.koko-summarize .koko-btn:disabled{opacity:.45;cursor:not-allowed}.koko-summarize-result{max-width:500px;color:var(--text);white-space:pre-wrap;background:#6c5ce714;border:1px solid #6c5ce733;border-radius:10px;padding:.55rem .8rem;font-size:.88rem;line-height:1.5}.koko-summarize-error{color:#f87171;font-size:.8rem}.koko-auto-translate-chip{color:#60a5fa;cursor:pointer;background:#3b82f614;border:1px solid #3b82f64d;border-radius:99px;align-items:center;gap:.2rem;margin-top:.2rem;padding:.1rem .45rem;font-size:.72rem;transition:background .12s;display:inline-flex}.koko-auto-translate-chip:hover{background:#3b82f629}.koko-smart-replies{padding-inline-start:1rem}.koko-smart-reply-chip{transition:background .1s,border-color .1s,transform .1s}.koko-smart-reply-chip:hover{transform:translateY(-1px)}.koko-smart-reply-chip:active{transform:none}.document-list{flex-direction:column;gap:.9rem;height:100%;min-height:0;padding:1.25rem;display:flex}.document-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.document-list-header h2{margin:0;font-size:1.1rem;font-weight:700}.document-list-actions{flex-wrap:wrap;gap:.5rem;display:flex}.document-list-actions button{border:1px solid var(--border);background:var(--bg-surface,#fff);color:var(--text);cursor:pointer;border-radius:8px;padding:.35rem .75rem;font-size:.82rem;transition:background .12s}.document-list-actions button:hover:not(:disabled){background:#ffffff12}.document-list-actions button:disabled{opacity:.45;cursor:not-allowed}.document-items{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.document-items a{border:1px solid var(--border);background:var(--bg-surface,#fff);color:var(--text);border-radius:10px;align-items:center;gap:.7rem;padding:.65rem .9rem;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.document-items a:hover{border-color:var(--accent);background:#ffffff0d}.document-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:500;overflow:hidden}.document-item-type{border:1px solid var(--border);color:var(--text-muted);text-transform:capitalize;white-space:nowrap;background:#ffffff12;border-radius:99px;padding:.12rem .4rem;font-size:.72rem}.document-item-updated{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.document-item-pending{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:99px;align-items:center;gap:.2rem;padding:.12rem .4rem;font-size:.72rem;display:inline-flex}.document-header{flex-shrink:0}.document-draft-notice{color:#fbbf24;background:#fbbf2414;border-bottom:1px solid #fbbf2433;margin:0;padding:.5rem 1rem;font-size:.82rem}.document-export-actions{flex-shrink:0;gap:.4rem;display:flex}.document-export-button{border:1px solid var(--border);background:var(--bg-surface,#fff);color:var(--text-muted);cursor:pointer;border-radius:7px;padding:.28rem .6rem;font-size:.75rem;transition:background .1s}.document-export-button:hover{color:var(--text);background:#ffffff0f}.document-history{border-top:1px solid var(--border);background:var(--bg-surface);flex-direction:column;gap:.5rem;max-height:260px;padding:.75rem 1rem;display:flex;overflow-y:auto}.document-history-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.document-history-item{border:1px solid var(--border);background:var(--bg-surface,#fff);border-radius:8px;flex-direction:column;gap:.3rem;padding:.55rem .7rem;display:flex}.document-history-meta{align-items:center;gap:.5rem;display:flex}.document-history-label{border-radius:99px;padding:.1rem .35rem;font-size:.72rem;font-weight:600}.document-history-label[data-kind=manual]{color:var(--accent);background:#6c5ce726}.document-history-label[data-kind=auto]{color:var(--text-muted);background:#ffffff12}.document-history-time{color:var(--text-muted);font-size:.75rem}.document-history-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:360px;font-family:monospace;font-size:.78rem;overflow:hidden}.document-history-actions{gap:.4rem;display:flex}.document-history-empty{color:var(--text-muted);padding:.25rem 0;font-size:.82rem}.document-subdocs{border-top:1px solid var(--border);background:var(--bg-surface);flex-direction:column;gap:.5rem;padding:.7rem 1rem;display:flex}.document-subdocs-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.document-subdocs-title{font-size:.82rem}.document-subdocs-actions{gap:.3rem;display:flex}.document-subdocs-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.document-subdocs-item{padding:.3rem 0}.document-subdocs-link{color:var(--accent);align-items:center;gap:.35rem;font-size:.83rem;text-decoration:none;display:flex}.document-subdocs-link:hover{text-decoration:underline}.document-subdocs-empty{color:var(--text-muted);font-size:.78rem}.pwa-install-banner{z-index:950;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.75rem;width:calc(100vw - 2rem);max-width:420px;padding:.7rem 1.1rem;animation:.25s slideUp;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000002e}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pwa-install-icon{flex-shrink:0;font-size:1.4rem}.pwa-install-text{color:var(--text);flex:1;font-size:.88rem;line-height:1.35}.pwa-install-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.pwa-install-btn:hover{opacity:.88}.pwa-install-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.2rem .4rem;font-size:1rem}.pwa-install-dismiss:hover{background:var(--border)}.profile-card{background:var(--bg-floating,var(--bg-surface));border:1px solid var(--border);border-radius:12px;min-width:300px;padding:0;animation:.15s fadeIn;overflow:hidden;box-shadow:0 8px 32px #00000073}.profile-card-loading{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.88rem}.profile-card-banner{width:100%;height:84px;position:relative}.profile-card-avatar-wrap{width:fit-content;margin:-38px 0 0 16px;position:relative}.profile-card-avatar{background:var(--accent);color:#fff;border:6px solid var(--bg-floating,var(--bg-surface));border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden}.profile-card-avatar img{object-fit:cover;width:100%;height:100%}.profile-card-status-dot{border:4px solid var(--bg-floating,var(--bg-surface));border-radius:50%;width:20px;height:20px;position:absolute;bottom:2px;right:2px}@keyframes koko-online-pulse{0%{box-shadow:0 0 #43b58199}70%{box-shadow:0 0 0 6px #43b58100}to{box-shadow:0 0 #43b58100}}.koko-online-pulse{animation:1.8s ease-out infinite koko-online-pulse}@media (prefers-reduced-motion:reduce){.koko-online-pulse{animation:none}}.koko-avatar-status-wrap{flex-shrink:0;display:inline-flex;position:relative}.koko-channel-presence-dot{border:2px solid var(--bg);box-sizing:border-box;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.profile-card-close{color:#fff;cursor:pointer;background:#00000059;border:none;border-radius:50%;width:24px;height:24px;font-size:.85rem;line-height:1;position:absolute;top:8px;right:8px}.profile-card-close:hover{background:#0009}.profile-card-inner{background:var(--bg,#00000040);border-radius:8px;margin:8px 12px 12px;padding:12px}.profile-card-identity{flex-direction:column;gap:1px;display:flex}.profile-card-name{color:var(--text);word-break:break-word;font-size:1.15rem;font-weight:700;line-height:1.2}.profile-card-username{color:var(--text-muted);font-size:.85rem}.profile-card-presence-line{color:var(--text-muted);margin-top:6px;font-size:.8rem}.profile-card-divider{background:var(--border);height:1px;margin:12px 0}.profile-card-section{margin-bottom:10px}.profile-card-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:700}.profile-card-section-body{color:var(--text);word-break:break-word;font-size:.85rem;line-height:1.4}.profile-card-muted{color:var(--text-muted)}.profile-card-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.profile-card-btn{border:1px solid var(--border);background:var(--bg-hover,transparent);min-width:120px;color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .1s,filter .1s}.profile-card-btn:hover:not(:disabled){background:var(--bg-active,var(--bg-hover))}.profile-card-btn.primary{background:var(--brand,#5865f2);border-color:var(--brand,#5865f2);color:#fff}.profile-card-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.profile-card-btn:disabled{opacity:.6;cursor:default}.koko-message-sender-btn{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600}.koko-message-sender-btn:hover{text-decoration:underline}.contacts-page{background:var(--bg-surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.contacts-page-modal{background:var(--bg-surface);border-radius:14px;flex-direction:column;width:540px;max-width:100%;max-height:80vh;display:flex;overflow:hidden}.contacts-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.2rem .8rem;display:flex}.contacts-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.contacts-search-wrap{border-bottom:1px solid var(--border);padding:.6rem 1.1rem}.contacts-search{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:20px;outline:none;padding:.5rem .85rem;font-size:.9rem}.contacts-search:focus{border-color:var(--accent)}.contacts-list{flex-direction:column;flex:1;gap:.2rem;padding:.5rem .8rem;display:flex;overflow-y:auto}.contacts-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.4rem;padding:.5rem .4rem .35rem;font-size:.78rem;font-weight:600;display:flex}.contacts-count{background:var(--border);color:var(--text-muted);border-radius:9px;padding:0 .4rem;font-size:.75rem}.contacts-clear-recent{color:var(--accent,#5865f2);text-transform:none;letter-spacing:normal;cursor:pointer;background:0 0;border:none;margin-inline-start:auto;padding:0;font-size:.75rem;font-weight:600}.contacts-clear-recent:hover{text-decoration:underline}.contacts-loading,.contacts-empty{color:var(--text-muted);text-align:center;padding:1rem .5rem;font-size:.88rem}.contacts-row{border-radius:10px;align-items:center;gap:.75rem;padding:.55rem .5rem;transition:background .12s;display:flex}.contacts-row:hover{background:var(--bg-surface)}.contacts-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex;overflow:hidden}.contacts-avatar img{object-fit:cover;width:100%;height:100%}.contacts-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.contacts-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.93rem;overflow:hidden}.contacts-username{color:var(--text-muted);font-size:.78rem}.contacts-status{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.contacts-actions{flex-shrink:0;gap:.4rem;display:flex}.contacts-btn-remove{color:var(--text-muted)}.koko-avatar-upload{align-items:center;gap:1rem;display:flex}.koko-avatar-upload-preview{background:var(--bg-surface);border:2px dashed var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;padding:0;transition:border-color .15s,transform .1s ease-out;display:flex;position:relative;overflow:hidden}.koko-avatar-upload-preview:hover:not(:disabled){border-color:var(--accent)}.koko-avatar-upload-preview.drag-over{border-color:var(--accent);border-style:solid;transform:scale(1.04)}.koko-avatar-upload-preview.busy{cursor:progress;opacity:.6}.koko-avatar-upload-preview:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.koko-avatar-upload-overlay{color:#fff;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;font-size:1.7rem;transition:opacity .15s ease-out;display:flex;position:absolute;inset:0}.koko-avatar-upload-preview:hover .koko-avatar-upload-overlay,.koko-avatar-upload-preview:focus-visible .koko-avatar-upload-overlay,.koko-avatar-upload-preview.drag-over .koko-avatar-upload-overlay{opacity:1}.koko-avatar-upload-preview:not(:has(img)) .koko-avatar-upload-overlay{opacity:.65}.koko-avatar-upload-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.koko-avatar-upload-hint{color:var(--text-muted);font-size:.75rem}.koko-avatar-upload-img{object-fit:cover;width:100%;height:100%}.koko-avatar-upload-placeholder{color:var(--text-muted);font-size:1.8rem}.koko-avatar-upload-placeholder-svg{width:48px;height:48px;color:var(--text-muted);opacity:.55}.koko-avatar-upload-btn{background:var(--bg-surface);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:.45rem 1.1rem;font-size:.87rem;font-weight:500;transition:border-color .15s,background .15s}.koko-avatar-upload-btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.koko-avatar-upload-btn:disabled{opacity:.5;cursor:not-allowed}.privacy-settings{flex-direction:column;gap:0;display:flex}.privacy-row{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;transition:background .12s;display:flex}.privacy-row:first-child{border-radius:12px 12px 0 0}.privacy-row:last-child{border-radius:0 0 12px 12px}.privacy-row:only-child{border-radius:12px}.privacy-row+.privacy-row{border-top:none}.privacy-row:hover{background:color-mix(in srgb, var(--accent) 4%, var(--bg-surface))}.privacy-row-text{flex-direction:column;flex:1;gap:.2rem;display:flex}.privacy-row-label{color:var(--text);font-size:.92rem;font-weight:500;line-height:1.3}.privacy-row-hint{color:var(--text-muted);font-size:.78rem;line-height:1.45}.privacy-row-toggle{flex-shrink:0;width:44px;height:26px;margin-top:1px;position:relative}.toggle-checkbox{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.toggle-track{background:var(--border);border-radius:13px;width:44px;height:26px;transition:background .22s;display:block;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.toggle-checkbox:checked+.toggle-track{background:var(--accent)}.toggle-checkbox:checked+.toggle-track:after{transform:translate(18px)}.toggle-checkbox:disabled+.toggle-track{opacity:.45;cursor:not-allowed}.security-item .settings-toggle{cursor:pointer;flex-direction:row;align-items:center;gap:.75rem;padding:0}.security-item .settings-toggle input[type=checkbox]{appearance:none;background:var(--border);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .22s;position:relative}.security-item .settings-toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.security-item .settings-toggle input[type=checkbox]:checked{background:var(--accent)}.security-item .settings-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.security-item .settings-toggle input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.settings-profile-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=540px){.settings-profile-grid{grid-template-columns:1fr}}.settings-avatar-row{padding:.5rem 0 .75rem}.settings-divider{background:var(--border);height:1px;margin:.5rem 0}.about-section{flex-direction:column;gap:1rem;display:flex}.about-section h2{align-items:center;gap:.6rem;margin:0 0 .1rem;font-size:1.25rem;font-weight:700;display:flex}.about-badge{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);vertical-align:middle;border-radius:6px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.about-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.65rem;padding:1rem 1.2rem;display:flex}.about-card-warn{border-color:color-mix(in srgb, #f59e0b 40%, var(--border));background:color-mix(in srgb, #f59e0b 5%, var(--bg-surface))}.about-card-title{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.about-list{flex-direction:column;gap:.45rem;margin:0;padding-left:1.2rem;display:flex}.about-list li{color:var(--text);font-size:.87rem;line-height:1.5}.about-list li strong{color:var(--text)}.about-legal-links{flex-wrap:wrap;gap:.1rem .5rem;display:flex}.about-section a{color:var(--accent);text-decoration:none}.about-section a:hover{text-decoration:underline}.settings-modal-overlay{z-index:800;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;padding:1.25rem;animation:.18s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.settings-modal-container{background:var(--bg-surface,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:860px;height:calc(100vh - 2.5rem);max-height:700px;animation:.2s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000059}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-page-modal{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.settings-page-modal .settings-content{flex:1;min-height:0;overflow-y:auto}.settings-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.9rem 1.2rem 0;display:flex}.settings-modal-title{color:var(--text);font-size:1rem;font-weight:700}.settings-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:background .12s,color .12s;display:flex}.settings-modal-close:hover{color:#ef4444;background:#ef44441f}.settings-page-modal .settings-nav{gap:0;padding:0 .75rem}.settings-page-modal .settings-nav>button{padding:.6rem .7rem;font-size:.82rem}.search-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.search-dialog{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:min(600px,92vw);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000008c}.search-dialog .search-input-row{background:var(--bg-surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;display:flex}.search-dialog .search-input-icon{width:18px;height:18px;color:var(--interactive-normal);flex-shrink:0}.search-dialog .search-input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:2px 0;font-size:15px}.search-dialog .search-input::placeholder{color:var(--text-muted)}.search-dialog .search-input-esc{color:var(--text-muted);border:1px solid var(--bg-active);background:0 0;border-radius:3px;flex-shrink:0;padding:3px 6px;font-family:inherit;font-size:11px;font-weight:600}.search-semantic-toggle{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.search-semantic-toggle input{cursor:pointer}.search-body{flex:1;padding:.5rem 0;overflow-y:auto}.search-recent{padding:.5rem 1rem}.search-recent-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:flex}.search-recent-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.1rem .3rem;font-size:.72rem}.search-recent-clear:hover{color:var(--text);background:var(--bg-hover)}.search-recent-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .5rem;font-size:.88rem;display:flex}.search-recent-item:hover{background:var(--bg-hover)}.search-loading{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.88rem}.search-results{padding:.25rem 0}.search-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:.4rem 1rem .2rem;font-size:.72rem;font-weight:600}.search-result-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.9rem;transition:background .1s;display:flex}.search-result-item:hover{background:var(--bg-hover)}.search-result-icon{flex-shrink:0;font-size:1.1rem}.search-result-name{font-weight:500}.search-result-sub{color:var(--text-muted);font-size:.78rem}.search-semantic-results{border-top:1px solid var(--border);padding-top:.25rem}.search-dialog .search-results{flex:1;min-height:60px;padding:0;overflow-y:auto}.search-dialog .search-section{padding:6px 0 8px}.search-dialog .search-section+.search-section{border-top:1px solid var(--bg-surface);margin-top:2px}.search-dialog .search-section-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;padding:10px 16px 4px;font-size:11px;font-weight:700}.search-dialog .search-result-item{text-align:left;width:calc(100% - 16px);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;margin:1px 8px;padding:8px 12px;font-size:14px;transition:background 80ms;display:flex}.search-dialog .search-result-item:hover,.search-dialog .search-result-item:focus-visible{background:var(--bg-active);color:var(--interactive-active);outline:none}.search-dialog .search-user-row .search-user-text{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.search-dialog .search-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.search-dialog .search-user-handle{color:var(--text-muted);white-space:nowrap;font-size:13px}.search-dialog .search-channel-row .search-channel-hash{color:var(--text-muted);text-align:center;flex-shrink:0;width:32px;font-size:18px;font-weight:500}.search-dialog .search-channel-row .search-channel-name{color:var(--text);font-weight:500}.search-dialog .search-msg-row{align-items:flex-start;padding-top:10px;padding-bottom:10px}.search-dialog .search-msg-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.search-dialog .search-msg-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:6px;font-size:12px;display:flex;overflow:hidden}.search-dialog .search-msg-author{color:var(--text);font-size:13px;font-weight:600}.search-dialog .search-msg-channel{color:var(--text-muted)}.search-dialog .search-msg-sep{color:var(--text-muted);opacity:.6}.search-dialog .search-msg-date{color:var(--text-muted);flex-shrink:0;margin-left:auto}.search-dialog .search-msg-content{color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.search-dialog .search-result-item:hover .search-msg-content,.search-dialog .search-result-item:hover .search-msg-channel,.search-dialog .search-result-item:hover .search-msg-date,.search-dialog .search-result-item:hover .search-user-handle{color:var(--text)}.search-dialog .search-empty,.search-dialog .search-loading{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.search-dialog .search-recent{padding:8px 0}.search-dialog .search-recent-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:4px 16px 6px;font-size:11px;font-weight:600}.search-dialog .search-recent-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.search-dialog .search-recent-item:hover{background:var(--bg-active);color:var(--interactive-active)}html.koko-reduce-motion *,html.koko-reduce-motion :before,html.koko-reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html.koko-large-text{font-size:118%}html.koko-high-contrast{--text:#fff;--text-muted:#eaeaea;--border:#d8d8d8}html.koko-high-contrast[data-theme=light]{--text:#000;--text-muted:#1a1a1a;--border:#2a2a2a}@media (prefers-color-scheme:light){html.koko-high-contrast:not([data-theme]){--text:#000;--text-muted:#1a1a1a;--border:#2a2a2a}}html.koko-high-contrast a{text-decoration:underline}html.koko-high-contrast :focus-visible{outline:2px solid var(--accent,#6c5ce7)!important;outline-offset:2px!important}.koko-message-reactions{flex-wrap:wrap;align-self:flex-start;gap:4px;margin-top:6px;display:flex}.koko-reaction{background:var(--bg-hover,#252525);border:1px solid var(--border,#2a2a2a);color:var(--text,#e0e0e0);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.85rem;line-height:1.4;transition:background .12s,border-color .12s;display:inline-flex}.koko-reaction:hover{background:var(--bg-active,#2a2a2a)}.koko-reaction-mine{background:color-mix(in srgb, var(--accent,#6c5ce7) 22%, transparent);border-color:var(--accent,#6c5ce7)}.koko-reaction-emoji{font-size:.95rem;line-height:1}.koko-reaction-count{font-variant-numeric:tabular-nums;color:var(--text-muted,#a0a0a0)}.koko-reaction-mine .koko-reaction-count{color:var(--text,#e0e0e0)}.koko-reaction-picker.koko-emoji-picker{flex-flow:wrap;gap:2px;width:max-content;max-width:min(280px,100% - 2rem);max-height:none;padding:6px;bottom:100%;left:auto;right:.5rem}.koko-reaction-option{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:1.25rem;line-height:1;transition:background .12s,transform 80ms}.koko-reaction-option:hover{background:var(--bg-hover,#2a2a2a);transform:scale(1.15)}.koko-rooms-modal{background:var(--bg-elevated);flex-direction:column;max-height:80vh;display:flex}.koko-rooms-modal .settings-modal-body{flex:1;padding:12px 16px 16px;overflow-y:auto}.koko-rooms-create{gap:.5rem;margin-bottom:.75rem;display:flex}.koko-rooms-create .koko-input{flex:1}.koko-rooms-empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:13px}.koko-rooms-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.koko-rooms-item-btn{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;padding:8px 10px;transition:background 80ms;display:flex}.koko-rooms-item-btn:hover{background:var(--bg-hover)}.koko-rooms-item-name{color:var(--text);font-size:14px;font-weight:500}.koko-rooms-item-meta{color:var(--text-muted);font-size:12px}.koko-rooms-back{margin-bottom:.5rem}.koko-rooms-call{width:100%;margin-bottom:1rem}.koko-rooms-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#a0a0a0);margin:.5rem 0;font-size:.78rem}.koko-rooms-members{margin:0;padding:0;list-style:none}.koko-rooms-member{border-bottom:1px solid var(--border,#2a2a2a);justify-content:space-between;padding:.45rem .2rem;display:flex}.koko-rooms-member-role{color:var(--text-muted,#a0a0a0);font-size:.8rem}.koko-rooms-title-emoji{margin-right:.4rem}.koko-rooms-item-emoji{background:var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:inline-flex}.koko-rooms-item-main{flex-direction:column;flex:1;align-items:flex-start;gap:0;min-width:0;display:flex}.koko-rooms-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.koko-rooms-item-meta{flex-direction:row;flex-shrink:0;align-items:center;gap:8px;display:flex}.koko-rooms-item-count{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.koko-rooms-role-badge{text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4}.koko-rooms-role-badge.role-owner{color:#f5b840;background:#f5b84024}.koko-rooms-role-badge.role-moderator{color:#58a0ff;background:#58a0ff24}.koko-rooms-role-badge.role-user{color:var(--text-muted);background:0 0}.koko-rooms-create-wrap{justify-content:flex-end;margin:0 0 10px;display:flex}.koko-rooms-new-btn{background:var(--accent);color:#fff;border-radius:4px;align-items:center;gap:6px;width:auto;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.koko-rooms-new-btn:hover{background:var(--accent-hover)}.koko-rooms-item-avatar{background:var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative;overflow:hidden}.koko-rooms-item-avatar-fallback{font-size:18px;line-height:1}.koko-rooms-item-avatar-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.koko-create-room-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.koko-create-room-modal{background:var(--bg-elevated);border:1px solid var(--border);width:min(520px,100%);max-height:calc(100vh - 40px);color:var(--text);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000080}.koko-create-room-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.koko-create-room-title{color:var(--text);margin:0;font-size:16px;font-weight:700}.koko-create-room-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.koko-create-room-close:hover{background:var(--bg-hover);color:var(--text)}.koko-create-room-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.koko-create-room-error{color:#f23f42;background:#f23f421f;border-radius:4px;padding:8px 10px;font-size:13px}.koko-create-room-identity{align-items:center;gap:12px;display:flex}.koko-create-room-avatar-wrap{background:var(--bg-surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden}.koko-create-room-avatar-wrap:hover{background:var(--bg-hover)}.koko-create-room-avatar{object-fit:cover;width:100%;height:100%}.koko-create-room-avatar-placeholder{font-size:28px;line-height:1}.koko-create-room-avatar-hint{background:var(--accent);color:#fff;border:2px solid var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;bottom:0;right:0}.koko-create-room-fields{flex:1;align-items:center;gap:8px;display:flex}.koko-create-room-input{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:14px}.koko-create-room-input:focus{border-color:var(--accent)}.koko-create-room-emoji{text-align:center;background:var(--bg-surface);width:52px;color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none;padding:8px 6px;font-size:16px}.koko-create-room-emoji:focus{border-color:var(--accent)}.koko-create-room-textarea{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:4px;outline:none;min-height:44px;padding:8px 10px;font-family:inherit;font-size:13px}.koko-create-room-textarea:focus{border-color:var(--accent)}.koko-create-room-section{flex-direction:column;gap:8px;margin-top:4px;display:flex}.koko-create-room-section-head{justify-content:space-between;align-items:center;display:flex}.koko-create-room-section-head h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.koko-create-room-selected-count{color:var(--accent);font-size:11px;font-weight:600}.koko-create-room-search{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none;padding:8px 10px;font-size:13px}.koko-create-room-search:focus{border-color:var(--accent)}.koko-create-room-friends{border:1px solid var(--border);background:var(--bg-surface);border-radius:4px;max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.koko-create-room-friends-empty{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:13px}.koko-create-room-friend-row{cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background 80ms;display:flex}.koko-create-room-friend-row:hover{background:var(--bg-hover)}.koko-create-room-friend-row input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.koko-create-room-friend-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.koko-create-room-friend-avatar img{object-fit:cover;width:100%;height:100%}.koko-create-room-friend-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.koko-create-room-friend-handle{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:12px}.koko-create-room-footer{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.koko-rooms-create-card{background:var(--bg-hover,#252525);border:1px solid var(--border,#2a2a2a);border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding:.8rem;display:flex}.koko-rooms-create-row{gap:.5rem;display:flex}.koko-rooms-create-row .koko-input:not(.koko-rooms-emoji-input){flex:1}.koko-rooms-emoji-input{text-align:center;flex-shrink:0;width:3.2rem;font-size:1.15rem}.koko-rooms-create-actions{justify-content:flex-end;gap:.5rem;display:flex}.koko-rooms-detail-desc{color:var(--text-muted,silver);margin:.25rem 0 .85rem;line-height:1.4}.koko-rooms-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.koko-rooms-call-wrap{margin-bottom:1rem}.koko-rooms-call-back{margin-bottom:.5rem}.koko-rooms-delete{margin-top:.4rem}.koko-rooms-leave{width:100%;margin-top:.9rem}.koko-rooms-section-head{justify-content:space-between;align-items:center;margin-top:.4rem;display:flex}.koko-rooms-invite-toggle{font-size:.8rem}.koko-rooms-invite-panel{background:var(--bg-hover,#252525);border:1px solid var(--border,#2a2a2a);border-radius:12px;flex-direction:column;gap:.4rem;margin-bottom:.7rem;padding:.7rem;display:flex}.koko-rooms-invite-results{flex-direction:column;gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.koko-rooms-invite-row{justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .3rem;display:flex}.koko-rooms-invite-empty{color:var(--text-muted,#a0a0a0);text-align:center;padding:.5rem 0;font-size:.82rem}.koko-rooms-invite-close{align-self:flex-end}.koko-rooms-member-name{flex-direction:column;min-width:0;display:flex}.koko-rooms-member-handle{color:var(--text-muted,#8a8a8a);font-size:.72rem}.koko-rooms-member-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.koko-rooms-member-actions{gap:2px;display:flex}.koko-rooms-kick:hover{color:#ef4444!important}.koko-btn-xs{min-width:0;padding:2px 8px;font-size:.74rem;line-height:1.4}.koko-create-room-group-chips{flex-wrap:wrap;gap:6px;padding:2px 0;display:flex}.koko-group-chip{background:var(--bg,#2b2d31);color:var(--text,#dbdee1);border:1px solid var(--border,#3f4147);cursor:pointer;border-radius:14px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:600;transition:background 80ms,border-color 80ms,color 80ms;display:inline-flex}.koko-group-chip:hover:not(:disabled){background:var(--brand,#5865f2);border-color:var(--brand,#5865f2);color:#fff}.koko-group-chip.added{color:#23a55a;cursor:default;background:#23a55a29;border-color:#23a55a}.koko-group-chip-count{background:#ffffff1f;border-radius:8px;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.koko-create-room-friend-row.active{background:var(--bg-hover,#34363c)}.koko-header-icon-btn,.koko-footer-icon-btn,.koko-section-plus-btn,.koko-btn,.koko-channel-item,.koko-rooms-item-btn,.search-result-item,.koko-pinned-bar,.koko-pinned-item{transition:background .12s,color .12s,transform .1s,opacity .12s,box-shadow .12s}.koko-header-icon-btn:hover,.koko-footer-icon-btn:hover{transform:translateY(-1px)}.koko-header-icon-btn:active,.koko-footer-icon-btn:active{transform:translateY(0)scale(.94)}.koko-btn:active:not(:disabled){transform:scale(.97)}.koko-rooms-item-btn:active,.search-result-item:active{transform:scale(.99)}@keyframes koko-pop-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.koko-inline-call-more-menu,.koko-inline-call-react-tray,.koko-inline-call-devices{animation:.12s ease-out koko-pop-in}@media (prefers-reduced-motion:reduce){.koko-header-icon-btn,.koko-footer-icon-btn,.koko-btn,.koko-inline-call-more-menu,.koko-inline-call-react-tray,.koko-inline-call-devices{transition:none;animation:none}}.koko-spaces-section .koko-spaces-create{padding:4px 12px 8px}.koko-spaces-section .koko-spaces-create .koko-input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px}.koko-space-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 12px;transition:background 80ms;display:flex}.koko-space-item:hover{background:var(--bg-hover)}.koko-space-avatar{background:var(--accent);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.koko-space-avatar-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.koko-space-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.koko-space-default{color:var(--text-muted);font-size:11px;font-weight:400}.koko-space-chevron{color:var(--text-muted);flex-shrink:0;font-size:11px}.koko-space-rooms{flex-direction:column;gap:1px;padding:2px 0 4px 16px;display:flex}.koko-space-rooms-loading,.koko-space-rooms-empty{color:var(--text-muted);padding:4px 12px;font-size:12px}.koko-space-room{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:14px;transition:background 80ms,color 80ms;display:flex}.koko-space-room:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.koko-space-room.active{background:var(--bg-active);color:var(--text)}.koko-space-room:disabled{opacity:.45;cursor:default}.koko-space-room-hash{width:16px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.koko-space-room-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.koko-spaces-rail{background:var(--bg-floating,#1a1b1e);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;width:68px;height:100%;padding:10px 0;display:flex;overflow:hidden auto}.koko-spaces-rail-list{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.koko-spaces-rail-item{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:relative}.koko-spaces-rail-pill{background:var(--text);border-radius:0 4px 4px 0;width:4px;height:24px;transition:transform .15s,height .15s;position:absolute;top:50%;left:-10px;transform:translateY(-50%)scaleY(0)}.koko-spaces-rail-item:hover .koko-spaces-rail-pill{height:16px;transform:translateY(-50%)scaleY(1)}.koko-spaces-rail-item.active .koko-spaces-rail-pill{height:28px;transform:translateY(-50%)scaleY(1)}.koko-spaces-rail-avatar{background:var(--bg-surface);width:48px;height:48px;color:var(--text);border-radius:24px;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:border-radius .15s,background .15s;display:flex;position:relative;overflow:hidden}.koko-spaces-rail-item:hover .koko-spaces-rail-avatar,.koko-spaces-rail-item.active .koko-spaces-rail-avatar{background:var(--accent);color:#fff;border-radius:16px}.koko-spaces-rail-avatar-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.koko-spaces-rail-add .koko-spaces-rail-avatar{border:2px dashed var(--border);color:var(--text-muted);background:0 0;font-size:22px;font-weight:400}.koko-spaces-rail-add:hover .koko-spaces-rail-avatar{color:#23a55a;background:#23a55a26;border-color:#23a55a}.koko-spaces-rail-create{width:52px}.koko-spaces-rail-input{text-align:center;background:var(--bg);width:52px;color:var(--text);border:1px solid var(--accent);border-radius:8px;outline:none;padding:4px 2px;font-size:11px}.koko-space-rooms-section .koko-space-header{justify-content:space-between;align-items:center;padding:6px 12px 2px;display:flex}.koko-space-header-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.koko-space-header-meta{color:var(--text-muted);align-items:center;gap:3px;font-size:12px;display:inline-flex}.koko-nav-section-subhead{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:6px 12px 2px;font-size:11px;font-weight:700}.koko-space-rooms-loading{color:var(--text-muted);padding:4px 12px;font-size:12px}.koko-space-room-hash{color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.koko-space-room-avatar{width:22px;height:22px;font-size:.72rem}.koko-space-room-lock{z-index:2;background:var(--bg,#1e1f22);width:13px;height:13px;color:var(--text-muted,#b5bac1);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-3px;right:-3px}.koko-space-room-lock svg{width:9px;height:9px}.koko-space-header-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.koko-space-settings-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:inline-flex}.koko-space-settings-btn:hover{background:var(--bg-hover);color:var(--text)}.koko-space-create{flex-direction:column;gap:8px;padding:6px 12px 10px;display:flex}.koko-space-create-input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px}.koko-space-create-priv{gap:6px;display:flex}.koko-space-priv-opt{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:12px;font-weight:600;transition:background 80ms,color 80ms,border-color 80ms;display:inline-flex}.koko-space-priv-opt:hover{color:var(--text)}.koko-space-priv-opt.active{background:var(--brand,#5865f2);border-color:var(--brand,#5865f2);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;font-family:Inter,Inter var,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Roboto,Apple Color Emoji,Segoe UI Emoji,Arial,sans-serif;font-size:16px;line-height:1.375}:focus-visible{outline:var(--focus-outline,2px solid #6c5ce7);outline-offset:2px}#root{height:100dvh}