.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]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff57;--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]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--scrollbar-thumb:#00000038;--scrollbar-thumb-hover:#00000061;--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}:root[data-ui=trueconf]{--accent:#1a7ee5;--accent-hover:#1568c2;--focus-outline:2px solid #1a7ee5}:root[data-ui=trueconf][data-theme=dark]{--bg:#141b26;--bg-surface:#0f1722;--surface:#0f1722;--bg-hover:#1a2434;--bg-active:#22314a;--bg-elevated:#131c28;--bg-floating:#0a1018;--border:#1e2a3d;--text-muted:#8a97ab}:root[data-ui=trueconf] .koko-inline-call{background:linear-gradient(158deg,#0d2039 0%,#0a1420 55%,#070b12 100%)}:root[data-ui=trueconf] .koko-group-call-tile,:root[data-ui=trueconf] .koko-inline-call-stage{background:radial-gradient(120% 120% at 30% 20%,#16273c,#0c1622);border:1px solid #78aae62e;border-radius:16px;box-shadow:0 6px 20px #00000073}.koko-tc-self-badge{display:none}:root[data-ui=trueconf] .koko-group-call-tile .koko-tc-self-badge{color:#fff;text-transform:uppercase;letter-spacing:.4px;z-index:3;background:#1a7ee5;border-radius:7px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}:root[data-ui=trueconf] .koko-group-call-tile.speaking{border-color:#1a7ee5;box-shadow:0 0 0 2px #1a7ee5,0 0 18px #1a7ee580}:root[data-ui=trueconf] .koko-group-call-tile-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1628d1;border:1px solid #78aae638;border-radius:6px;padding:2px 8px;font-weight:600}:root[data-ui=trueconf] .koko-inline-call-pip{border:2px solid #78aae666;border-radius:10px}:root[data-ui=trueconf] .koko-call-statusbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d2038c7;border:1px solid #78aae640}:root[data-ui=trueconf] .koko-inline-call-group{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d2038b8;border:1px solid #78aae633}:root[data-ui=trueconf] .koko-inline-call-btn-active{background:#1a7ee5}:root[data-ui=trueconf] .koko-inline-call-btn-active:hover{background:#1568c2}.koko-tc-partpanel{display:none}:root[data-ui=trueconf] .koko-group-call.koko-tc-parts-open .koko-tc-partpanel{z-index:5;background:#0e1a28;border:1px solid #78aae629;border-radius:14px;flex-direction:column;width:264px;display:flex;position:absolute;top:12px;bottom:96px;right:12px;overflow:hidden;box-shadow:0 12px 34px #00000073}:root[data-ui=trueconf] .koko-group-call.koko-tc-parts-open .koko-group-call-grid-wrap,:root[data-ui=trueconf] .koko-group-call.koko-tc-parts-open .koko-group-call-speaker{padding-right:288px}:root[data-ui=trueconf] .koko-group-call.koko-tc-parts-open .koko-call-statusbar{margin-right:291px}@media (width<=999px){:root[data-ui=trueconf] .koko-group-call.koko-tc-parts-open .koko-tc-partpanel{display:none}:root[data-ui=trueconf] .koko-group-call.koko-tc-parts-open .koko-group-call-grid-wrap,:root[data-ui=trueconf] .koko-group-call.koko-tc-parts-open .koko-group-call-speaker{padding-right:0}}.koko-tc-partpanel-head{color:#7fb6f0;border-bottom:1px solid #78aae61f;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:13px 15px;font-size:12.5px;font-weight:700;display:flex}.koko-tc-partpanel-close{color:#8195ad;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:inline-flex}.koko-tc-partpanel-close:hover{color:#dbe6f4;background:#ffffff14}.koko-tc-partpanel-list{flex:1;padding:8px;overflow-y:auto}.koko-tc-prow{border-radius:10px;align-items:center;gap:10px;padding:7px 8px;display:flex}.koko-tc-prow:hover{background:#ffffff0d}.koko-tc-pav{border-radius:50%;flex:0 0 30px;width:30px;height:30px;display:inline-flex;overflow:hidden}.koko-tc-pn{color:#dbe6f4;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:550;overflow:hidden}.koko-tc-pspk{color:#7fb6f0;flex:none;font-size:10.5px;font-weight:600}.koko-tc-pmic{color:#8195ad;flex:none;display:inline-flex}.koko-tc-pmic.muted{color:#e5484d}.koko-tc-pmic svg{width:16px;height:16px}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--scrollbar-thumb:#00000038;--scrollbar-thumb-hover:#00000061;--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-img{width:auto;height:108px;margin:0 auto;display:block}.koko-auth-logo-domain{color:var(--text-muted);letter-spacing:.01em;font-size:.95rem;font-weight:600}.koko-workspace-icon-img{flex:none;width:auto;height:26px}.koko-workspace-emblem{--koko-parrot-clip:polygon(0 0, 44% 0, 44% 30%, 43% 35%, 46% 39%, 48% 42%, 50% 47%, 51% 53%, 51% 64%, 50% 74%, 50% 80%, 53% 100%, 0 100%);--koko-cloud-clip:polygon(43% 17%, 100% 17%, 100% 100%, 52% 100%, 52% 84%, 43% 84%);transform-origin:43% 78%;flex:none;animation:7.2s ease-in-out infinite koko-emblem-sway;display:inline-flex;position:relative}.koko-emblem-base,.koko-emblem-wink{clip-path:var(--koko-parrot-clip)}.koko-emblem-wink{z-index:1;opacity:0;pointer-events:none;animation:7.2s ease-in-out infinite koko-emblem-blink;position:absolute;top:0;left:0}@keyframes koko-emblem-sway{0%,43%,to{transform:rotate(-2deg)translate(0)}50%{transform:rotate(4deg)translate(.5px,-.5px)}58%{transform:rotate(-1deg)translate(-.5px)}67%{transform:rotate(1deg)translateY(-.25px)}}@keyframes koko-emblem-blink{0%,50%,61%,to{opacity:0}54%,58%{opacity:1}}.koko-emblem-chat-cloud{z-index:2;clip-path:var(--koko-cloud-clip);opacity:0;pointer-events:none;transform-origin:51% 58%;will-change:opacity, transform, filter;animation:7.2s linear infinite koko-emblem-exhale;position:absolute;top:0;left:0}@keyframes koko-emblem-exhale{0%,44%{opacity:0;filter:blur();transform:translate(-13%,7%)scale(.16)rotate(-7deg)}51%{opacity:.3;filter:blur();transform:translate(-9%,4%)scale(.34)rotate(-4deg)}60%{opacity:1;filter:blur();transform:translate(0)scale(1)rotate(0)}84%{opacity:1;filter:blur();transform:translate(0)scale(1)rotate(0)}89%{opacity:.88;filter:blur(.25px);transform:translate(1%,-1.5%)scale(1.025)rotate(.5deg)}94%{opacity:.56;filter:blur(.8px);transform:translate(3%,-4%)scale(1.075)rotate(1.5deg)}98%{opacity:.16;filter:blur(1.8px);transform:translate(7%,-9%)scale(1.15)rotate(3deg)}to{opacity:0;filter:blur(3px);transform:translate(10%,-13%)scale(1.22)rotate(4deg)}}.koko-emblem-dots{pointer-events:none;z-index:3;opacity:0;animation:7.2s linear infinite koko-emblem-cloud-dots;position:absolute;inset:0}.koko-emblem-dots i{background:#fff;border-radius:50%;width:3.5px;height:3.5px;animation:1.4s ease-in-out infinite koko-emblem-typing;position:absolute;top:50.2%;transform:translate(-50%,-50%)scale(1)}.koko-emblem-dots i:first-child{left:63.9%}.koko-emblem-dots i:nth-child(2){animation-delay:.2s;left:74.5%}.koko-emblem-dots i:nth-child(3){animation-delay:.4s;left:85.2%}@keyframes koko-emblem-typing{0%,55%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.35)}}@keyframes koko-emblem-cloud-dots{0%,57%,to{opacity:0}61%,84%{opacity:1}90%{opacity:.72}96%{opacity:.18}}@media (prefers-reduced-motion:reduce){.koko-workspace-emblem{animation:none}.koko-emblem-wink{opacity:0;animation:none}.koko-emblem-chat-cloud{opacity:1;animation:none;transform:none}.koko-emblem-dots{opacity:1;animation:none}.koko-emblem-dots i{opacity:1;animation:none;transform:translate(-50%,-50%)scale(1)}}img.koko-logo-light,[data-theme=light] img.koko-logo-dark{display:none}[data-theme=light] img.koko-logo-light{display:block}@media (prefers-color-scheme:light){:root:not([data-theme]) img.koko-logo-dark{display:none}:root:not([data-theme]) img.koko-logo-light{display:block}}[data-theme=light] img.koko-logo-light,:root:not([data-theme]) img.koko-logo-light{box-sizing:content-box;background:#d4dce6;border:1px solid #0f172a14;border-radius:18px;padding:10px 14px}[data-theme=light] img.koko-workspace-icon-img.koko-logo-light,:root:not([data-theme]) img.koko-workspace-icon-img.koko-logo-light{filter:drop-shadow(0 1px 1.5px #0f172a61);background:0 0;border:none;border-radius:0;padding:0}.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-logo-img{width:auto;height:clamp(120px,20vw,190px);margin:0 auto .5rem;display:block}.koko-landing-domain{color:var(--text-muted);margin:0;font-weight:700;font-size:clamp(1.5rem,3.5vw,2.4rem)!important;line-height:1.1!important}.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;isolation:isolate;background:0 0;border:none;align-items:center;gap:8px;padding:.5rem .75rem;font-size:.9rem;transition:background .1s,color .1s;display:flex;position:relative}.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-channel-avatar--room{border-radius:32%}.koko-channel-type-badge{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-channel-type-badge svg{width:9px;height:9px}.koko-channel-type-hash{font-size:10px;font-weight:700;line-height:1}.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(--accent,#6c5ce7);color:#fff;animation:3s ease-in-out infinite koko-active-glow}@keyframes koko-active-glow{0%,to{box-shadow:inset 0 0 #fff0}50%{box-shadow:inset 0 0 12px #ffffff2e,0 0 10px #ffffff1f}}@media (prefers-reduced-motion:reduce){.koko-channel-item.active{animation:none;box-shadow:inset 0 0 12px #ffffff24}}.koko-channel-item.active .koko-channel-name{color:#fff;font-weight:600}.koko-channel-item.active .koko-channel-avatar{box-shadow:0 0 0 2px #fff9}.koko-channel-item:before{content:"";background:var(--accent,#6c5ce7);z-index:2;pointer-events:none;border-radius:0 3px 3px 0;width:3px;height:0;transition:height .19s cubic-bezier(.2,.9,.3,1.3);position:absolute;top:50%;left:0;transform:translateY(-50%)}.koko-channel-item.active:before{background:#ffffffe6;height:58%}.koko-channel-item.active:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ffffff4d,#ffffff1a 55%,#0000 82%);animation:.4s cubic-bezier(.22,1,.36,1) forwards koko-item-activate;position:absolute;inset:0}@keyframes koko-item-activate{0%{clip-path:inset(0 100% 0 0);opacity:1}to{clip-path:inset(0);opacity:.5}}@media (prefers-reduced-motion:reduce){.koko-channel-item:before{transition:none}.koko-channel-item.active:after{opacity:.4;clip-path:none;animation:none}}.koko-channel-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;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{--koko-title-mist-a:#715fff94;--koko-title-mist-b:#2cb0ff75;--koko-title-mist-c:#62eac057;isolation:isolate;color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;font-size:.95rem;font-weight:700;display:inline-grid;position:relative}.koko-workspace-title-text{z-index:2;text-shadow:0 0 11px color-mix(in srgb, var(--koko-title-mist-b) 34%, transparent), 0 1px 0 color-mix(in srgb, var(--bg) 45%, transparent);position:relative}.koko-workspace-title-mist{z-index:1;pointer-events:none;position:absolute;inset:-10px -15px;overflow:visible}.koko-workspace-title-mist i{opacity:0;filter:blur(5px);will-change:transform, opacity;border-radius:999px;animation:9.6s ease-in-out infinite koko-workspace-title-mist;display:block;position:absolute}.koko-workspace-title-mist i:first-child{background:radial-gradient(ellipse, var(--koko-title-mist-a) 0%, transparent 72%);width:58%;height:48%;bottom:12%;left:-4%}.koko-workspace-title-mist i:nth-child(2){background:radial-gradient(ellipse, var(--koko-title-mist-b) 0%, transparent 72%);width:54%;height:54%;animation-duration:11.8s;animation-delay:-4.1s;top:5%;right:-7%}.koko-workspace-title-mist i:nth-child(3){background:radial-gradient(ellipse, var(--koko-title-mist-c) 0%, transparent 70%);width:42%;height:62%;animation-duration:8.7s;animation-delay:-6.3s;top:-8%;left:30%}@keyframes koko-workspace-title-mist{0%,to{opacity:.08;transform:translate(-7px,4px)scale(.76)rotate(-7deg)}32%{opacity:.5;transform:translate(1px,-2px)scale(1.08)rotate(3deg)}66%{opacity:.24;transform:translate(8px,-6px)scale(.92)rotate(8deg)}}[data-theme=light] .koko-workspace-title{--koko-title-mist-a:#634bde61;--koko-title-mist-b:#0088e057;--koko-title-mist-c:#00a0783d}@media (prefers-color-scheme:light){:root:not([data-theme]) .koko-workspace-title{--koko-title-mist-a:#634bde61;--koko-title-mist-b:#0088e057;--koko-title-mist-c:#00a0783d}}@media (prefers-reduced-motion:reduce){.koko-workspace-title-mist i{opacity:.14;animation:none;transform:none}}.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-tick-sending{vertical-align:-1px;width:11px;height:11px;margin-left:4px}.koko-tick-sending circle{fill:none;stroke-width:2.5px}.koko-tick-sending-track{stroke:currentColor;opacity:.25}.koko-tick-sending-arc{stroke:#23a55a;stroke-linecap:round;stroke-dasharray:50.27;transform-origin:50%;animation:1.1s ease-in-out infinite koko-tick-fill;transform:rotate(-90deg)}@keyframes koko-tick-fill{0%{stroke-dashoffset:50.27px;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.15}}@media (prefers-reduced-motion:reduce){.koko-tick-sending-arc{stroke-dashoffset:12px;animation:none}}.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-active-call-banner{width:calc(100% - 16px);color:var(--text);cursor:pointer;text-align:left;background:#23a55a24;border:1px solid #23a55a73;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;margin:8px 8px 6px;padding:8px 10px;transition:background .12s,border-color .12s;animation:.38s cubic-bezier(.34,1.56,.64,1) both koko-active-call-in;display:flex}@keyframes koko-active-call-in{0%{opacity:0;transform:translateY(10px)scale(.96)}60%{opacity:1;transform:translateY(0)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.koko-active-call-banner{animation:.22s both koko-active-call-fade}}@keyframes koko-active-call-fade{0%{opacity:0}to{opacity:1}}.koko-active-call-banner:hover{background:#23a55a38;border-color:#23a55aa6}.koko-active-call-pulse{background:#23a55a;border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s ease-out infinite koko-call-pulse;box-shadow:0 0 #23a55ab3}@keyframes koko-call-pulse{0%{box-shadow:0 0 #23a55a99}70%{box-shadow:0 0 0 7px #23a55a00}to{box-shadow:0 0 #23a55a00}}@media (prefers-reduced-motion:reduce){.koko-active-call-pulse{animation:none}}.koko-active-call-meta{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.koko-active-call-label{color:#2dc46f;font-size:.82rem;font-weight:700;line-height:1.2}.koko-active-call-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.koko-active-call-arrow{color:var(--text-muted);flex:none;transition:transform .12s}.koko-active-call-banner:hover .koko-active-call-arrow{color:var(--text);transform:translate(2px)}.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;min-height:0;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:28px;height:28px;margin-right:0;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-nav-section-unread{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.66rem;font-weight:700;display:inline-flex}.koko-nav-section-unread+.koko-nav-count{margin-left:4px}.koko-favorites-list{flex-direction:column;gap:2px;display:flex}.koko-favorite-row{align-items:center;min-width:0;padding-right:8px;display:flex}.koko-favorite-main{flex:1;min-width:0}.koko-favorite-remove{width:26px;height:26px;color:color-mix(in srgb, var(--accent) 70%, var(--text-muted));cursor:pointer;opacity:0;background:0 0;border:0;border-radius:7px;flex:0 0 26px;transition:opacity .12s,background .12s,color .12s}.koko-favorite-row:hover .koko-favorite-remove,.koko-favorite-remove:focus-visible{opacity:1}.koko-favorite-remove:hover{background:var(--bg-hover);color:var(--accent)}.koko-favorites-empty{border:1px dashed color-mix(in srgb, var(--border) 75%, var(--accent));width:calc(100% - 16px);color:var(--text-muted);cursor:pointer;text-align:start;background:0 0;border-radius:9px;align-items:center;gap:8px;margin:0 8px 4px;padding:7px 9px;font-size:.78rem;display:flex}.koko-favorites-empty:hover{border-color:color-mix(in srgb, var(--accent) 70%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text)}.koko-favorites-picker{width:min(520px,100vw - 28px);max-height:min(760px,100vh - 32px)}.koko-favorites-picker-body{overflow-y:auto}.koko-favorites-search{z-index:2;position:sticky;top:0}.koko-favorites-picker-group{margin-top:14px}.koko-favorites-picker-group h3{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:800}.koko-favorites-picker-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.koko-favorites-picker-row{width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:9px;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:7px 9px;display:grid}.koko-favorites-picker-row:hover,.koko-favorites-picker-row.is-favorite{background:var(--bg-hover)}.koko-favorites-picker-row:disabled{cursor:wait;opacity:.65}.koko-favorites-picker-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.koko-favorites-picker-row small{color:var(--text-muted);font-size:.74rem}.koko-favorites-picker-star{color:var(--accent);text-align:center;font-size:1.1rem}.koko-favorites-picker-hint{color:var(--text-muted);margin:0;padding:7px 9px;font-size:.78rem}.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-tile-row{margin:4px 8px;position:relative}.koko-thread-tile{background:var(--bg-hover,#7f7f7f14);cursor:pointer;text-align:left;border:none;border-radius:9px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:7px 42px 7px 13px;transition:background .1s;display:flex}.koko-thread-tile:hover{background:var(--bg-active,var(--bg-hover))}.koko-thread-tile.active{background:color-mix(in srgb, var(--accent,#6c5ce7) 16%, transparent)}.koko-thread-tile-line1{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.koko-thread-tile-line1 .koko-thread-icon{flex:none}.koko-thread-tile-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.koko-thread-tile-sub{font-variant-numeric:tabular-nums;color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.koko-thread-tile-replyico{opacity:.8;flex:none;width:12px;height:12px}.koko-thread-tile-actions{opacity:.55;gap:1px;transition:opacity .1s;display:flex;position:absolute;top:5px;right:8px}.koko-thread-tile-row:hover .koko-thread-tile-actions,.koko-thread-tile-row:focus-within .koko-thread-tile-actions{opacity:1}.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{isolation:isolate;background:var(--accent);color:#fff;width:32px;height:32px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 42%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:relative}.koko-sidebar-footer-avatar-aura{z-index:0;background:conic-gradient(from 0deg, transparent 0 12%, color-mix(in srgb, var(--accent) 92%, #fff) 28%, transparent 45% 59%, #66dec6 76%, transparent 94%);opacity:.8;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 75%, transparent)) drop-shadow(0 0 9px #45d7ba6b);pointer-events:none;border-radius:50%;animation:12s linear infinite koko-footer-avatar-aura;position:absolute;inset:-9px;-webkit-mask:radial-gradient(farthest-side,#0000 66%,#000 70% 89%,#0000 94%);mask:radial-gradient(farthest-side,#0000 66%,#000 70% 89%,#0000 94%)}.koko-sidebar-footer-avatar-initial{z-index:1;position:relative}@keyframes koko-footer-avatar-aura{0%{opacity:.68;transform:rotate(0)scale(.98)}50%{opacity:1;transform:rotate(180deg)scale(1.08)}to{opacity:.68;transform:rotate(360deg)scale(.98)}}.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{background-image:radial-gradient(55% 45% at 18% 22%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 68%), radial-gradient(50% 45% at 82% 78%, #23a55a0d, transparent 68%);background-repeat:no-repeat;background-size:180% 180%,180% 180%;flex:1;min-height:0;animation:44s ease-in-out infinite alternate koko-chat-bg-drift;position:relative;overflow:hidden}@keyframes koko-chat-bg-drift{0%{background-position:0 0,100% 100%}to{background-position:100% 100%,0 0}}@media (prefers-reduced-motion:reduce){.koko-messages{animation:80s ease-in-out infinite alternate koko-chat-bg-drift}}.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-pinned-bar-hide{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:.2rem .42rem;font-size:.85rem;line-height:1}.koko-pinned-bar-hide: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-row-mine{justify-content:flex-end}.koko-message-row-mine .koko-message-gutter,.koko-message-mine .koko-message-header{display:none}.koko-message-content{border-radius:16px;max-width:75%}.koko-message:not(.koko-message-mine) .koko-message-content{border:.5px solid var(--border)}.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[data-active=true]{color:var(--accent,#4a8cff)}.koko-message-translate-btn:disabled{cursor:progress}.koko-message-translate-btn[data-loading=true] svg{animation:.9s ease-in-out infinite koko-translate-pulse}@keyframes koko-translate-pulse{0%,to{opacity:.4}50%{opacity:1}}.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-xsign-badge{vertical-align:middle;white-space:nowrap;cursor:default;border-radius:10px;flex-shrink:0;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;font-size:.66rem;font-weight:700;display:inline-flex}.koko-xsign-verified,.koko-xsign-encrypted{color:#2fa968;background:#2fa96824;animation:.42s cubic-bezier(.2,.9,.3,1.2) both koko-xsign-in,3.2s ease-in-out .5s infinite koko-xsign-glow;position:relative;overflow:hidden}@keyframes koko-xsign-glow{0%,to{background:#2fa96824;box-shadow:0 0 #2fa96800}50%{background:#2fa96842;box-shadow:0 0 12px 1px #2fa96873}}.koko-xsign-verified:after,.koko-xsign-encrypted:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 32%,#fff6 50%,#0000 68%);animation:4.5s ease-in-out .3s infinite koko-xsign-sheen;position:absolute;inset:0;transform:translate(-130%)}@keyframes koko-xsign-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes koko-xsign-sheen{0%{transform:translate(-130%)}18%{transform:translate(130%)}to{transform:translate(130%)}}.koko-xsign-warn{color:#e0a11b;background:#e0a11b29;padding:1px 6px;animation:1.9s ease-in-out infinite koko-xsign-attn}@keyframes koko-xsign-attn{0%,to{box-shadow:0 0 #e0a11b00}50%{box-shadow:0 0 0 3px #e0a11b33}}@media (prefers-reduced-motion:reduce){.koko-xsign-warn{animation:none;box-shadow:0 0 0 2px #e0a11b33}.koko-xsign-verified:after,.koko-xsign-encrypted:after{opacity:0;animation:none}.koko-xsign-verified,.koko-xsign-encrypted{animation:.42s cubic-bezier(.2,.9,.3,1.2) both koko-xsign-in;box-shadow:0 0 6px #2fa96840}}.koko-xsign-banner{background:#f047471f;border-bottom:1px solid #f0474759;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;display:flex}.koko-xsign-banner-text{color:#f04747;flex:1;min-width:0;font-weight:600}.koko-xsign-banner-btn{color:#f04747;cursor:pointer;background:0 0;border:1px solid #f04747;border-radius:6px;flex-shrink:0;padding:5px 12px;font-weight:600}.koko-xsign-banner-btn:hover:not(:disabled){background:#f047471f}.koko-xsign-banner-btn:disabled{opacity:.6;cursor:default}.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-channel-call-block{background:var(--bg-hover,#23a55a14);border-radius:999px;align-items:center;gap:6px;min-width:0;margin-right:2px;padding:2px 4px 2px 8px;display:flex;position:relative}.koko-channel-call-live-dot{background:#23a55a;border-radius:50%;flex:none;width:7px;height:7px;animation:1.8s ease-out infinite koko-voice-invite-pulse;box-shadow:0 0 #23a55a8c}@media (prefers-reduced-motion:reduce){.koko-channel-call-live-dot{animation:none}}.koko-channel-call-avatars{flex:none;align-items:center;display:inline-flex}.koko-channel-call-avatar{box-shadow:0 0 0 2px var(--bg-surface);border-radius:50%;margin-left:-6px;display:inline-flex}.koko-channel-call-avatar:first-child{margin-left:0}.koko-channel-call-avatar-more{width:20px;height:20px;color:var(--text-muted);background:var(--bg-active,var(--bg-hover));justify-content:center;align-items:center;font-size:10px;font-weight:600}.koko-channel-call-count{color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:500}.koko-channel-call-roster-toggle{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;margin:0;padding:2px 6px;display:inline-flex}.koko-channel-call-roster-toggle:hover,.koko-channel-call-roster-toggle[aria-expanded=true]{background:var(--bg-modifier-hover,var(--bg-active,var(--bg-hover)))}.koko-channel-call-roster-pop{z-index:60;background:var(--bg-floating,var(--bg-surface,#1e1f22));border:1px solid var(--border,#ffffff14);min-width:200px;max-width:280px;max-height:min(60vh,360px);box-shadow:var(--shadow-high,0 8px 24px #00000052);border-radius:10px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.koko-channel-call-roster-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;padding:2px 6px 8px;font-size:.72rem;font-weight:700;display:flex}.koko-channel-call-roster-count{font-variant-numeric:tabular-nums;margin-left:auto}.koko-channel-call-roster-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.koko-channel-call-roster-item{border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.koko-channel-call-roster-item:hover{background:var(--bg-modifier-hover,var(--bg-hover))}.koko-channel-call-roster-name{min-width:0;color:var(--text-normal,var(--text));white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.koko-channel-call-roster-empty{color:var(--text-muted);text-align:center;padding:6px;font-size:.8rem}.koko-channel-call-join{color:#fff;cursor:pointer;white-space:nowrap;background:#23a55a;border:none;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:background .1s,opacity .1s;display:inline-flex}.koko-channel-call-join:hover:not(:disabled){background:#1f9450}.koko-channel-call-join:disabled{opacity:.6;cursor:default}.koko-channel-call-join svg{display:block}.koko-channel-call-join-icon{border-radius:50%;justify-content:center;gap:0;width:28px;height:28px;padding:6px}@media (width<=640px){.koko-channel-call-avatars{display:none}}.koko-header-extras-inline{opacity:0;pointer-events:none;align-items:center;gap:2px;max-width:0;transition:max-width .24s,opacity .18s;display:inline-flex;overflow:hidden}.koko-header-extras-inline.open{opacity:1;pointer-events:auto;max-width:240px}.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-hsearch{align-items:center;gap:2px;display:flex;position:relative}.koko-hsearch-field{width:0;transition:width .22s;overflow:hidden}.koko-hsearch.open .koko-hsearch-field{width:200px}.koko-hsearch-input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-surface);width:100%;height:32px;color:var(--text);border-radius:8px;padding:0 10px;font-family:inherit;font-size:.85rem}.koko-hsearch-input:focus{border-color:var(--accent,#5865f2);outline:none}.koko-hsearch-dropdown{background:var(--bg-elevated,var(--bg-surface));border:1px solid var(--border);z-index:60;border-radius:12px;width:360px;max-width:80vw;max-height:60vh;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 40px #0000004d}.koko-hsearch-list{margin:0;padding:0;list-style:none}@media (width<=600px){.koko-hsearch.open .koko-hsearch-field{width:140px}}.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-members-panel.koko-room-info-panel{width:400px}@media (width<=900px){.koko-members-panel.koko-room-info-panel{width:340px}}.koko-room-info{flex-direction:column;gap:.85rem;padding:4px 2px 12px;display:flex}.koko-room-info-group{flex-direction:column;gap:8px;display:flex}.koko-room-info-admin-group{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.koko-room-info-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:2px 4px 0;font-size:.72rem;font-weight:700}.koko-room-info-hero-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.koko-room-info-stat{white-space:nowrap;color:var(--accent,#1a7ee5);background:color-mix(in srgb, var(--accent,#1a7ee5) 12%, transparent);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600}.koko-room-info-stat-online{color:#1c9a52;background:#23c46b24;align-items:center;gap:5px;display:inline-flex}.koko-room-info-stat-online:before{content:"";background:#23c46b;border-radius:50%;width:6px;height:6px}.koko-room-info-hero{flex-direction:column;align-items:center;gap:6px;padding:8px 0 6px;display:flex}.koko-room-info-hero-avatar{box-shadow:0 0 0 4px var(--bg-hover,#ffffff0d);border-radius:50%;display:inline-flex}.koko-room-info-hero-name{color:var(--text);text-align:center;word-break:break-word;font-size:1.2rem;font-weight:700;line-height:1.2}.koko-room-info-cover{border-radius:12px;flex:none;width:100%;height:148px;position:relative;overflow:hidden}.koko-room-info-cover-img{object-fit:cover;width:100%;height:100%;display:block}.koko-room-info-hero-avatar--over{z-index:1;box-shadow:0 0 0 4px var(--bg-surface,var(--bg-floating,#1e1f22));margin-top:-40px;position:relative}.koko-room-info-status-dot{border:3px solid var(--bg-surface,var(--bg-floating,#1e1f22));border-radius:50%;width:16px;height:16px;position:absolute;bottom:2px;right:2px}.koko-room-info-hero-presence{color:var(--text-muted);font-size:.82rem}.koko-room-info-hero-about{color:var(--text);text-align:center;white-space:pre-wrap;word-break:break-word;max-width:92%;font-size:.86rem}.koko-room-info-mutual{flex-direction:column;gap:2px;display:flex}.koko-room-info-mutual-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.koko-room-info-mutual-item:hover{background:var(--bg-hover)}.koko-room-info-mutual-ic{background:var(--bg-active,var(--border));width:32px;height:32px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.koko-room-info-mutual-img{object-fit:cover;width:100%;height:100%}.koko-room-info-mutual-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.koko-room-info-hero-type{color:var(--accent,#1a7ee5);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.koko-room-info-badge-e2ee{color:#23a55a;background:#23a55a1f;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;animation:3.6s ease-in-out infinite koko-secure-breathe-bg}@keyframes koko-secure-breathe-bg{0%,to{background:#23a55a1f;box-shadow:0 0 #23a55a00}50%{background:#23a55a42;box-shadow:0 0 10px #23a55a66}}@media (prefers-reduced-motion:reduce){.koko-room-info-badge-e2ee{animation:none}}.koko-channel-settings-body{flex-direction:column;gap:10px;padding:4px 2px;display:flex}.koko-channel-settings-field-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.koko-channel-settings-input{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:9px 12px;font-size:.95rem}.koko-channel-settings-input:focus{border-color:var(--accent,#5865f2);outline:none}.koko-channel-settings-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.koko-channel-settings-delete{color:#ed4245;cursor:pointer;background:0 0;border:1px solid #ed424566;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:600}.koko-channel-settings-delete:hover:not(:disabled){background:#ed42451a}.koko-channel-settings-delete:disabled{opacity:.5;cursor:default}.koko-channel-settings-modal{width:580px;max-width:94vw}.koko-channel-settings-tabbed{gap:0;min-height:320px;display:flex}.koko-channel-settings-nav{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;width:168px;padding:4px 10px 4px 0;display:flex}.koko-channel-settings-nav>button{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:.9rem;transition:background .12s,color .12s;display:block}.koko-channel-settings-nav>button:hover{background:var(--bg-hover,#7f7f7f14);color:var(--text)}.koko-channel-settings-nav>button.active{background:var(--bg-active,#7f7f7f24);color:var(--text);font-weight:600}.koko-channel-settings-pane{flex-direction:column;flex:1;gap:8px;min-width:0;padding:2px 4px 4px 18px;display:flex}.koko-channel-settings-hint{color:var(--text-muted);margin:4px 0 0;font-size:.82rem}.koko-channel-settings-toggle{margin-top:4px}.koko-channel-settings-invite-row{align-items:center;gap:8px;display:flex}.koko-channel-settings-invite-row .koko-channel-settings-input{flex:1;min-width:0}.koko-channel-settings-invite-row .koko-btn-primary{white-space:nowrap;flex-shrink:0}.koko-channel-settings-danger{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.koko-channel-settings-danger-label{text-transform:uppercase;letter-spacing:.04em;color:#ed4245;font-size:.78rem;font-weight:700}.koko-room-info-actions{background:var(--bg-elevated,#ffffff08);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;padding:4px;display:flex}.koko-room-info-action{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:9px 10px;font-size:.9rem;font-weight:500;transition:background .12s;display:flex}.koko-room-info-action:hover{background:color-mix(in srgb, var(--accent,#1a7ee5) 8%, transparent)}.koko-room-info-action:focus{outline:none}.koko-room-info-action:focus-visible{outline:2px solid var(--accent,#5865f2);outline-offset:-2px}.koko-room-info-action-ic{width:30px;height:30px;color:var(--accent,#1a7ee5);background:color-mix(in srgb, var(--accent,#1a7ee5) 10%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.koko-room-info-action:hover .koko-room-info-action-ic{color:var(--accent,#1a7ee5);background:color-mix(in srgb, var(--accent,#1a7ee5) 18%, transparent)}.koko-room-info-action-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.koko-room-info-action-count{color:var(--text-muted);background:var(--bg-hover,#ffffff0f);text-align:center;border-radius:999px;flex:none;min-width:18px;padding:1px 7px;font-size:.72rem;font-weight:700}.koko-room-info-action-chev{color:var(--text-muted);opacity:.45;flex:none;transition:opacity .12s,transform .12s}.koko-room-info-action:hover .koko-room-info-action-chev{opacity:.9;transform:translate(2px)}.koko-room-info-action-toggle{color:var(--accent,#5865f2);flex:none;font-size:.78rem;font-weight:600}.koko-room-info-about{background:var(--bg-hover,#ffffff0a);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:3px;margin:0 2px 6px;padding:10px 12px;display:flex}.koko-room-info-about-label{text-transform:uppercase;letter-spacing:.03em;color:var(--accent,#5865f2);font-size:.7rem;font-weight:700}.koko-room-info-about-text{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.45}.koko-room-info-media-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:4px;padding:2px;display:grid}.koko-room-info-media-cell{border-radius:8px;min-width:0;position:relative;overflow:hidden}.koko-room-info-media-cell>*{max-width:100%}.koko-room-info-media-cell img,.koko-room-info-media-cell video,.koko-room-info-media-cell .koko-attachment-picture,.koko-room-info-media-cell .koko-attachment-video-wrap{width:100%!important;max-width:100%!important;margin:0!important}.koko-room-info-media-cell .koko-attachment-video{height:auto!important}.koko-room-info-media-cell .koko-attachment-file{min-width:0;padding:6px;font-size:.72rem}.koko-room-info-empty{color:var(--text-muted);margin:0;padding:4px 8px 8px;font-size:.82rem}.koko-room-info-links{flex-direction:column;gap:2px;padding:2px;display:flex}.koko-room-info-link{color:var(--accent,#5865f2);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-size:.82rem;text-decoration:none;transition:background .12s;display:flex}.koko-room-info-link:hover{background:var(--bg-hover,#7f7f7f14);text-decoration:underline}.koko-room-info-link-ic{color:var(--text-muted);flex-shrink:0;display:inline-flex}.koko-room-info-link-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.koko-room-info-card{background:var(--bg-elevated,#ffffff08);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.koko-room-info-section,.koko-room-info-members{flex-direction:column;gap:4px;margin-top:0;display:flex}.koko-room-info-section-head{text-align:left;cursor:pointer;width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 6px;font-size:.72rem;font-weight:700;transition:color .12s,background .12s;display:flex}.koko-room-info-section-head:hover{color:var(--text);background:var(--bg-hover)}.koko-room-info-section-head:focus{outline:none}.koko-room-info-section-head:focus-visible{outline:2px solid var(--accent,#5865f2);outline-offset:-2px}.koko-room-info-section-label{flex:auto}.koko-room-info-section-count{color:var(--text-muted);background:var(--bg-hover,#ffffff0f);letter-spacing:0;border-radius:999px;flex:none;padding:1px 8px;font-size:.7rem;font-weight:700}.koko-room-info-chevron{opacity:.7;flex:none;transition:transform .16s;display:inline-flex;transform:rotate(0)}.koko-room-info-section-head:hover .koko-room-info-chevron{opacity:1}.koko-room-info-chevron.collapsed{transform:rotate(-90deg)}.koko-room-info-row{border-bottom:1px solid var(--border);flex-direction:column;gap:3px;padding:10px 14px;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:.68rem;font-weight:700}.koko-room-info-value{color:var(--text);word-break:break-word;font-size:.9rem;line-height:1.35}.koko-room-info-mono{font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-muted);word-break:break-all;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;animation:4s ease-in-out infinite koko-e2ee-breathe}@keyframes koko-e2ee-breathe{0%,to{border-color:#6c5ce733;box-shadow:0 0 #6c5ce700}50%{border-color:#6c5ce76b;box-shadow:0 0 10px #6c5ce729}}@media (prefers-reduced-motion:reduce){.koko-e2ee-notice{animation:none}}.koko-voice-invite-card{max-width:440px;color:var(--text);background:linear-gradient(180deg, #ffffff08, #fff0 64%), var(--bg-elevated);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.85rem;padding:14px;font-size:.875rem;line-height:1.4;display:flex;box-shadow:0 1px 2px #0000002e}.koko-voice-invite-card.koko-voice-invite-live{box-shadow:0 0 0 1px var(--accent), 0 6px 20px #00000038}.koko-voice-invite-top{align-items:center;gap:12px;min-width:0;display:flex}.koko-voice-invite-badge{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-hover));border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 4px 12px #00000040}.koko-voice-invite-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.koko-voice-invite-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.koko-voice-invite-status{color:var(--text-muted);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.koko-voice-invite-live-dot{background:#23a55a;border-radius:50%;flex:none;width:8px;height:8px;animation:1.8s ease-out infinite koko-voice-invite-pulse;box-shadow:0 0 #23a55a8c}@keyframes koko-voice-invite-pulse{0%{box-shadow:0 0 #23a55a80}70%{box-shadow:0 0 0 6px #23a55a00}to{box-shadow:0 0 #23a55a00}}@media (prefers-reduced-motion:reduce){.koko-voice-invite-live-dot{animation:none}}.koko-voice-invite-roster{align-items:center;gap:10px;min-width:0;display:flex}.koko-voice-invite-avatars{flex:none;display:inline-flex}.koko-voice-invite-avatar{width:30px;height:30px;box-shadow:0 0 0 2px var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.koko-voice-invite-avatar+.koko-voice-invite-avatar{margin-left:-10px}.koko-voice-invite-avatar-more{background:var(--bg-hover,#ffffff14);color:var(--text);margin-left:-10px;font-size:.72rem;font-weight:700}.koko-voice-invite-names{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.82rem;overflow:hidden}.koko-voice-invite-joinerr{color:#e66;font-size:.78rem}.koko-voice-invite-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.6rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .12s,transform 60ms,box-shadow .12s;display:inline-flex;box-shadow:0 2px 8px #00000038}.koko-voice-invite-btn:hover{background:var(--accent-hover)}.koko-voice-invite-btn:active{transform:translateY(1px)}.koko-voice-invite-btn:focus-visible{outline:var(--focus-outline,2px solid var(--accent));outline-offset:2px}.koko-voice-invite-btn:disabled{opacity:.65;cursor:default;box-shadow:none}.koko-voice-invite-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;line-height:1.35;display:flex}.koko-voice-invite-footer svg{opacity:.8;flex:none}.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;position:relative}.koko-deleted-peer-notice{border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);text-align:center;padding:.7rem .9rem;font-size:.82rem;line-height:1.4}.koko-blocked-peer-notice{border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.82rem;line-height:1.4;display:flex}.koko-blocked-unblock-btn{border:1px solid var(--border);background:var(--bg-hover,transparent);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;transition:background .1s}.koko-blocked-unblock-btn:hover{background:var(--bg-active,var(--bg-hover))}.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);z-index:306;border-radius:8px;flex-direction:column;gap:2px;max-width:280px;margin:0 .5rem .4rem;padding:6px;animation:.12s ease-out traySlideIn;display:flex;position:relative}.koko-action-tray-backdrop{z-index:305;background:0 0;position:fixed;inset:0}@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);min-width:0;color:var(--text);resize:none;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent;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::-webkit-scrollbar{width:8px}.koko-input::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:4px}.koko-input:hover,.koko-input:focus{scrollbar-color:var(--border,#80808066) transparent}.koko-input:hover::-webkit-scrollbar-thumb{background:var(--border,#80808066);background-clip:padding-box}.koko-input:focus::-webkit-scrollbar-thumb{background:var(--border,#80808066);background-clip:padding-box}.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:none;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-body{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.settings-nav{border-right:1px solid var(--border);background:var(--bg-surface);scrollbar-width:thin;flex-direction:column;flex-shrink:0;align-items:stretch;gap:.1rem;width:210px;padding:.85rem .6rem;display:flex;overflow:hidden auto}.settings-nav::-webkit-scrollbar{width:6px}.settings-nav-group{flex-direction:column;gap:.1rem;display:flex}.settings-nav-group+.settings-nav-group{margin-top:.85rem}.settings-nav-group-label{letter-spacing:.01em;text-transform:none;color:var(--text);padding:.25rem .55rem .35rem;font-size:.82rem;font-weight:700}.settings-nav>button,.settings-nav-group>button{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;padding:.5rem .6rem;font-size:.88rem;transition:background .12s,color .12s;display:block;overflow:hidden}.settings-nav-group>button:hover{background:var(--bg-hover,#7f7f7f14);color:var(--text)}.settings-nav-group>button.active{background:var(--bg-active,#7f7f7f24);color:var(--text);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%;min-width:0;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}.sessions-intro{color:var(--text-muted);margin:-.35rem 0 1rem;font-size:.82rem;line-height:1.45}.session-ico{background:var(--bg-floating);width:44px;height:44px;color:var(--text-muted);border-radius:12px;flex:none;place-items:center;display:grid}.session-hero{border:1px solid color-mix(in srgb, #23a55a 40%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, #23a55a 12%, var(--bg-surface)), var(--bg-surface));border-radius:14px;align-items:flex-start;gap:.85rem;margin-bottom:.25rem;padding:1rem;display:flex}.session-hero .session-ico{background:color-mix(in srgb, #23a55a 22%, var(--bg-floating));color:#23a55a}.session-hero-body{flex:1;min-width:0}.session-hero-title{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.session-hero-name{color:var(--text);font-size:.98rem;font-weight:700}.session-badge-current{letter-spacing:.2px;color:#23a55a;background:#23a55a33;border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.session-badge-dot{background:#23a55a;border-radius:50%;width:6px;height:6px}.session-hero-meta{color:var(--text-muted);flex-wrap:wrap;gap:.15rem .65rem;margin-top:.5rem;font-size:.76rem;display:flex}.sessions-others-h{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:700}.session-other{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;align-items:center;gap:.8rem;padding:.8rem .85rem;display:flex}.session-other-body{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.session-other-name{color:var(--text);font-size:.88rem;font-weight:650}.session-other-meta{color:var(--text-muted);font-size:.75rem;line-height:1.5}.session-other .session-revoke{flex:none;align-self:center;margin-top:0}.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}.settings-group-h{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:.25rem 0 0;font-size:.72rem;font-weight:700}.vv-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:13px;align-items:center;gap:.85rem;padding:.85rem .95rem;display:flex}.settings-section label.vv-card{flex-direction:row;gap:.85rem}.vv-card--col{cursor:default;flex-direction:column;align-items:stretch;gap:.7rem}.vv-card-top{align-items:center;gap:.85rem;display:flex}.vv-ico{color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.vv-ico--mic{background:linear-gradient(135deg,#6c5ce7,#8e7bff)}.vv-ico--spk{background:linear-gradient(135deg,#4f8cff,#3a6fd8)}.vv-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.vv-name{color:var(--text);font-size:.9rem;font-weight:650}.vv-hint{color:var(--text-muted);font-size:.76rem;line-height:1.4}.vv-value{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:.12rem .5rem;font-size:.74rem;font-weight:700}.vv-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;margin:0}.vv-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.vv-slider::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px}.vv-slider-actions{justify-content:flex-end;display:flex}.vv-test{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:.4rem;padding:.42rem .85rem;font-size:.82rem;font-weight:600;transition:border-color .12s,color .12s;display:inline-flex}.vv-test:hover{border-color:var(--accent);color:var(--accent)}.vv-info{background:var(--bg-floating);color:var(--text-muted);border-radius:10px;align-items:flex-start;gap:.65rem;padding:.7rem .85rem;font-size:.77rem;line-height:1.45;display:flex}.vv-info-i{background:color-mix(in srgb, var(--accent) 18%, transparent);width:20px;height:20px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-style:normal;font-weight:800;display:grid}.notif-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:.85rem;padding:.75rem .95rem;display:flex}.settings-section label.notif-card{flex-direction:row;gap:.85rem}.settings-section label.notif-mrow{flex-direction:row;gap:.7rem}.notif-ico{color:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.notif-ico--msg{background:linear-gradient(135deg,#6c5ce7,#8e7bff)}.notif-ico--join{background:linear-gradient(135deg,#23a55a,#3ac977)}.notif-ico--call{background:linear-gradient(135deg,#4f8cff,#3a6fd8)}.notif-card-text{flex:1;min-width:0}.notif-card-name{color:var(--text);font-size:.9rem;font-weight:600}.notif-mute-title{color:var(--text);margin:.6rem 0 0;font-size:1rem;font-weight:700}.notif-mute-hint{color:var(--text-muted);margin:-.35rem 0 0;font-size:.78rem;line-height:1.5}.notif-mutebox{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;max-height:280px;overflow:hidden auto}.notif-mrow{cursor:pointer;align-items:center;gap:.7rem;padding:.55rem .75rem;transition:background .12s;display:flex}.notif-mrow+.notif-mrow{border-top:1px solid var(--border)}.notif-mrow:hover{background:var(--bg-hover)}.notif-av{color:#fff;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.82rem;font-weight:700;display:grid}.notif-mrow-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;font-weight:500;overflow:hidden}.appear-list{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;overflow:hidden}.appear-row{cursor:pointer;align-items:center;gap:.85rem;padding:.8rem .95rem;transition:background .12s;display:flex}.settings-section label.appear-row{flex-direction:row;gap:.85rem}.appear-row+.appear-row{border-top:1px solid var(--border)}.appear-row:hover{background:var(--bg-hover)}.appear-ico{color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.appear-ico--moon{background:linear-gradient(135deg,#6c5ce7,#8e7bff)}.appear-ico--motion{background:linear-gradient(135deg,#4f8cff,#3a6fd8)}.appear-ico--contrast{background:linear-gradient(135deg,#23a55a,#3ac977)}.appear-ico--text{background:linear-gradient(135deg,#f0932b,#eb7d3c)}.appear-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.appear-name{color:var(--text);font-size:.9rem;font-weight:600}.appear-hint{color:var(--text-muted);font-size:.76rem;line-height:1.4}.lang-list{border:1px solid var(--border);border-radius:12px;max-width:420px;overflow:hidden}.lang-row{background:var(--bg-surface);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border:none;align-items:center;gap:.85rem;padding:.75rem .9rem;transition:background .12s;display:flex}.lang-row+.lang-row{border-top:1px solid var(--border)}.lang-row:hover{background:var(--bg-hover)}.lang-row--sel{background:color-mix(in srgb, var(--accent) 10%, var(--bg-surface))}.lang-badge{letter-spacing:.3px;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:.82rem;font-weight:800;display:grid}.lang-badge--auto{background:color-mix(in srgb, var(--accent) 22%, var(--bg-floating));color:var(--accent)}.lang-badge--ru{background:color-mix(in srgb, #4f8cff 22%, var(--bg-floating));color:#4f8cff}.lang-badge--en{background:color-mix(in srgb, #23a55a 22%, var(--bg-floating));color:#23a55a}.lang-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.lang-name{color:var(--text);font-size:.92rem;font-weight:650}.lang-native{color:var(--text-muted);font-size:.76rem}.lang-check{border:2px solid var(--border);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.lang-row--sel .lang-check{background:var(--accent);border-color:var(--accent)}.ai-master{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--bg-surface)), var(--bg-surface));cursor:pointer;border-radius:14px;align-items:center;gap:.85rem;padding:.9rem 1rem;display:flex}.settings-section label.ai-master{flex-direction:row;gap:.85rem}.settings-section label.ai-frow{flex-direction:row;gap:.8rem}.ai-master-ico{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8e7bff);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.ai-master-text{min-width:0;color:var(--text);flex-wrap:wrap;flex:1;align-items:baseline;gap:.5rem;font-size:.95rem;font-weight:650;display:flex}.ai-feats{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;min-width:0;margin:0;padding:0;transition:opacity .15s;overflow:hidden}.ai-feats:disabled{opacity:.5}.ai-frow{cursor:pointer;align-items:center;gap:.8rem;padding:.75rem .85rem;display:flex}.ai-frow+.ai-frow{border-top:1px solid var(--border)}.ai-fico{color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.ai-fico--reply{background:linear-gradient(135deg,#4f8cff,#3a6fd8)}.ai-fico--search{background:linear-gradient(135deg,#23a55a,#3ac977)}.ai-fico--tr{background:linear-gradient(135deg,#f0932b,#eb7d3c)}.ai-ftext{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.ai-fname{color:var(--text);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:flex}.ai-fhint{color:var(--text-muted);font-size:.75rem;line-height:1.4}.ai-size-chip{color:#f0b232;white-space:nowrap;background:#f0b23229;border-radius:999px;padding:.08rem .45rem;font-size:.66rem;font-weight:700}.ai-statusbar{flex-wrap:wrap;gap:.45rem;display:flex}.ai-chip{background:var(--bg-floating);color:var(--text-muted);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.ai-chip code{color:inherit;background:0 0;padding:0;font-family:monospace}.ai-chip--acc{color:var(--accent)}.sec2-posture{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.sec2-posture-ico{width:42px;height:42px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.sec2-posture-body{flex:1;min-width:0}.sec2-posture-title{color:var(--text);font-size:.95rem;font-weight:700}.sec2-posture-bar{background:var(--bg-floating);border-radius:4px;height:6px;margin:.55rem 0 .45rem;overflow:hidden}.sec2-posture-fill{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #fff));border-radius:4px;height:100%;transition:width .3s;display:block}.sec2-posture-hint{color:var(--text-muted);font-size:.8rem;line-height:1.45}.sec2-grouplabel{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:.25rem .25rem 0;font-size:.7rem;font-weight:700}.sec2-group{border:1px solid var(--border);background:var(--bg);border-radius:14px;overflow:hidden}.sec2-item{align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex}.sec2-item+.sec2-item{border-top:1px solid var(--border)}.sec2-ico{width:38px;height:38px;color:var(--text-muted);background:var(--bg-floating);border:1px solid var(--border);border-radius:10px;flex:none;place-items:center;display:grid}.sec2-body{flex:1;min-width:0}.sec2-top{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.sec2-name{color:var(--text);font-size:.94rem;font-weight:650}.sec2-desc{color:var(--text-muted);margin:.2rem 0 0;font-size:.81rem;line-height:1.5}.sec2-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.sec2-item .privacy-row-toggle{flex:none;align-self:center;margin-left:auto}.sec2-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.16rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.sec2-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.sec2-badge.on{color:#23a55a;background:#23a55a24}.sec2-badge.rec{color:#f0b232;background:#f0b23224}.sec2-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.82rem;font-weight:600;transition:background .12s,opacity .12s,border-color .12s;display:inline-flex}.sec2-btn:disabled{opacity:.5;cursor:not-allowed}.sec2-btn-primary{background:var(--accent);color:#fff}.sec2-btn-primary:hover:not(:disabled){opacity:.9}.sec2-btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.sec2-btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.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-section .settings-toggle{text-align:left;flex-direction:row;align-items:center}.koko-settings-action-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.koko-settings-action-row button{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:500;transition:background .12s,border-color .12s,opacity .12s}.koko-settings-action-row button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.koko-settings-action-row button:disabled{opacity:.5;cursor:not-allowed}.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;position:relative;overflow:hidden}.koko-panel-resize-handle{cursor:ew-resize;z-index:6;touch-action:none;width:8px;position:absolute;top:0;bottom:0;left:0}.koko-panel-resize-handle:before{content:"";background:0 0;width:2px;transition:background .12s;position:absolute;top:0;bottom:0;left:0}.koko-panel-resize-handle:hover:before,.koko-panel-resize-handle:active:before{background:var(--accent)}.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-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow-y:auto}.koko-group-members-head{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);padding:12px 14px 6px;font-size:.72rem;font-weight:700}.koko-group-members-online{color:#23a55a;white-space:nowrap;font-weight:600}.koko-group-members-add{padding:2px 10px 8px}.koko-group-members-add-toggle{text-align:left;border:1px dashed var(--border,#8080804d);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 10px;font-size:.85rem;font-weight:600}.koko-group-members-add-toggle:hover{background:var(--bg-hover,#80808014);color:var(--text)}.koko-group-members-add-panel{flex-direction:column;gap:6px;margin-top:8px;display:flex}.koko-group-members-add-input{border:1px solid var(--border,#8080804d);background:var(--bg-input,#8080800f);width:100%;color:var(--text);border-radius:8px;padding:8px 10px;font-size:.9rem}.koko-group-members-add-hint{color:var(--text-muted);padding:2px 4px;font-size:.8rem}.koko-group-members-add-results{flex-direction:column;gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.koko-group-members-add-result{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:.9rem;display:flex}.koko-group-members-add-result:hover:not(:disabled){background:var(--bg-hover,#8080801a)}.koko-group-members-add-result:disabled{opacity:.6;cursor:default}.koko-group-members-add-spin{color:var(--text-muted);margin-left:auto}.koko-group-members-list{margin:0;padding:0 6px 8px;list-style:none}.koko-group-members-row{cursor:default;border-radius:6px;align-items:center;gap:10px;padding:4px 8px;font-size:.9rem;display:flex}.koko-group-members-row:hover{background:var(--bg-hover)}.koko-group-members-avatar{border-radius:50%;flex:none;display:inline-flex;position:relative}.koko-group-members-avatar.online:after{content:"";box-sizing:border-box;border:2.5px solid var(--bg-surface,#2b2d31);--pulse-rgb:35, 165, 90;background:#23a55a;border-radius:50%;width:12px;height:12px;animation:2s ease-out infinite koko-presence-pulse;position:absolute;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.koko-group-members-avatar.online:after{animation:none}}.koko-group-members-avatar.koko-clickable,.koko-group-members-name.koko-clickable{cursor:pointer}.koko-group-members-name.koko-clickable:hover{text-decoration:underline}.koko-group-members-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.koko-group-members-you{color:var(--text-muted);font-size:.8rem}.koko-group-members-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.koko-group-members-role{text-transform:uppercase;letter-spacing:.03em;color:var(--accent,#5865f2);background:color-mix(in srgb, var(--accent,#5865f2) 16%, transparent);vertical-align:middle;white-space:nowrap;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.6rem;font-weight:700}.koko-group-members-joined{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.koko-group-members-remove{width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:.95rem;transition:opacity .12s,background .12s,color .12s;display:flex}.koko-group-members-row:hover .koko-group-members-remove{opacity:1}.koko-group-members-remove:hover{background:var(--danger,#f23f42);color:#fff}.koko-group-members-actions{flex:none;align-items:center;gap:4px;display:inline-flex}.koko-group-members-action{border:1px solid var(--border);height:24px;color:var(--text-muted);white-space:nowrap;cursor:pointer;opacity:0;background:0 0;border-radius:6px;flex:none;align-items:center;padding:0 8px;font-size:.72rem;font-weight:600;transition:opacity .12s,background .12s,color .12s,border-color .12s;display:inline-flex}.koko-group-members-row:hover .koko-group-members-action{opacity:1}.koko-group-members-action:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:var(--text-muted)}.koko-group-members-action:disabled{opacity:.5;cursor:default}.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{max-width:100%;color:var(--text-muted);align-self:flex-start;align-items:center;gap:4px;margin-bottom:.15rem;font-size:.75rem;line-height:1.3;display:flex}.koko-message-mine .koko-message-forwarded{align-self:flex-start}.koko-message-forwarded-icon{opacity:.7;flex:none;width:13px;height:13px}.koko-message-forwarded-avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.koko-message-forwarded-avatar-img{object-fit:cover;width:100%;height:100%}.koko-message-forwarded-label{white-space:nowrap;flex:none;font-weight:400}.koko-message-forwarded-author{appearance:none;font:inherit;color:var(--koko-accent,#5865f2);cursor:pointer;vertical-align:baseline;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;min-width:0;margin:0;padding:0;font-weight:600;overflow:hidden}.koko-message-forwarded-author:hover{text-decoration:underline}.koko-nav-section-header-row{min-height:30px;padding-right:12px}.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-nav-trailing-slot{flex:none;width:28px;height:28px;display:block}.koko-dm-search-panel{flex-direction:column;gap:6px;padding:6px 8px 8px;display:flex}.koko-dm-search-input{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:7px 10px;font-size:.85rem}.koko-dm-search-input:focus{border-color:var(--accent)}.koko-dm-search-hint,.koko-dm-search-error{color:var(--text-muted);padding:2px 4px;font-size:.78rem}.koko-dm-search-error{color:var(--danger,#f04747)}.koko-dm-search-results{flex-direction:column;gap:1px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.koko-dm-search-row{cursor:pointer;text-align:start;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}.koko-dm-search-row:hover:not(:disabled){background:var(--bg-elevated,#ffffff0f)}.koko-dm-search-row:disabled{opacity:.6;cursor:progress}.koko-dm-search-name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.koko-dm-search-handle{color:var(--text-muted);font-size:.78rem}.koko-thread-btn{color:var(--accent,#4a8cff);cursor:pointer;background:#4a8cff14;border:1px solid #4a8cff33;border-radius:10px;align-self:flex-start;align-items:center;gap:5px;margin-top:.15rem;padding:.15rem .5rem;font-size:.75rem;transition:background .15s;display:inline-flex}.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-panel .koko-input-bar{flex-wrap:nowrap}.koko-thread-panel .koko-input{flex:auto;min-width:0}.koko-thread-panel .koko-input-wrapper{width:100%}.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-msg{align-items:flex-start;gap:1rem;margin-top:8px;padding:2px 4px;display:flex;position:relative}.koko-thread-msg:hover{background:var(--bg-hover);border-radius:6px}.koko-thread-msg-gutter{flex:0 0 40px;justify-content:center;width:40px;padding-top:0;display:flex}.koko-thread-msg .koko-message{flex:auto;min-width:0;margin-bottom:0;position:relative}.koko-thread-msg .koko-message-header{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.15rem;display:flex}.koko-thread-msg-edit{background:var(--bg-surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:.6;border-radius:6px;justify-content:center;align-items:center;font-size:.95rem;transition:opacity .12s,background .12s,color .12s;display:inline-flex;position:absolute;top:4px;right:4px}.koko-thread-msg:hover .koko-thread-msg-edit{opacity:1}.koko-thread-msg-edit:hover{background:var(--bg-hover);color:var(--text)}.koko-thread-edit{flex-direction:column;gap:6px;display:flex}.koko-thread-edit .koko-input{resize:vertical;width:100%;min-height:34px}.koko-thread-edit-actions{justify-content:flex-end;gap:6px;display:flex}.koko-message-edited-mark{color:var(--text-muted);font-size:.72rem}.koko-thread-messages .koko-message{border-radius:6px;transition:background 80ms}.koko-thread-messages .koko-message:hover{background:var(--bg-hover,#ffffff0a)}.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;align-items:flex-end;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-input-wrapper-has-attachments>.koko-input-bar{border-top:0;padding-top:.25rem}.koko-attachment-tray-has-images{align-items:flex-end;padding:.65rem .75rem .35rem}.koko-attachment-image-card{aspect-ratio:4/3;border:1px solid var(--border);background:linear-gradient(45deg, #80808014 25%, transparent 25%), linear-gradient(-45deg, #80808014 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #80808014 75%), linear-gradient(-45deg, transparent 75%, #80808014 75%), var(--bg);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:10px;width:clamp(7.5rem,15vw,10rem);margin:0;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000024}.koko-attachment-image-card-single{width:clamp(10rem,24vw,14rem)}.koko-attachment-image-card .koko-attachment-preview{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.koko-attachment-image-remove{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161bc7;border:1px solid #ffffff6b;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;padding:0;display:grid;position:absolute;top:.35rem;right:.35rem;box-shadow:0 1px 5px #00000059}.koko-attachment-image-remove:hover:not(:disabled),.koko-attachment-image-remove:focus-visible{outline-offset:1px;background:#14161bf5;outline:2px solid #fff}.koko-attachment-image-remove:disabled{cursor:default;opacity:.58}.koko-attachment-send-btn{color:#fff;cursor:pointer;border:0;border-radius:999px;flex:0 0 36px;align-self:flex-end;place-items:center;width:36px;height:36px;margin-bottom:1px;padding:0;display:grid}.koko-attachment-send-btn svg{transform:translate(-1px,1px)}@media (width<=640px){.koko-attachment-image-card{width:clamp(6.5rem,31vw,8rem)}.koko-attachment-image-card-single{width:min(52vw,12rem)}}.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;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-canvas img{object-fit:contain;max-width:100%;max-height:100%}.koko-image-editor.koko-multi-preview{width:min(92vw,520px);max-height:88vh}.koko-multi-preview-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;padding:.75rem 1rem;display:grid;overflow-y:auto}.koko-multi-preview-tile{aspect-ratio:1;background:#0000004d;border-radius:8px;position:relative;overflow:hidden}.koko-multi-preview-tile img{object-fit:cover;width:100%;height:100%;display:block}.koko-multi-preview-remove{color:#fff;cursor:pointer;background:#0000009e;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:17px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.koko-multi-preview-remove:hover{background:#000000d9}.koko-multi-preview-caption{color:#fff;font:inherit;resize:none;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;margin:0 1rem 1rem;padding:.5rem .625rem}.koko-multi-preview-caption::placeholder{color:#ffffff80}.koko-image-editor-tools .koko-btn{color:#fff;font-size:1.25rem}.koko-attachment-list{flex-direction:column;gap:.375rem;min-width:0;margin-top:.25rem;display:flex}.koko-attachment-list.koko-attachment-list--gallery{grid-template-columns:1fr 1fr;gap:4px;max-width:22rem;display:grid}.koko-attachment-list--gallery .koko-attachment-image,.koko-attachment-list--gallery .koko-attachment-image img,.koko-attachment-list--gallery .koko-attachment-video{object-fit:cover;border-radius:8px;width:100%;min-width:0;max-width:100%;height:132px}.koko-attachment-list--gallery>.koko-attachment-image-wrap,.koko-attachment-list--gallery>.koko-attachment-video-wrap{width:100%;max-width:100%;display:block}.koko-attachment-list--gallery .koko-attachment-file,.koko-attachment-list--gallery>:last-child:nth-child(odd){grid-column:1/-1}.koko-attachment-list--gallery>:last-child:nth-child(odd) .koko-attachment-image,.koko-attachment-list--gallery>:last-child:nth-child(odd) .koko-attachment-image img,.koko-attachment-list--gallery>:last-child:nth-child(odd) .koko-attachment-video{width:100%;max-width:100%;height:180px}.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-video{border-radius:var(--radius);object-fit:contain;background:#000;border:0;width:min(26rem,100%);max-width:100%;height:16rem;padding:0;display:block}.koko-attachment-video-wrap:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.koko-attachment-video-wrap:fullscreen .koko-attachment-video{object-fit:contain;border-radius:0;width:100%;max-width:100%;height:100%}.koko-attachment-image{max-width:min(16rem,100%);padding:0;overflow:hidden}.koko-recovery-key{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-family:var(--font-mono,ui-monospace, monospace);font-size:.85rem;line-height:1.5}.koko-recovery-key-input{box-sizing:border-box;resize:vertical;width:100%;max-width:100%;font-family:var(--font-mono,ui-monospace, monospace);font-size:.85rem}.koko-reckey-card{width:100%;max-width:460px;overflow:hidden}.koko-reckey-header{border-bottom:1px solid var(--border-subtle,var(--border));align-items:center;gap:10px;padding:16px 18px 14px;display:flex}.koko-reckey-header h2{flex:1;margin:0;font-size:1.08rem}.koko-reckey-badge{background:var(--bg-hover,#7f7f7f24);border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.koko-reckey-body{flex-direction:column;gap:15px;padding:18px;display:flex}.koko-reckey-lead{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.koko-reckey-lead strong{color:var(--danger,#f23f42)}.koko-reckey-keybox{border:1px solid var(--border);background:var(--bg-surface,var(--bg));border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.koko-reckey-keybox .koko-recovery-key{background:var(--bg-input,var(--bg-floating,var(--bg)));border:1px dashed var(--border);color:var(--text-normal,var(--text));letter-spacing:.03em;text-align:center;border-radius:8px;margin:0;padding:12px 14px}.koko-reckey-generating{text-align:center;color:var(--text-muted);padding:26px 12px;font-size:.9rem}.koko-reckey-keyactions{gap:8px;display:flex}.koko-reckey-keyactions button{flex:1}.koko-btn-ghost{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:.85rem}.koko-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.koko-btn-ghost:disabled{opacity:.5;cursor:default}.koko-reckey-confirm{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.9rem;display:flex}.koko-reckey-confirm input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.koko-reckey-cta{width:100%;padding:11px;font-size:.95rem}.koko-reckey-done{text-align:center;align-items:center}.koko-reckey-done h3{margin:6px 0 0}.koko-reckey-done-check{color:#fff;background:var(--accent,#2ea043);border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.koko-reckey-dim{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.koko-attachment-image img{object-fit:contain;max-width:100%;height:auto;max-height:16rem;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-mention-special{background:color-mix(in srgb, var(--accent,#4f8cf7) 78%, transparent)}.koko-md-mention-self{color:var(--text);background:#f0b2324d}.koko-md-mention-self:hover{background:#f0b2326b}.koko-md-mention{cursor:pointer}.koko-modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.koko-modal{background:var(--bg-floating,var(--bg-elevated,#1e1f22));border:1px solid var(--border);border-radius:var(--radius-lg,16px);width:min(440px,94vw);max-height:86vh;box-shadow:var(--shadow-high,0 8px 24px #0000005c);color:var(--text);padding:20px;overflow-y:auto}.koko-modal>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.koko-modal>header h2{color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.koko-modal-close{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:1.4rem;line-height:1}.koko-modal-close:hover{background:var(--bg-hover,#ffffff14);color:var(--text)}.koko-verify-instructions{color:var(--text-muted);margin:0 0 14px;font-size:.85rem;line-height:1.45}.koko-verify-empty{color:var(--text-muted);font-size:.9rem;line-height:1.45}.koko-verify-banner{background:var(--bg-surface,#ffffff0d);color:var(--text-muted);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:.85rem;font-weight:500}.koko-verify-banner-ok{color:#3ba55d;background:#3ba55d29;border-color:#3ba55d66}.koko-verify-banner-warn{color:var(--danger,#f04747);background:#f0474724;border-color:#f0474766}.koko-verify-emoji-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:14px;display:grid}@media (width<=420px){.koko-verify-emoji-grid{grid-template-columns:repeat(4,1fr)}}.koko-verify-emoji{background:var(--bg-surface,#ffffff0a);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.koko-verify-glyph{font-size:1.6rem;line-height:1}.koko-verify-label{color:var(--text-muted);text-align:center;text-transform:capitalize;word-break:break-word;font-size:.62rem}.koko-verify-decimals{font-family:var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);letter-spacing:.08em;color:var(--text);justify-content:center;gap:14px;margin-bottom:18px;font-size:1.35rem;font-weight:600;display:flex}.koko-verify-actions{gap:10px;display:flex}.koko-verify-actions>button{cursor:pointer;border:1px solid var(--border);border-radius:8px;flex:1;padding:10px 14px;font-size:.9rem;font-weight:600}.koko-verify-actions .koko-btn-primary{background:var(--accent,#5865f2);color:#fff;border-color:#0000}.koko-verify-actions .koko-btn-secondary{color:var(--text);background:0 0}.koko-verify-actions .koko-btn-secondary:hover{background:var(--bg-hover,#ffffff14)}.koko-call-end-backdrop{z-index:1100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.koko-call-end-dialog{background:var(--bg-floating,var(--bg-elevated,#1e1f22));border:1px solid var(--border);border-radius:var(--radius-lg,16px);width:min(360px,94vw);box-shadow:var(--shadow-high,0 8px 24px #0000005c);flex-direction:column;gap:10px;padding:18px;display:flex}.koko-call-end-title{color:var(--text);text-align:center;margin-bottom:4px;font-size:1rem;font-weight:600}.koko-call-end-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface,#ffffff0d);width:100%;color:var(--text);border-radius:8px;padding:11px 14px;font-size:.9rem;font-weight:600}.koko-call-end-btn:hover{background:var(--bg-hover,#ffffff1a)}.koko-call-end-btn-danger{background:var(--danger,#f04747);color:#fff;border-color:#0000}.koko-call-end-btn-danger:hover{background:#d93b3b}.koko-call-end-btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.koko-call-end-btn-ghost:hover{background:var(--bg-hover,#ffffff0f);color:var(--text)}.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-desc{min-width:0;color:var(--text-muted,#999);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;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-time-separator{justify-content:center;margin:.4rem 0 .15rem;display:flex}.koko-time-separator span{font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--bg-hover,#ffffff0f);letter-spacing:.02em;border-radius:999px;padding:1px 8px;font-size:.68rem}.koko-dm-bubbles,.koko-group-bubbles{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb,#80808059) transparent}.koko-dm-bubbles::-webkit-scrollbar{width:10px}.koko-group-bubbles::-webkit-scrollbar{width:10px}.koko-dm-bubbles::-webkit-scrollbar-track{background:0 0}.koko-group-bubbles::-webkit-scrollbar-track{background:0 0}.koko-dm-bubbles::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#80808059);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.koko-group-bubbles::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#80808059);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.koko-dm-bubbles::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#80808080);background-clip:padding-box}.koko-group-bubbles::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#80808080);background-clip:padding-box}.koko-poll{flex-direction:column;gap:8px;min-width:240px;max-width:360px;display:flex}.koko-poll-settings{border-top:1px solid var(--border);margin:6px 0 14px}.koko-poll-settings-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:10px 0 2px;font-size:.7rem;font-weight:700}.koko-poll-settings .settings-toggle{align-items:center;gap:.7rem;padding:.55rem 0}.koko-poll-setting-ic{width:30px;height:30px;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.koko-poll-setting-ic[data-key=multi]{color:#5b7cfa;background:#5b7cfa29}.koko-poll-setting-ic[data-key=anon]{color:#8b93a1;background:#8b93a129}.koko-poll-setting-ic[data-key=revote]{color:#a06bff;background:#a06bff29}.koko-poll-setting-ic[data-key=shuffle]{color:#3fb56a;background:#3fb56a29}.koko-poll-setting-ic[data-key=add]{color:#3fa9d6;background:#3fa9d629}.koko-poll-setting-ic[data-key=timer]{color:#e0913a;background:#e0913a29}.koko-poll-setting-name{color:var(--text);font-size:.88rem;font-weight:500;line-height:1.25}.koko-poll-setting-hint{color:var(--text-muted);font-size:.76rem;line-height:1.25}.koko-poll-close-select{width:100%;margin:6px 0 10px}.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-wrap{flex-direction:column;gap:2px;display:flex}.koko-poll-voters{color:var(--text-muted);word-break:break-word;padding:0 4px 2px 10px;font-size:.72rem;line-height:1.3}.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-dm-bubbles .koko-message-row .koko-message-content{background:var(--bg-surface);border-radius:14px;width:fit-content;max-width:min(82%,34rem);padding:.45rem .7rem}.koko-dm-bubbles .koko-message-row .koko-message-mine .koko-message-content{background:color-mix(in srgb, var(--accent) 14%, var(--bg-surface));color:var(--text)}.koko-dm-bubbles .koko-message-row-mine .koko-message-gutter{display:flex}.koko-dm-bubbles .koko-message-header .koko-message-sender,.koko-dm-bubbles .koko-message-header .koko-message-sender-btn{display:none}.koko-group-bubbles .koko-message-row .koko-message-content{background:var(--bg-surface);border-radius:14px;width:fit-content;max-width:min(82%,34rem);padding:.45rem .7rem}.koko-group-bubbles .koko-message-row-mine .koko-message-gutter{display:none}.koko-group-bubbles .koko-message-row-mine .koko-message{align-items:flex-end}.koko-group-bubbles .koko-message-row-mine .koko-message-header .koko-message-sender,.koko-group-bubbles .koko-message-row-mine .koko-message-header .koko-message-sender-btn{display:none!important}.koko-group-bubbles .koko-message-row-mine .koko-message-content{background:var(--accent);color:#fff}.koko-group-bubbles .koko-message-row-mine .koko-message{flex:0 auto;max-width:min(82%,34rem)}.koko-group-bubbles .koko-message-row-mine .koko-message-content{max-width:100%}.koko-group-bubbles .koko-message-row-mine .koko-message-actions{margin-right:6px;inset:50% 100% auto auto;transform:translateY(-50%)}.koko-dm-bubbles .koko-message-row .koko-message,.koko-group-bubbles .koko-message-row:not(.koko-message-row-mine) .koko-message{flex:0 auto;max-width:min(82%,34rem)}.koko-dm-bubbles .koko-message-row .koko-message-content,.koko-group-bubbles .koko-message-row:not(.koko-message-row-mine) .koko-message-content{max-width:100%}.koko-dm-bubbles .koko-message-row .koko-message-actions,.koko-group-bubbles .koko-message-row:not(.koko-message-row-mine) .koko-message-actions{margin-left:6px;inset:50% auto auto 100%;transform:translateY(-50%)}.koko-dm-bubbles .koko-message-row{justify-content:flex-start}.koko-dm-bubbles .koko-message,.koko-group-bubbles .koko-message{padding-top:1px;padding-bottom:1px}.koko-dm-bubbles .koko-message-row-grouped,.koko-group-bubbles .koko-message-row-grouped{margin-top:3px}.koko-dm-bubbles .koko-message-gutter,.koko-group-bubbles .koko-message-gutter{align-self:flex-end}.koko-dm-bubbles .koko-message-row-last .koko-message-content,.koko-group-bubbles .koko-message-row-last:not(.koko-message-row-mine) .koko-message-content{border-bottom-left-radius:5px}.koko-group-bubbles .koko-message-row-last.koko-message-row-mine .koko-message-content{border-bottom-right-radius:5px}.koko-dm-bubbles .koko-time-separator,.koko-group-bubbles .koko-time-separator,.koko-dm-bubbles .koko-message-receipt,.koko-group-bubbles .koko-message-receipt{display:none}.koko-bubble-time{color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:baseline;margin-left:8px;font-size:11px;line-height:1.4}.koko-bubble-delivered{position:relative;overflow:hidden}.koko-bubble-delivered:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#2fd47a52 50%,#0000 65%);animation:1.1s cubic-bezier(.25,.6,.3,1) both koko-delivered-sheen;position:absolute;inset:0;transform:translate(-130%)}@keyframes koko-delivered-sheen{to{transform:translate(130%)}}@media (prefers-reduced-motion:reduce){.koko-bubble-delivered:after{opacity:0;animation:none}}.koko-bubble-tick{color:#23a55a;font-weight:700}.koko-bubble-tick-read{color:#2fd47a}.koko-group-bubbles .koko-message-row-mine .koko-bubble-time{color:#fffc}.koko-dm-bubbles,.koko-group-bubbles{background-image:radial-gradient(circle at 13px 13px,#8282910d 1.5px,#0000 0);background-size:26px 26px}.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;line-height:1.2;display:flex;position:relative}.koko-message-quote:before{content:"";border-left:2px solid var(--interactive-normal,var(--text-muted));border-bottom:2px solid var(--interactive-normal,var(--text-muted));pointer-events:none;border-bottom-left-radius:9px;width:22px;position:absolute;top:-9px;bottom:50%;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-content .koko-message-quote{border-left:3px solid var(--accent,#1a7ee5);background:color-mix(in srgb, var(--accent,#1a7ee5) 14%, transparent);border-radius:5px;flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:100%;margin:0 0 4px;padding:2px 8px;display:flex;overflow:hidden}.koko-message-content .koko-message-quote:before{content:none}.koko-message-content .koko-message-quote:hover{background:color-mix(in srgb, var(--accent,#1a7ee5) 22%, transparent)}.koko-message-content .koko-message-quote .koko-message-quote-author{max-width:100%;color:var(--accent,#1a7ee5);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;display:block;overflow:hidden}.koko-message-content .koko-message-quote .koko-message-quote-text{max-width:100%;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;line-height:1.3;display:block;overflow:hidden}.koko-group-bubbles .koko-message-row-mine .koko-message-content .koko-message-quote{background:#ffffff29;border-left-color:#ffffffd9}.koko-group-bubbles .koko-message-row-mine .koko-message-content .koko-message-quote:hover{background:#ffffff3d}.koko-group-bubbles .koko-message-row-mine .koko-message-content .koko-message-quote .koko-message-quote-author{color:#fff}.koko-group-bubbles .koko-message-row-mine .koko-message-content .koko-message-quote .koko-message-quote-text{color:#ffffffd9}.koko-message-quote-arrow{color:var(--text-muted);opacity:.7;flex:none;font-size:.85rem;transform:scaleX(-1)}.koko-message-quote-avatar{flex:none;justify-content:center;align-self:center;align-items:center;width:16px;height:16px;display:inline-flex}.koko-message-quote-avatar .koko-message-avatar{border-radius:50%;width:16px;height:16px;margin:0;display:block}.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-elevated);border:1px solid var(--accent,#4a8cff);width:100%;color:var(--text);resize:vertical;border-radius:6px;min-height:2.5rem;padding:.4rem .6rem;font-size:.9rem;line-height:1.4}.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-icon{width:16px;color:var(--text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.koko-ctx-icon svg{display:block}.koko-ctx-item-danger .koko-ctx-icon{color:inherit}.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-forward-search{border:1px solid var(--border,#444);background:var(--bg-input,#0000002e);width:calc(100% - 16px);color:var(--text-normal,inherit);border-radius:6px;margin:2px 8px 4px;padding:4px 8px;font-size:.8rem}.koko-ctx-forward-list{max-height:220px;overflow-y:auto}.koko-ctx-forward-empty{color:var(--text-muted,#949ba4);padding:6px 12px;font-size:.78rem}.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{box-sizing:border-box;z-index:1000;background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#4a8cff) 18%, var(--bg-elevated,#1e1e2e)), var(--bg-elevated,#1e1e2e) 62%);-webkit-backdrop-filter:blur(14px)saturate(1.25);border:1px solid color-mix(in srgb, var(--accent,#4a8cff) 55%, transparent);border-radius:18px;align-items:center;gap:1.5rem;min-width:320px;max-width:calc(100vw - 2rem);padding:.95rem 1.5rem;animation:.44s cubic-bezier(.34,1.56,.64,1) both koko-call-pop-in,2.4s ease-in-out .55s infinite koko-call-attn-glow;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}@keyframes koko-call-pop-in{0%{opacity:0;transform:translate(-50%)translateY(-26px)scale(.9)}60%{opacity:1;transform:translate(-50%)translateY(0)scale(1.035)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes koko-call-attn-glow{0%,to{box-shadow:0 12px 40px #00000073, 0 0 0 0 color-mix(in srgb, var(--accent,#4a8cff) 0%, transparent)}50%{box-shadow:0 12px 40px #00000073, 0 0 24px 4px color-mix(in srgb, var(--accent,#4a8cff) 48%, transparent)}}.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,transform .12s,box-shadow .15s;box-shadow:0 4px 14px #22c55e66}.call-btn.accept:hover,.koko-call-accept:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 6px 20px #22c55e8c}.call-btn.accept:active,.koko-call-accept:active{transform:translateY(0)scale(.97)}.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,transform .12s,box-shadow .15s;box-shadow:0 4px 14px #ef444459}.call-btn.reject:hover,.koko-call-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}.call-btn.reject:active,.koko-call-reject:active{transform:translateY(0)scale(.97)}@media (prefers-reduced-motion:reduce){.koko-call-incoming{box-shadow:0 12px 40px #00000073, 0 0 18px 2px color-mix(in srgb, var(--accent,#4a8cff) 32%, transparent);animation:.25s both koko-call-fade-in}.call-avatar-ring{animation:none}}@keyframes koko-call-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.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:clamp(200px,38vh,320px);padding:22px 16px;display:flex;position:relative;overflow:hidden}.koko-inline-call-resize{cursor:ns-resize;z-index:6;touch-action:none;height:10px;position:absolute;bottom:0;left:0;right:0}.koko-inline-call-resize:before{content:"";background:#ffffff47;border-radius:999px;width:44px;height:3px;transition:background .12s;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.koko-inline-call-resize:hover:before{background:#ffffff8c}.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:fixed;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);margin-top:auto}.koko-inline-call.koko-inline-call-expanded:not(.koko-group-call) .koko-inline-call-controls,.koko-inline-call.koko-inline-call-expanded:not(.koko-group-call):not(.koko-inline-call-has-video) .koko-inline-call-peers{margin-top:auto}.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:fixed;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-tile-fs{color:#fff;cursor:pointer;opacity:0;z-index:4;background:#0000008c;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .12s,background .12s;display:flex;position:absolute;top:6px;right:6px}.koko-group-call-tile:hover .koko-group-call-tile-fs,.koko-group-call-tile-fs:focus-visible{opacity:.9}.koko-group-call-tile-fs:hover{opacity:1;background:#000000c7}.koko-group-call-tile-fs svg{width:16px;height:16px}.koko-group-call-tile:fullscreen{background:#000}.koko-group-call-tile:fullscreen .koko-group-call-video{object-fit:contain}.koko-group-call-tile:fullscreen .koko-group-call-tile-fs{opacity:.9}.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}:root[data-ui=trueconf] .koko-inline-call-devices{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#122239e6;border:1px solid #78aae64d;border-radius:12px;box-shadow:0 10px 30px #00000080}:root[data-ui=trueconf] .koko-inline-call-devices-section{color:#8fb4e0}:root[data-ui=trueconf] .koko-inline-call-devices-empty{color:#7f97b5}:root[data-ui=trueconf] .koko-inline-call-devices-divider{background:#78aae62e}:root[data-ui=trueconf] .koko-inline-call-devices-item,:root[data-ui=trueconf] .koko-inline-call-devices-row{color:#eaf1fb}:root[data-ui=trueconf] .koko-inline-call-devices-item:hover,:root[data-ui=trueconf] .koko-inline-call-devices-row:hover,:root[data-ui=trueconf] .koko-inline-call-devices-item.active{color:#fff;background:#1a7ee529}:root[data-ui=trueconf] .koko-inline-call-devices-check{color:#3f9bff}:root[data-ui=trueconf] .koko-call-checkbox{border-color:#78aae680}:root[data-ui=trueconf] .koko-call-checkbox.on{background:#1a7ee5;border-color:#1a7ee5}:root[data-ui=trueconf] .koko-call-slider{accent-color:#1a7ee5;background:#78aae640}:root[data-ui=trueconf] .koko-call-slider::-webkit-slider-thumb{box-shadow:0 0 0 3px #1a7ee559,0 1px 3px #00000080}:root[data-ui=trueconf] .koko-call-slider::-moz-range-thumb{box-shadow:0 0 0 3px #1a7ee559,0 1px 3px #00000080}.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-call-hand-badge{color:#fff;z-index:4;background:linear-gradient(135deg,#ffb43a,#f5761f);border:2px solid #0006;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;animation:.32s cubic-bezier(.34,1.56,.64,1) both koko-hand-pop,2.1s ease-out .32s infinite koko-hand-ring;display:inline-flex;position:absolute;top:6px;left:6px;box-shadow:0 2px 10px #f5761f73}.koko-call-hand-badge svg{transform-origin:60% 85%;width:17px;height:17px;animation:1.5s ease-in-out infinite koko-hand-wave}@keyframes koko-hand-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes koko-hand-ring{0%{box-shadow:0 0 #ffb43a8c,0 2px 10px #f5761f73}70%{box-shadow:0 0 0 8px #ffb43a00,0 2px 10px #f5761f73}to{box-shadow:0 0 #ffb43a00,0 2px 10px #f5761f73}}@keyframes koko-hand-wave{0%,to{transform:rotate(-11deg)}50%{transform:rotate(13deg)}}.koko-call-hand-btn svg{transition:transform .18s}.koko-call-hand-btn:hover svg{transform:rotate(-8deg)}.koko-call-hand-btn.koko-call-hand-up{box-shadow:0 0 0 3px #ffb43a38,0 2px 12px #f5761f80;color:#1a1206!important;background:linear-gradient(135deg,#ffb43a,#f5761f)!important}.koko-call-hand-btn.koko-call-hand-up svg{transform-origin:60% 85%;animation:1.4s ease-in-out infinite koko-hand-wave}@media (prefers-reduced-motion:reduce){.koko-call-hand-badge,.koko-call-hand-badge svg,.koko-call-hand-btn.koko-call-hand-up svg{animation:none}}.koko-pvol-mount{z-index:4;opacity:0;transition:opacity .12s;position:absolute;top:4px;right:4px}.koko-group-call-tile:hover .koko-pvol-mount,.koko-group-call-tile-stage .koko-pvol-mount{opacity:1}.koko-pvol-btn{cursor:pointer;color:#fff;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.koko-pvol-btn:hover{background:#000000bf}.koko-pvol-btn-muted{color:#f23f42}.koko-pvol-pop{background:var(--bg-floating,#111214);border:1px solid var(--border-subtle,#ffffff14);width:220px;color:var(--text-normal,#dbdee1);border-radius:8px;padding:10px 12px;box-shadow:0 8px 24px #00000073}.koko-pvol-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.koko-pvol-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.koko-pvol-val{color:var(--text-muted,#949ba4);font-variant-numeric:tabular-nums;font-weight:500}.koko-pvol-row{align-items:center;gap:8px;display:flex}.koko-pvol-mute{cursor:pointer;width:28px;height:28px;color:var(--text-normal,#dbdee1);background:var(--bg-modifier-hover,#ffffff0f);border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.koko-pvol-mute.active{color:#f23f42}.koko-pvol-row .koko-call-slider{flex:auto}.koko-pvol-hint{color:var(--text-muted,#949ba4);margin-top:8px;font-size:11px;line-height:1.3}.koko-pvol-forcemute{color:#ed4245;cursor:pointer;text-align:center;background:0 0;border:1px solid #ed424566;border-radius:8px;width:100%;margin-top:10px;padding:8px 10px;font-size:12px;font-weight:600;display:block}.koko-pvol-forcemute:hover{background:#ed42451f}.koko-pvol-forcemute--primary{color:#fff;background:#ed4245;border-color:#ed4245;margin-top:4px;margin-bottom:10px}.koko-pvol-forcemute--primary:hover{background:#d93b3b}.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-self:stretch;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-call-statusbar{color:#d7dadc;white-space:nowrap;background:#00000061;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 auto;padding:4px 12px;font-size:.74rem;display:flex}.koko-call-statusbar-rec{color:#f23f42;align-items:center;gap:5px;font-weight:600;display:inline-flex}.koko-call-rec-dot{background:#f23f42;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite koko-rec-blink}@keyframes koko-rec-blink{0%,to{opacity:1}50%{opacity:.3}}.koko-inline-call-btn-rec{color:#fff;background:#f23f42}.koko-inline-call-btn-rec:hover{background:#d93b3b}.koko-inline-call-rec-consent{background:var(--bg-elevated,#1e1f22);border:1px solid var(--border,#2a2a2a);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:340px;margin:6px auto 0;padding:8px 12px;display:flex}.koko-inline-call-rec-consent-text{color:var(--text,#e8e8e8);font-size:.82rem}.koko-inline-call-rec-consent-actions{flex-shrink:0;gap:6px;display:flex}.koko-inline-call-rec-badge{color:#f23f42;background:#f23f4224;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin:6px auto 0;padding:3px 10px;font-size:.76rem;font-weight:600;display:flex}.koko-inline-call-rec-error{color:#f23f42;cursor:pointer;background:#f23f421f;border:0;border-radius:8px;width:fit-content;max-width:100%;margin:4px auto 0;padding:3px 10px;font-size:.76rem;display:block}.koko-call-rec-error{color:#f23f42;text-align:center;width:fit-content;max-width:100%;margin:4px auto 0;font-size:.76rem}@media (prefers-reduced-motion:reduce){.koko-call-rec-dot{animation:none}}.koko-call-statusbar-secure{color:#3ba55d;letter-spacing:.02em;align-items:center;gap:4px;font-weight:700;animation:3.4s ease-in-out infinite koko-secure-breathe;display:inline-flex}@keyframes koko-secure-breathe{0%,to{color:#3ba55d;text-shadow:0 0 #3ba55d00}50%{color:#4fd47e;text-shadow:0 0 9px #4fd47ea6}}@media (prefers-reduced-motion:reduce){.koko-call-statusbar-secure{animation:none}}.koko-call-statusbar-sep{background:#ffffff29;flex-shrink:0;width:1px;height:12px}.koko-call-statusbar-type{color:#b5bac1}.koko-call-statusbar .koko-conn-quality{margin-left:0}.koko-conn-quality{vertical-align:middle;align-items:center;gap:4px;margin-left:8px;font-size:.72rem;font-weight:600;display:inline-flex}.koko-conn-quality svg{display:block}.koko-conn-quality svg .kq-off{fill:#80848e;opacity:.35}.koko-conn-quality svg .kq-on{fill:currentColor}.koko-conn-quality-good{color:#43b581}.koko-conn-quality-warn{color:#faa61a}.koko-conn-quality-bad{color:#f04747}.koko-conn-quality-label{white-space:nowrap}.koko-inline-call-controls{flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.koko-call-controls-sep{background:#ffffff24;flex:none;width:1px;height:26px;margin:0 2px}.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}:root[data-ui=trueconf] .koko-inline-call-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101e32d1;border:1px solid #78aae638;border-radius:30px;align-self:center;width:auto;max-width:calc(100% - 20px);margin-inline:auto;padding:6px 10px}:root[data-ui=trueconf] .koko-call-controls-spacer{display:none}:root[data-ui=trueconf] .koko-call-controls-right{flex:none}:root[data-ui=trueconf] .koko-inline-call-btn:not(.koko-inline-call-btn-off):not(.koko-inline-call-btn-hang):not(.koko-inline-call-btn-active):not(.koko-inline-call-btn-rec){color:#eaf1fb;background:#78aae629;border:1px solid #78aae633}:root[data-ui=trueconf] .koko-inline-call-btn:not(.koko-inline-call-btn-off):not(.koko-inline-call-btn-hang):not(.koko-inline-call-btn-active):not(.koko-inline-call-btn-rec):hover{background:#78aae647;border-color:#78aae659}.koko-call-controls-spacer{flex:1 1 0}.koko-call-controls-right{flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;display:flex}.koko-call-layout-toggle{background:#4e5058;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.koko-call-density-toggle{background:#4e5058;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;margin-right:6px;padding:3px;display:inline-flex}.koko-call-density-seg{color:#c9ccd1;min-width:34px;height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 8px;font-size:.78rem;font-weight:700;transition:background .1s,color .1s;display:grid}.koko-call-density-seg:hover{color:#fff;background:#ffffff1a}.koko-call-density-seg.active{color:#fff;background:#5865f2}.koko-call-density-seg.active:hover{background:#4752c4}.koko-call-duration-badge{font-variant-numeric:tabular-nums;letter-spacing:.02em}.koko-call-statusbar-timer{font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.koko-call-layout-seg{color:#c9ccd1;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .1s,color .1s;display:flex}.koko-call-layout-seg:hover{color:#fff;background:#ffffff1a}.koko-call-layout-seg.active{color:#fff;background:#5865f2}.koko-call-layout-seg.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:auto;right:0;transform:none;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:auto;right:14px;transform:none}.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%);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.5rem;max-width:100%;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{background:var(--accent,#6c5ce7);border:1px solid var(--accent,#6c5ce7);color:#fff;cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:0 .45rem;font-size:.72rem;font-weight:700;line-height:22px;transition:background .15s}.koko-voice-transcribe-btn:hover{background:var(--accent-hover,#5a4bd1)}.koko-voice-transcribe-btn:disabled{opacity:.55;cursor:default}.koko-notify-stack{z-index:800;pointer-events:none;flex-direction:column;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.koko-notify-card{background:var(--bg-floating,var(--bg-surface,#1e1f22));border:1px solid var(--border,#ffffff14);box-shadow:var(--shadow-high,0 8px 28px #00000073);pointer-events:auto;border-radius:12px;align-items:stretch;animation:.18s koko-notify-in;display:flex;overflow:hidden}@keyframes koko-notify-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.koko-notify-open{min-width:0;color:var(--text-normal,var(--text));text-align:left;cursor:pointer;background:0 0;border:none;flex:auto;align-items:center;gap:10px;padding:10px 8px 10px 12px;display:flex}.koko-notify-open:hover{background:var(--bg-modifier-hover,var(--bg-hover))}.koko-notify-body{flex-direction:column;gap:2px;min-width:0;display:flex}.koko-notify-head{align-items:baseline;gap:6px;min-width:0;display:flex}.koko-notify-author{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.koko-notify-chat{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.koko-notify-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.koko-notify-x{width:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;font-size:.8rem}.koko-notify-x:hover{background:var(--bg-modifier-hover,var(--bg-hover));color:var(--text-normal,var(--text))}.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-reaction-picker{overscroll-behavior-x:contain;scrollbar-width:thin;flex-flow:row;align-items:center;gap:2px;width:max-content;max-width:min(92vw,340px);max-height:none;padding:4px 6px;left:0;right:auto;overflow:auto hidden}.koko-reaction-picker .koko-reaction-option{flex:none}.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:fit-content;min-width:300px;max-width:min(640px,92vw);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;width:auto;max-width:min(88vw,600px);height:auto;max-height:72vh}.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-voice-speed{color:var(--text-muted,#a0a0a0);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:6px;flex:none;min-width:30px;padding:2px 5px;font-size:.72rem;font-weight:600}.koko-voice-speed:hover:not(:disabled){color:var(--text,#eee);background:#ffffff14}.koko-voice-speed:disabled{opacity:.4;cursor:default}.koko-global-audio{z-index:700;background:var(--bg-elevated,#1e1f22);border:1px solid var(--border,#2a2a2a);border-radius:12px;align-items:center;gap:10px;width:min(560px,100vw - 24px);padding:8px 12px;animation:.16s overlayIn;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0006}.koko-global-audio-play,.koko-global-audio-speed,.koko-global-audio-close{color:var(--text-muted,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none}.koko-global-audio-play{width:30px;height:30px;color:var(--text,#eee);font-size:1rem}.koko-global-audio-play:hover,.koko-global-audio-speed:hover,.koko-global-audio-close:hover{color:var(--text,#eee);background:#ffffff14}.koko-global-audio-speed{font-variant-numeric:tabular-nums;min-width:30px;padding:3px 5px;font-size:.72rem;font-weight:600}.koko-global-audio-close{padding:2px 6px;font-size:.9rem}.koko-global-audio-main{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.koko-global-audio-name{color:var(--text,#eee);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;overflow:hidden}.koko-global-audio-seek{width:100%}.koko-global-audio-time{color:var(--text-muted,#999);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:.72rem}.koko-global-video{z-index:800;background:var(--bg-elevated,#1e1f22);border:1px solid var(--border,#2a2a2a);border-radius:14px;flex-direction:column;width:min(340px,100vw - 24px);animation:.16s overlayIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 14px 38px #00000080}.koko-global-video-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--accent,#6c5ce7) 10%, transparent);align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.koko-global-video-head:active{cursor:grabbing}.koko-global-video-name{min-width:0;color:var(--text,#eee);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.78rem;font-weight:600;overflow:hidden}.koko-global-video-x{color:var(--text-muted,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:.9rem}.koko-global-video-x:hover{color:var(--text,#eee);background:#ffffff14}.koko-global-video-el{aspect-ratio:16/9;object-fit:contain;cursor:pointer;background:#000;width:100%;max-height:260px;display:block}.koko-global-video-bar{align-items:center;gap:8px;padding:7px 10px;display:flex}.koko-global-video-play,.koko-global-video-fs{color:var(--text,#eee);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;width:28px;height:28px;font-size:.95rem}.koko-global-video-play:hover,.koko-global-video-fs:hover{background:#ffffff14}.koko-global-video-seek{flex:auto;min-width:0}.koko-global-video-time{color:var(--text-muted,#999);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:.7rem}.koko-loc{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;width:min(320px,78vw);overflow:hidden}.koko-loc-map{background:radial-gradient(120% 90% at 50% 42%, color-mix(in srgb, var(--accent) 12%, var(--bg-surface)), var(--bg-surface) 70%);height:150px;text-decoration:none;display:block;position:relative;overflow:hidden}.koko-loc-map:before{content:"";opacity:.5;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:26px 26px;position:absolute;inset:0}.koko-loc-map:after{content:"";opacity:.6;background:linear-gradient(58deg, transparent 46%, color-mix(in srgb, var(--accent) 22%, transparent) 46.5%, color-mix(in srgb, var(--accent) 22%, transparent) 49%, transparent 49.5%), linear-gradient(-24deg, transparent 62%, color-mix(in srgb, var(--text-muted) 30%, transparent) 62.4%, color-mix(in srgb, var(--text-muted) 30%, transparent) 64%, transparent 64.4%);position:absolute;inset:0}.koko-loc-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 34%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.koko-loc-pin{color:var(--accent);filter:drop-shadow(0 4px 6px #0006);z-index:2;pointer-events:none;position:absolute;top:44%;left:50%;transform:translate(-50%,-100%)}.koko-loc-pin svg{display:block}.koko-loc-pindot{filter:blur(1px);pointer-events:none;background:#00000059;border-radius:50%;width:12px;height:5px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.koko-loc-pulse{width:22px;height:22px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);pointer-events:none;border-radius:50%;animation:2s ease-out infinite koko-loc-pulse-kf;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}@keyframes koko-loc-pulse-kf{to{box-shadow:0 0 0 26px #0000}}.koko-loc-livepill{z-index:3;color:#fff;background:#209853;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000004d}.koko-loc-livedot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite koko-loc-blink}@keyframes koko-loc-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.koko-loc-pulse,.koko-loc-livedot{animation:none}}.koko-loc-foot{align-items:center;gap:10px;padding:10px 12px;display:flex}.koko-loc-ico{width:34px;height:34px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:9px;flex:none;place-items:center;display:grid}.koko-loc-body{flex-direction:column;flex:1;min-width:0;display:flex}.koko-loc-title{color:var(--text);font-size:13.5px;font-weight:650}.koko-loc-coords{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.koko-loc-open{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:8px;flex:none;padding:6px 10px;font-size:12.5px;font-weight:600;text-decoration:none}.koko-loc-open:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.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;box-sizing:border-box;background:#000000eb;justify-content:center;align-items:center;padding:clamp(52px,7vh,76px) clamp(12px,4vw,56px) clamp(16px,4vh,56px);animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.koko-lightbox img{object-fit:contain;object-position:center;cursor:default;width:100%;height:100%;animation:.18s lightbox-zoom}@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-lightbox-nav{color:#fff;cursor:pointer;z-index:501;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;line-height:1;transition:background .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.koko-lightbox-nav:hover{background:#ffffff42}.koko-lightbox-prev{left:1rem}.koko-lightbox-next{right:1rem}.koko-lightbox-counter{color:#fff;font-variant-numeric:tabular-nums;z-index:501;background:#00000080;border-radius:999px;padding:4px 12px;font-size:.82rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}@media (width<=560px){.koko-lightbox-nav{width:40px;height:40px;font-size:1.6rem}.koko-lightbox-prev{left:.5rem}.koko-lightbox-next{right:.5rem}}.koko-fwd-backdrop{z-index:700;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.koko-fwd-modal{background:var(--bg-floating,var(--bg-surface,#1e1f22));border:1px solid var(--border,#ffffff14);width:min(440px,100%);max-height:min(76vh,640px);box-shadow:var(--shadow-high,0 12px 48px #00000080);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.koko-fwd-head{align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.koko-fwd-title{color:var(--text-normal,var(--text));flex:auto;font-size:1rem;font-weight:700}.koko-fwd-x{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;font-size:.9rem}.koko-fwd-x:hover{background:var(--bg-modifier-hover,var(--bg-hover))}.koko-fwd-search{border:1px solid var(--border,#ffffff14);background:var(--bg-input,var(--bg-subtle,#0003));color:var(--text-normal,var(--text));border-radius:8px;outline:none;margin:0 16px 8px;padding:9px 12px;font-size:.9rem}.koko-fwd-search:focus{border-color:var(--accent,#6c5ce7)}.koko-fwd-list{flex:auto;min-height:0;padding:4px 8px;overflow-y:auto}.koko-fwd-section{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:8px 8px 4px;font-size:.7rem;font-weight:700}.koko-fwd-row{width:100%;color:var(--text-normal,var(--text));text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.koko-fwd-row:hover{background:var(--bg-modifier-hover,var(--bg-hover))}.koko-fwd-row-sel{background:color-mix(in srgb, var(--accent,#6c5ce7) 16%, transparent)}.koko-fwd-row-sel:hover{background:color-mix(in srgb, var(--accent,#6c5ce7) 24%, transparent)}.koko-fwd-row:disabled{opacity:.6;cursor:default}.koko-fwd-row-text{flex-direction:column;flex:auto;min-width:0;display:flex}.koko-fwd-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.koko-fwd-row-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.koko-fwd-check{border:1.5px solid var(--border,#ffffff2e);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;display:flex}.koko-fwd-check-on{background:var(--accent,#6c5ce7);border-color:var(--accent,#6c5ce7)}.koko-fwd-empty{text-align:center;color:var(--text-muted);padding:20px 8px;font-size:.85rem}.koko-fwd-foot{border-top:1px solid var(--border-subtle,var(--border,#ffffff0f));align-items:center;gap:8px;padding:10px 16px 14px;display:flex}.koko-fwd-err{min-width:0;color:var(--danger,#ed4245);flex:auto;font-size:.78rem}.koko-fwd-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:8px 14px;font-size:.86rem;font-weight:600}.koko-fwd-cancel:hover:not(:disabled){color:var(--text-normal,var(--text))}.koko-fwd-send{background:var(--accent,#6c5ce7);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:.86rem;font-weight:700;transition:background .1s,opacity .1s}.koko-fwd-send:hover:not(:disabled){background:var(--accent-hover,#5a4bd1)}.koko-fwd-send:disabled{opacity:.5;cursor:default}.koko-vidprev-backdrop{z-index:700;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.koko-vidprev-modal{background:var(--bg-floating,var(--bg-surface,#1e1f22));border:1px solid var(--border,#ffffff14);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow-high,0 12px 48px #00000080);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.koko-vidprev-head{align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.koko-vidprev-title{color:var(--text-normal,var(--text));flex:auto;font-weight:700}.koko-vidprev-x{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none}.koko-vidprev-x:hover{background:var(--bg-modifier-hover,var(--bg-hover))}.koko-vidprev-more{color:var(--text-normal,var(--text));font-size:20px;line-height:1}.koko-vidprev-menuwrap{flex:none;position:relative}.koko-vidprev-menu{z-index:10;background:var(--bg-floating,var(--bg-surface,#1e1f22));border:1px solid var(--border,#ffffff1a);min-width:210px;box-shadow:var(--shadow-high,0 8px 32px #00000080);border-radius:10px;padding:6px;position:absolute;top:34px;right:0}.koko-vidprev-menu-item{width:100%;color:var(--text-normal,var(--text));text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;display:flex}.koko-vidprev-menu-item:hover:not(:disabled){background:var(--bg-modifier-hover,var(--bg-hover))}.koko-vidprev-menu-item:disabled{opacity:.6;cursor:default}.koko-vidprev-menu-ico{width:18px;height:18px;color:var(--text-muted);flex:none;display:inline-flex}.koko-vidprev-menu-ico svg{width:18px;height:18px}.koko-vidprev-menu-check{color:var(--accent,#6c5ce7);margin-left:auto;font-weight:700}.koko-vidprev-menu-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:6px 10px 2px;font-size:.7rem}.koko-vidprev-menu-sep{background:var(--border,#ffffff14);height:1px;margin:5px 4px}.koko-vidprev-menu-info{color:var(--text-muted);word-break:break-word;padding:6px 10px 4px;font-size:.74rem}.koko-vidprev-controls-spacer{flex:auto}.koko-vidprev-video{object-fit:contain;cursor:pointer;background:#000;width:100%;max-height:60vh;display:block}.koko-vidprev-player{background:#000;line-height:0;position:relative}.koko-vidprev-video::-webkit-media-controls{appearance:none;display:none!important}.koko-vidprev-video::-webkit-media-controls-enclosure{appearance:none;display:none!important}.koko-vidprev-video::-webkit-media-controls-panel{appearance:none;display:none!important}.koko-vidprev-controls{background:linear-gradient(#0000,#000000b8);align-items:center;gap:10px;padding:10px 12px;line-height:normal;display:flex;position:absolute;bottom:0;left:0;right:0}.koko-vidprev-ctrl{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s;display:inline-flex}.koko-vidprev-ctrl:hover{background:#ffffff47}.koko-vidprev-ctrl svg{width:18px;height:18px}.koko-vidprev-time{font-variant-numeric:tabular-nums;color:#fff;flex:none;min-width:78px;font-size:.76rem}.koko-vidprev-seek{appearance:none;cursor:pointer;background:#ffffff47;border-radius:3px;flex:auto;min-width:40px;height:4px}.koko-vidprev-seek::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:13px;height:13px}.koko-vidprev-seek::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:13px;height:13px}.koko-vidprev-player:fullscreen{justify-content:center;align-items:center;display:flex}.koko-vidprev-player:fullscreen .koko-vidprev-video{object-fit:contain;width:100%;height:100%;max-height:100vh}.koko-vidprev-meta{color:var(--text-muted);align-items:center;gap:8px;padding:8px 14px 0;font-size:.78rem;display:flex}.koko-vidprev-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.koko-vidprev-size{flex:none}.koko-vidprev-caption{border:1px solid var(--border,#ffffff14);background:var(--bg-input,var(--bg-subtle,#0003));color:var(--text-normal,var(--text));border-radius:8px;outline:none;margin:10px 14px;padding:9px 12px;font-size:.9rem}.koko-vidprev-caption:focus{border-color:var(--accent,#6c5ce7)}.koko-vidprev-quality{flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 4px;display:flex}.koko-vidprev-quality-label{color:var(--text-muted);margin-right:2px;font-size:.78rem}.koko-vidprev-quality-opt{border:1px solid var(--border,#ffffff1f);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.koko-vidprev-quality-opt:hover:not(:disabled){color:var(--text-normal,var(--text));background:var(--bg-hover)}.koko-vidprev-quality-on,.koko-vidprev-quality-on:hover:not(:disabled){background:var(--accent,#6c5ce7);border-color:var(--accent,#6c5ce7);color:#fff}.koko-vidprev-quality-opt:disabled{opacity:.6;cursor:default}.koko-vidprev-foot{justify-content:flex-end;align-items:center;gap:8px;padding:0 14px 14px;display:flex}.koko-vidprev-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-weight:600}.koko-vidprev-cancel:hover{color:var(--text-normal,var(--text))}.koko-vidprev-send{background:var(--accent,#6c5ce7);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-weight:700;transition:background .1s}.koko-vidprev-send:hover{background:var(--accent-hover,#5a4bd1)}.koko-audio-player{background:var(--bg-subtle,var(--bg-surface));border:1px solid var(--border-subtle,var(--border));border-radius:12px;align-items:center;gap:10px;max-width:360px;padding:8px 10px;display:flex}.koko-audio-play{background:var(--accent,#6c5ce7);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;display:flex}.koko-audio-play:disabled{opacity:.6;cursor:default}.koko-audio-main{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.koko-audio-name{color:var(--text-normal,var(--text));white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.koko-audio-seek{appearance:none;background:linear-gradient(to right, var(--accent,#6c5ce7) var(--koko-audio-pct,0%), var(--bg-hover,#ffffff26) var(--koko-audio-pct,0%));cursor:pointer;border-radius:999px;width:100%;height:4px}.koko-audio-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent,#6c5ce7);border:2px solid var(--bg-surface,#1e1f22);cursor:pointer;border-radius:50%;width:11px;height:11px}.koko-audio-seek::-moz-range-thumb{background:var(--accent,#6c5ce7);border:2px solid var(--bg-surface,#1e1f22);cursor:pointer;border-radius:50%;width:11px;height:11px}.koko-audio-seek:disabled{opacity:.6;cursor:default}.koko-audio-times{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.7rem;display:flex}.koko-audio-speed{border:1px solid var(--border,#ffffff1f);min-width:38px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:4px 6px;font-size:.74rem;font-weight:700}.koko-audio-speed:hover{color:var(--text-normal,var(--text));background:var(--bg-hover)}.koko-audio-dl{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:4px 6px;font-size:.95rem}.koko-audio-dl:hover{color:var(--text-normal,var(--text));background:var(--bg-hover)}.koko-audio-dl:disabled{opacity:.5;cursor:default}.koko-attachment-video-wrap{max-width:100%;line-height:0;display:inline-block;position:relative}.koko-attachment-video-fs{color:#fff;cursor:pointer;opacity:.85;background:#0000008c;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;transition:opacity .12s,background .12s;display:flex;position:absolute;top:8px;right:8px}.koko-attachment-video-fs:hover{opacity:1;background:#000000bf}.koko-inlinevid>.koko-attachment-video{cursor:pointer}.koko-inlinevid video::-webkit-media-controls{display:none!important}.koko-inlinevid video::-webkit-media-controls-enclosure{display:none!important}.koko-inlinevid video::-webkit-media-controls-panel{display:none!important}.koko-inlinevid-bigplay{color:#fff;cursor:pointer;z-index:3;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:background .15s,transform .1s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.koko-inlinevid-bigplay:hover{background:#000000ad}.koko-inlinevid-bigplay:active{transform:translate(-50%,-50%)scale(.93)}.koko-inlinevid-bigplay svg{width:26px;height:26px;margin-left:3px}.koko-inlinevid-dur{z-index:3;color:#fff;pointer-events:none;background:#0009;border-radius:10px;padding:1px 7px;font-size:12px;font-weight:500;line-height:1.5;position:absolute;top:8px;left:8px}.koko-inlinevid-bar{z-index:3;border-radius:0 0 var(--radius) var(--radius);opacity:0;pointer-events:none;background:linear-gradient(#0000,#0000009e);align-items:center;gap:8px;padding:8px;line-height:1;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.koko-inlinevid:hover .koko-inlinevid-bar,.koko-inlinevid:focus-within .koko-inlinevid-bar{opacity:1;pointer-events:auto}.koko-inlinevid-ctrl{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:3px;display:flex}.koko-inlinevid-ctrl:hover{background:#ffffff2e}.koko-inlinevid-ctrl svg{width:18px;height:18px;display:block}.koko-inlinevid-time{color:#fff;font-variant-numeric:tabular-nums;font-size:12px;line-height:1}.koko-inlinevid-spacer{flex:1}.koko-video-lightbox-player{cursor:default;border-radius:8px;outline:none;max-width:92vw;max-height:88vh}.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{align-items:center;gap:.5rem;margin:0 0 .2rem;font-size:1.5rem;font-weight:700;display:flex}.meetings-title-ico{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8e7bff);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.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:132px;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}.koko-online-pulse{--pulse-rgb:67, 181, 129;animation:2.2s ease-out infinite koko-presence-pulse,2.2s ease-in-out infinite koko-presence-breathe}@keyframes koko-presence-pulse{0%{box-shadow:0 0 0 0 rgba(var(--pulse-rgb,67, 181, 129), .6)}70%{box-shadow:0 0 0 6px rgba(var(--pulse-rgb,67, 181, 129), 0)}to{box-shadow:0 0 0 0 rgba(var(--pulse-rgb,67, 181, 129), 0)}}@keyframes koko-presence-breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.4);transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.koko-online-pulse{animation:none}}.koko-channel-voice-badge{color:#fff;background:#1fc55a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;animation:1.5s ease-out infinite koko-voice-badge-pulse;display:inline-flex;box-shadow:0 1px 3px #0006}.koko-channel-voice-badge svg{display:block}@keyframes koko-voice-badge-pulse{0%{transform:scale(1);box-shadow:0 0 #1fc55a99,0 1px 3px #0006}60%{transform:scale(1.1);box-shadow:0 0 0 7px #1fc55a00,0 1px 3px #0006}to{transform:scale(1);box-shadow:0 0 #1fc55a00,0 1px 3px #0006}}@media (prefers-reduced-motion:reduce){.koko-channel-voice-badge{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;z-index:2;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-hero{height:150px}.profile-card-hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(#070b1200 30%,#070b1280 60%,#070b12eb);position:absolute;inset:0}.profile-card-hero .profile-card-close{z-index:3}.profile-card-hero-id{z-index:2;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.profile-card-hero .profile-card-avatar-wrap{flex:none;margin:0}.profile-card-hero .profile-card-avatar{border-width:3px;width:62px;height:62px;font-size:1.25rem;box-shadow:0 6px 18px #00000080}.profile-card-hero .profile-card-status-dot{border-width:3px;width:15px;height:15px;bottom:0;right:0}.profile-card-hero-meta{flex-direction:column;gap:5px;min-width:0;padding-bottom:3px;display:flex}.profile-card-hero .profile-card-name{color:#fff;text-shadow:0 2px 8px #000000b3;font-size:1.1rem;line-height:1.15}.profile-card-hero .profile-card-username{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#d3ddec;cursor:pointer;background:#0a101a80;border:1px solid #78aae647;border-radius:20px;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:2px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;display:inline-flex}.profile-card-hero .profile-card-username:hover{background:#141e2eb8}.profile-card-username-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-card-username-copy{opacity:.6;flex:none}.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.danger{color:var(--danger,#f04747);border-color:color-mix(in srgb, var(--danger,#f04747) 45%, var(--border))}.profile-card-btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger,#f04747) 14%, transparent)}.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-banner-upload{margin-bottom:12px}.koko-banner-upload-preview{border-radius:12px;width:100%;height:148px;position:relative;overflow:hidden}.koko-banner-upload-img{object-fit:cover;width:100%;height:100%;display:block}.koko-bannercrop-backdrop{z-index:100000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.koko-bannercrop-modal{background:var(--bg-surface,#1a1a2e);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:560px;padding:18px;display:flex;box-shadow:0 16px 40px #0000008c}.koko-bannercrop-head{color:var(--text,#fff);font-size:16px;font-weight:600}.koko-bannercrop-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.koko-bannercrop-frame:active{cursor:grabbing}.koko-bannercrop-img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:0;left:0}.koko-bannercrop-hint{color:#fff;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#0000008c;border-radius:10px;max-width:calc(100% - 16px);padding:3px 10px;font-size:12px;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%)}.koko-bannercrop-zoom{color:var(--text-muted,#b5bac1);align-items:center;gap:10px;font-size:15px;display:flex}.koko-bannercrop-zoom input[type=range]{flex:1}.koko-bannercrop-foot{justify-content:flex-end;gap:10px;display:flex}.koko-banner-upload-cam{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px}.koko-banner-upload-cam:hover{background:#000000b8}.koko-banner-upload-cam:disabled{opacity:.7;cursor:default}.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-intro{color:var(--text-muted);margin:-.35rem 0 1rem;font-size:.82rem;line-height:1.45}.privacy-settings{flex-direction:column;gap:.6rem;display:flex}.privacy-settings .privacy-row{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:13px;flex-direction:row;align-items:center;gap:.85rem;padding:.85rem .95rem;transition:border-color .12s,background .12s;display:flex}.privacy-settings .privacy-row:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.privacy-row-icon{color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.privacy-row-icon--1{background:linear-gradient(135deg,#6c5ce7,#8e7bff)}.privacy-row-icon--2{background:linear-gradient(135deg,#23a55a,#3ac977)}.privacy-row-icon--3{background:linear-gradient(135deg,#f0932b,#eb7d3c)}.privacy-row-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.privacy-row-label{color:var(--text);font-size:.92rem;font-weight:650;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;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;order:999;width:44px;height:26px;margin-left:auto;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-availability-field{color:var(--text-muted);flex-direction:column;gap:.35rem;margin-top:12px;font-size:.85rem;font-weight:500;display:flex}.settings-availability-control{align-items:center;display:flex;position:relative}.settings-availability-dot{pointer-events:none;width:10px;height:10px;box-shadow:0 0 0 2px var(--bg-surface);border-radius:50%;flex:none;position:absolute;left:.85rem}.settings-availability-select{border:1.5px solid var(--border);background-color:var(--bg-surface);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23949ba4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:.55rem 2.1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:border-color .15s}.settings-availability-select:hover:not(:disabled){border-color:var(--text-muted)}.settings-availability-select:focus{border-color:var(--accent)}.settings-availability-select:disabled{opacity:.6;cursor:default}.settings-hero{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;margin:.25rem 0 1.25rem;position:relative;overflow:hidden}.settings-hero .koko-banner-upload{margin:0}.settings-hero .koko-banner-upload-preview{border-radius:0;height:168px}.settings-hero-body{align-items:flex-start;gap:1.1rem;min-height:74px;padding:.85rem 1.1rem 1rem;display:flex}.settings-hero-avatar{flex:none;width:104px;margin-top:-3.4rem}.settings-hero .koko-avatar-upload-meta{display:none}.settings-hero .koko-avatar-upload-preview{width:104px;height:104px;box-shadow:0 0 0 5px var(--bg-surface)}.settings-hero-identity{flex:auto;min-width:0;padding-top:.15rem}.settings-hero-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;font-weight:700;line-height:1.2;overflow:hidden}.settings-hero-handle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.86rem;overflow:hidden}.settings-hero-presence{background:var(--bg-floating);max-width:100%;color:var(--text);border-radius:999px;align-items:center;gap:.4rem;margin-top:.55rem;padding:.24rem .6rem .24rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.settings-hero-presence-dot{border-radius:50%;flex:none;width:9px;height:9px}.settings-hero-presence-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-profile-fields{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;flex-direction:column;gap:.85rem;margin-bottom:.75rem;padding:1rem 1.1rem 1.1rem;display:flex}.settings-profile-fields .settings-availability-field{margin-top:0}@media (width<=540px){.settings-hero-body{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem 1rem 1rem}.settings-hero-name,.settings-hero-handle{white-space:normal}.settings-hero-presence{margin-top:.35rem}}.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:var(--border);background: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}.about-hero{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;flex-wrap:wrap;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex}.about-hero-logo{width:52px;height:52px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.about-hero-body{flex:1;min-width:160px}.about-hero h2.about-hero-name,.about-hero-name{align-items:center;gap:.55rem;margin:0;font-size:1.35rem;font-weight:800;display:flex}.about-hero-ver{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.about-code{background:var(--bg-elevated);border:1px solid var(--border);-webkit-user-select:all;user-select:all;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.82rem}.about-force-btn{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9px;flex:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.about-force-btn:hover{background:var(--bg-hover);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.about-build-hint{margin-top:-.4rem}.about-card-head{align-items:center;gap:.6rem;display:flex}.about-ico{width:34px;height:34px;color:var(--text-muted);background:var(--bg-floating);border:1px solid var(--border);border-radius:9px;flex:none;place-items:center;display:grid}.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:920px;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:flex-end;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}.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!important;--text-muted:#eaeaea!important;--border:#d8d8d8!important}html.koko-high-contrast[data-theme=light]{--text:#000!important;--text-muted:#1a1a1a!important;--border:#2a2a2a!important}@media (prefers-color-scheme:light){html.koko-high-contrast:not([data-theme]){--text:#000!important;--text-muted:#1a1a1a!important;--border:#2a2a2a!important}}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;width:max-content;max-width:100%;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{overscroll-behavior-x:contain;flex-flow:row;align-items:center;gap:2px;width:max-content;max-width:min(740px,100vw - 2rem);max-height:none;padding:6px;bottom:100%;left:0;right:auto;overflow:auto hidden}.koko-reaction-picker.koko-emoji-picker .koko-reaction-option{flex:none}.koko-group-bubbles .koko-message-row-mine .koko-reaction-picker.koko-emoji-picker{left:auto;right:0}.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;flex:auto;min-height:0;max-height:100%;display:flex}.koko-rooms-modal .settings-modal-body{flex:1;min-height:0;padding:12px 16px 16px;overflow-y:auto}.settings-modal-container.koko-rooms-container{max-width:500px;height:auto;max-height:min(720px,100vh - 2.5rem)}.koko-rooms-create-row{align-items:stretch}.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;align-items:center;gap:.5rem;padding:.45rem .2rem;display:flex}.koko-rooms-member-role{color:var(--text-muted,#a0a0a0);font-size:.8rem}.koko-rooms-member-id{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.koko-rooms-member-avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:600;display:flex;position:relative;overflow:hidden}.koko-rooms-member-avatar-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.koko-rooms-member-avatar-initial{z-index:0;position:relative}.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;min-width:0;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;flex:1;min-width:0;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-wizard-steps{justify-content:center;gap:6px;padding:4px 0 2px;display:flex}.koko-wizard-step{background:var(--border);border-radius:2px;width:22px;height:4px;transition:background .15s}.koko-wizard-step.active{background:var(--accent,#5865f2)}.koko-space-wizard-card{text-align:left;background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.koko-space-wizard-card:hover:not(.disabled){border-color:var(--accent,#5865f2);background:var(--bg-hover,#7f7f7f0f)}.koko-space-wizard-card.disabled{opacity:.55;cursor:not-allowed}.koko-space-wizard-card-ic{flex-shrink:0;font-size:22px}.koko-space-wizard-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.koko-space-wizard-card-title{color:var(--text);font-size:14px;font-weight:600}.koko-space-wizard-card-desc{color:var(--text-muted);font-size:12px}.koko-space-wizard-card-chev{color:var(--text-muted);flex-shrink:0;font-size:20px}.koko-soon-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-hover,#7f7f7f1f);vertical-align:middle;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.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-card.koko-chan-settings{background:0 0;border:none;gap:12px;padding:0}.koko-chan-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:2px 2px 10px;display:flex}.koko-chan-head-back{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:1.7rem;line-height:1;display:flex}.koko-chan-head-back:hover{background:var(--bg-hover)}.koko-chan-head-title{text-align:center;flex:auto;font-size:1rem;font-weight:700}.koko-chan-head-done{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;padding:6px 8px;font-size:.95rem;font-weight:700}.koko-chan-head-done:disabled{opacity:.45;cursor:default}.koko-chan-head-spacer{flex:none;width:32px}.koko-chan-avatar-wrap{flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px;display:flex}.koko-chan-cover{border-radius:12px;width:100%;height:96px;margin-top:4px;position:relative;overflow:hidden}.koko-chan-cover-img{object-fit:cover;width:100%;height:100%;display:block}.koko-chan-cover-cam{color:#fff;cursor:pointer;background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;bottom:8px;right:8px}.koko-chan-cover-cam:hover{background:#000000b8}.koko-chan-cover-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;width:26px;height:26px;line-height:1;position:absolute;top:8px;right:8px}.koko-chan-cover-remove:hover{background:#000000b8}.koko-chan-avatar-wrap--over{z-index:1;margin-top:-36px;position:relative}.koko-chan-avatar{background:var(--bg-active,var(--border));border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;overflow:hidden}.koko-chan-avatar-ph{color:var(--text-muted);font-size:40px}.koko-chan-avatar-cam{background:var(--accent);color:#fff;cursor:pointer;border:3px solid var(--bg-surface,var(--bg));box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;bottom:0;right:0}.koko-chan-avatar-cam:hover{background:var(--accent-hover)}.koko-chan-avatar-remove{color:var(--danger,#f23f42);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.82rem}.koko-chan-card{background:var(--bg-hover,#252525);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.koko-chan-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:700}.koko-chan-hint{color:var(--text-muted);margin:0;font-size:12px}.koko-chan-seg{background:var(--bg-active,var(--border));border-radius:10px;gap:4px;padding:3px;display:flex}.koko-chan-seg-opt{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.88rem;font-weight:600;transition:background .12s,color .12s}.koko-chan-seg-opt.on{background:var(--accent);color:#fff}.koko-chan-seg-opt:disabled{cursor:default;opacity:.7}.koko-chan-row{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.koko-chan-row-label{color:var(--text);font-size:.9rem}.koko-chan-row-value{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.koko-chan-row-toggle{cursor:default}.koko-chan-switch{cursor:pointer;align-items:center;display:inline-flex}.koko-chan-delete-row,.koko-chan-leave-row{border:1px solid var(--border);background:var(--bg-hover,#252525);cursor:pointer;text-align:center;border-radius:12px;width:100%;padding:12px;font-size:.92rem;font-weight:600}.koko-chan-delete-row{color:var(--danger,#f23f42)}.koko-chan-delete-row:hover{background:#f23f421a}.koko-chan-leave-row{color:var(--text-muted)}.koko-chan-leave-row:hover{background:var(--bg-active,var(--bg-hover))}.koko-chan-delete-row:disabled,.koko-chan-leave-row:disabled{opacity:.5;cursor:default}.koko-rooms-settings-section+.koko-rooms-settings-section{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.koko-rooms-settings-section>h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.koko-rooms-settings-section>h4.koko-rooms-settings-danger{color:#f23f42}.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-transfer{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;margin-top:.9rem;padding:.75rem}.koko-rooms-transfer-title{color:var(--text);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.koko-rooms-transfer-list{margin-bottom:.5rem}.koko-rooms-transfer .koko-rooms-member{justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.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)}}@keyframes koko-pop-in-nox{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.koko-inline-call-react-tray,.koko-inline-call-devices{animation:.12s ease-out koko-pop-in}.koko-inline-call-more-menu{animation:.12s ease-out koko-pop-in-nox}@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:grab;background:0 0;border:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:relative}.koko-spaces-rail-item:active{cursor:grabbing}.koko-spaces-rail-item.is-dragging{opacity:.42;transform:scale(.94)}.koko-spaces-rail-item.is-drop-target:after{content:"";z-index:5;border:2px solid var(--accent);pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:18px;position:absolute;inset:-3px}.koko-spaces-rail-pill{z-index:2;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-aura{z-index:0;background:conic-gradient(from 0deg, transparent 0 18%, color-mix(in srgb, var(--accent) 78%, #fff) 31%, transparent 46% 68%, color-mix(in srgb, var(--accent) 48%, transparent) 80%, transparent 94%);opacity:.28;pointer-events:none;border-radius:50%;transition:opacity .2s,border-radius .2s;animation:16s linear infinite koko-space-aura-drift;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 86%,#000 89%);mask:radial-gradient(farthest-side,#0000 86%,#000 89%)}.koko-spaces-rail-item:nth-child(2n) .koko-spaces-rail-aura{animation-delay:-5.2s}.koko-spaces-rail-item:nth-child(3n) .koko-spaces-rail-aura{animation-delay:-10.4s}.koko-spaces-rail-item:hover .koko-spaces-rail-aura,.koko-spaces-rail-item.active .koko-spaces-rail-aura{opacity:.94;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 88%, transparent)) drop-shadow(0 0 11px color-mix(in srgb, var(--accent) 58%, transparent));border-radius:19px}.koko-spaces-rail-item.active .koko-spaces-rail-avatar{box-shadow:0 0 0 2px color-mix(in srgb, #fff 70%, var(--accent)), 0 0 18px color-mix(in srgb, var(--accent) 70%, transparent)}.koko-spaces-rail-item.has-unread .koko-spaces-rail-aura{background:conic-gradient(from 0deg, transparent 0 12%, color-mix(in srgb, var(--danger) 88%, #fff) 27%, transparent 43% 65%, color-mix(in srgb, var(--accent) 70%, #fff) 79%, transparent 94%);opacity:.62;animation-duration:10s}@keyframes koko-space-aura-drift{0%{transform:rotate(0)scale(.985)}50%{opacity:.46}to{transform:rotate(360deg)scale(.985)}}.koko-spaces-rail-avatar{background:var(--bg-surface);width:48px;height:48px;color:var(--text);z-index:1;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-unread{z-index:4;box-sizing:border-box;border:2px solid var(--bg-floating,#1a1b1e);background:var(--danger,#f23f42);color:#fff;letter-spacing:-.02em;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-7px;box-shadow:0 2px 6px #0000004d}.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}@media (prefers-reduced-motion:reduce){.koko-spaces-rail-aura{opacity:.3;animation:none}.koko-spaces-rail-item.has-unread .koko-spaces-rail-aura{opacity:.5}.koko-sidebar-footer-avatar-aura{opacity:.8;animation:none}}.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{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:auto;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-nav-section-subhead-btn{cursor:pointer;text-align:left;width:100%;font:inherit;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);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-subhead-btn:hover{color:var(--text)}.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:28px;height:28px;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}.koko-space-create-types{grid-template-columns:1fr 1fr;gap:6px;display:grid}.koko-space-type-card{text-align:left;background:var(--bg);border:1.5px solid var(--border);cursor:pointer;border-radius:9px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 9px;transition:background .1s,border-color .1s;display:flex}.koko-space-type-card:hover:not(:disabled){border-color:var(--text-muted)}.koko-space-type-card:disabled{opacity:.6;cursor:default}.koko-space-type-card.active{border-color:var(--brand,#5865f2);background:#5865f21a}.koko-space-type-title{color:var(--text);align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:inline-flex}.koko-space-type-card.active .koko-space-type-title{color:var(--brand,#5865f2)}.koko-space-type-ico{flex:none;width:13px;height:13px}.koko-space-type-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.koko-space-e2ee-row{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;transition:background .1s,border-color .1s;display:flex}.koko-space-e2ee-row.active{border-color:var(--brand,#5865f2);background:#5865f21a}.koko-space-e2ee-ico{color:var(--brand,#5865f2);flex:none;display:inline-flex}.koko-space-e2ee-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.koko-space-e2ee-title{color:var(--text);font-size:12.5px;font-weight:600}.koko-space-e2ee-desc{color:var(--text-muted);font-size:10.5px;line-height:1.35}.koko-space-switch-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.koko-space-switch{background:var(--border);border-radius:20px;flex:none;width:36px;height:20px;transition:background .12s;position:relative}.koko-space-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000047}.koko-space-switch-input:checked~.koko-space-switch{background:var(--brand,#5865f2)}.koko-space-switch-input:checked~.koko-space-switch:after{left:18px}.koko-space-switch-input:disabled~.koko-space-switch{opacity:.5}.koko-space-switch-input:focus-visible~.koko-space-switch{outline:2px solid var(--brand,#5865f2);outline-offset:2px}.koko-streaming-video{background:#000;border-radius:8px;min-height:120px;overflow:hidden}.koko-streaming-spinner{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.koko-streaming-spinner .koko-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite koko-streaming-spin}@keyframes koko-streaming-spin{to{transform:rotate(360deg)}}.meetings-viewswitch{gap:4px;display:inline-flex}.koko-cal{flex-direction:column;gap:10px;width:100%;display:flex}.koko-cal-head{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 20%, var(--bg)), var(--bg) 70%);border-radius:14px 14px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-2px -2px 0;padding:12px 14px;display:flex}.koko-cal-nav{align-items:center;gap:8px;display:flex}.koko-cal-range{text-transform:capitalize;color:var(--text);margin:0;font-size:18px;font-weight:650}.koko-cal-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.koko-cal-btn{border-radius:var(--radius-sm,6px);border:1px solid var(--border);background:var(--bg-surface,transparent);color:var(--text);cursor:pointer;padding:6px 12px;font-size:13px}.koko-cal-btn:hover:not(:disabled){background:var(--bg-hover)}.koko-cal-btn:disabled{opacity:.5;cursor:default}.koko-cal-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.koko-cal-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.koko-cal-icon{border-radius:var(--radius-sm,6px);border:1px solid var(--border);background:var(--bg-surface,transparent);width:30px;height:30px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.koko-cal-icon:hover{background:var(--bg-hover)}.koko-cal-viewswitch{border:1px solid var(--border);border-radius:var(--radius-sm,6px);display:inline-flex;overflow:hidden}.koko-cal-vbtn{color:var(--text-muted);cursor:pointer;border:none;border-right:1px solid var(--border);background:0 0;padding:6px 12px;font-size:13px}.koko-cal-vbtn:last-child{border-right:none}.koko-cal-vbtn.active{background:var(--accent);color:#fff}.koko-cal-legend{color:var(--text-muted);align-items:center;gap:16px;margin-top:-4px;padding:0 14px;font-size:12px;display:flex}.koko-cal-leg{align-items:center;gap:6px;display:inline-flex}.koko-cal-leg:before{content:"";border-radius:3px;width:10px;height:10px}.koko-cal-leg.mine:before{background:var(--accent)}.koko-cal-leg.invited:before{background:#2f9e6e}.koko-cal-leg-load{opacity:.7;margin-left:auto}.koko-cal-month{border:1px solid var(--border);border-radius:var(--radius,8px);flex-direction:column;display:flex;overflow:hidden}.koko-cal-month-head,.koko-cal-month-grid{grid-template-columns:repeat(7,1fr);display:grid}.koko-cal-month-dow{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border);background:var(--bg-surface,transparent);padding:8px;font-size:11px;font-weight:700}.koko-cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:3px;min-height:96px;padding:4px;transition:background .12s;display:flex}.koko-cal-cell:nth-child(7n){border-right:none}.koko-cal-cell.dim{opacity:.5}.koko-cal-cell:nth-child(7n-1),.koko-cal-cell:nth-child(7n){background:color-mix(in srgb, var(--accent) 4%, transparent)}.koko-cal-cell:nth-child(7n-1):hover,.koko-cal-cell:nth-child(7n):hover{background:var(--bg-hover)}.koko-cal-cell.today,.koko-cal-cell.today:nth-child(7n-1),.koko-cal-cell.today:nth-child(7n){background:color-mix(in srgb, var(--accent) 8%, transparent);box-shadow:inset 0 0 0 2px var(--accent), inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent)}.koko-cal-cell-num{width:24px;height:24px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;align-self:flex-start;font-size:13px;font-weight:650}.koko-cal-cell.today .koko-cal-cell-num{background:var(--accent);color:#fff}.koko-cal-cell-num:hover{background:var(--bg-hover)}.koko-cal-cell-events{flex-direction:column;gap:2px;display:flex;overflow:hidden}.koko-cal-chip{text-align:left;border:none;border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:1px 5px;font-size:11px;display:block;overflow:hidden}.koko-cal-chip.invited{background:#2f9e6e29;border-left-color:#2f9e6e}.koko-cal-chip.status-ended{opacity:.55}.koko-cal-chip-t{font-variant-numeric:tabular-nums;opacity:.8}.koko-cal-more{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:11px}.koko-cal-tg{border:1px solid var(--border);border-radius:var(--radius,8px);flex-direction:column;display:flex;overflow:hidden}.koko-cal-tg-daynames{border-bottom:1px solid var(--border);background:var(--bg-surface,transparent);display:flex}.koko-cal-tg-gutter{box-sizing:border-box;flex:none;width:56px}.koko-cal-tg-dayname{text-align:center;color:var(--text-muted);border-left:1px solid var(--border);flex:1;padding:6px 4px;font-size:12px}.koko-cal-tg-dayname .num{color:var(--text);font-size:15px;font-weight:600}.koko-cal-tg-dayname.today .num{color:var(--accent)}.koko-cal-tg-scroll{max-height:62vh;overflow-y:auto}.koko-cal-tg-body{display:flex;position:relative}.koko-cal-tg-body .koko-cal-tg-gutter{flex-direction:column;display:flex}.koko-cal-tg-hourlabel{color:var(--text-muted);text-align:right;box-sizing:border-box;padding-right:6px;font-size:11px;transform:translateY(-6px)}.koko-cal-tg-col{border-left:1px solid var(--border);flex:1;position:relative}.koko-cal-tg-slot{box-sizing:border-box;border-top:1px solid var(--border)}.koko-cal-tg-slot:hover{background:var(--bg-hover)}.koko-cal-ev{border:none;border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--bg));color:var(--text);text-align:left;cursor:pointer;border-radius:4px;flex-direction:column;gap:1px;padding:2px 5px;font-size:11px;line-height:1.2;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}.koko-cal-ev.invited{background:color-mix(in srgb, #2f9e6e 22%, var(--bg));border-left-color:#2f9e6e}.koko-cal-ev.status-ended{opacity:.5}.koko-cal-ev-t{font-variant-numeric:tabular-nums;opacity:.85}.koko-cal-ev-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.koko-cal-modal{width:min(480px,94vw)}.koko-cal-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.koko-cal-modal-head h3{margin:0;font-size:16px}.koko-cal-modal-body{flex-direction:column;gap:12px;padding:16px;display:flex}.koko-cal-modal-row{gap:12px;display:flex}.koko-cal-modal-row .koko-cal-field{flex:1}.koko-cal-field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.koko-cal-field input,.koko-cal-field select{border-radius:var(--radius-sm,6px);border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px 10px;font-size:14px}.koko-cal-toggle{color:var(--text);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.koko-cal-toggle input{margin-top:2px}.koko-cal-modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 16px;display:flex}@media (width<=640px){.koko-cal-cell{min-height:64px}.koko-cal-tg-gutter{width:42px}}.koko-mcal{flex-direction:column;gap:12px;padding:12px;display:flex}.koko-mcal-monthnav{justify-content:space-between;align-items:center;display:flex}.koko-mcal-monthlabel{text-transform:capitalize;color:var(--text);font-size:14px;font-weight:600}.koko-mcal-nav{border:1px solid var(--border);width:26px;height:26px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;font-size:15px;line-height:1}.koko-mcal-nav:hover{background:var(--bg-hover)}.koko-mcal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.koko-mcal-dow{text-align:center;color:var(--text-muted);padding-bottom:2px;font-size:10px}.koko-mcal-day{aspect-ratio:1;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.koko-mcal-day:hover{background:var(--bg-hover)}.koko-mcal-day.dim{color:var(--text-muted);opacity:.45}.koko-mcal-day.today{background:var(--accent);color:#fff;font-weight:600}.koko-mcal-daynum{line-height:1}.koko-mcal-dot{border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.koko-mcal-dot.mine{background:var(--accent)}.koko-mcal-dot.invited{background:#2f9e6e}.koko-mcal-day.today .koko-mcal-dot{background:#fff}.koko-mcal-agenda{flex-direction:column;gap:4px;display:flex}.koko-mcal-agenda-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.koko-mcal-empty{color:var(--text-muted);margin:4px 0;font-size:12px}.koko-mcal-agenda ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.koko-mcal-item{text-align:left;border:none;border-left:3px solid var(--accent);background:var(--bg-hover);cursor:pointer;border-radius:6px;flex-direction:column;gap:1px;width:100%;padding:6px 8px;display:flex}.koko-mcal-item:hover{filter:brightness(1.08)}.koko-mcal-item.invited{border-left-color:#2f9e6e}.koko-mcal-item-when{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.koko-mcal-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.koko-mcal-item-live{color:var(--danger,#ef4444);font-size:10px;font-weight:600}.koko-mcal-openfull{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;margin-top:4px;padding:8px;font-size:13px}.koko-mcal-openfull:hover{background:var(--bg-hover)}.meetings-home{max-width:1180px}.meetings-title{letter-spacing:-.01em;font-size:1.7rem}.koko-cal{gap:14px}.koko-cal-range{font-size:20px}.koko-cal-btn{transition:background .12s,filter .12s,box-shadow .12s}.koko-cal-btn.primary{box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent)}.koko-cal-btn.primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 3px 12px color-mix(in srgb, var(--accent) 45%, transparent)}.koko-cal-icon,.koko-cal-vbtn{transition:background .12s,color .12s}.koko-cal-viewswitch{border-radius:8px}.koko-cal-legend{padding:2px 2px 0}.koko-cal-leg:before{width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 0%, transparent);border-radius:3px}.koko-cal-month{box-shadow:var(--shadow-low,0 1px 4px #00000040);background:var(--bg-surface,transparent)}.koko-cal-month-dow{letter-spacing:.03em;padding:8px;font-weight:600}.koko-cal-cell{min-height:116px;padding:6px;transition:background .12s}.koko-cal-cell:hover{background:var(--bg-hover)}.koko-cal-cell:nth-child(7n+6),.koko-cal-cell:nth-child(7n){background:color-mix(in srgb, var(--text-muted) 6%, transparent)}.koko-cal-cell:nth-child(7n+6):hover,.koko-cal-cell:nth-child(7n):hover{background:var(--bg-hover)}.koko-cal-cell.today{background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent)}.koko-cal-cell-num{width:26px;height:26px;font-size:13px;font-weight:600;transition:background .12s}.koko-cal-chip{border-radius:5px;padding:2px 6px;font-weight:500;transition:filter .12s}.koko-cal-chip:hover{filter:brightness(1.14)}.koko-cal-tg{box-shadow:var(--shadow-low,0 1px 4px #00000040)}.koko-cal-tg-dayname.today{background:color-mix(in srgb, var(--accent) 9%, transparent)}.koko-cal-tg-dayname.today .num{color:#fff;background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:3px;display:inline-flex}.koko-cal-tg-slot{transition:background .1s}.koko-cal-ev{transition:filter .12s;box-shadow:0 1px 3px #0000002e}.koko-cal-ev:hover{filter:brightness(1.1)}.meetings-layout:not(.meeting-layout-in-call)>main{flex:1;min-width:0}.meetings-home{max-width:1180px;margin-left:auto;margin-right:auto}.koko-inline-call-expanded .koko-inline-call-controls,.koko-inline-call-expanded .koko-call-statusbar{transition:opacity .28s,transform .28s}.koko-inline-call-expanded.koko-call-idle .koko-inline-call-controls{opacity:0;pointer-events:none;transform:translateY(14px)}.koko-inline-call-expanded.koko-call-idle .koko-call-statusbar{opacity:0;pointer-events:none}.koko-inline-call-expanded.koko-call-idle{cursor:none}.koko-screen-fs{z-index:4;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.koko-screen-fs-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.koko-screen-fs-close{z-index:12;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:10px;place-items:center;width:40px;height:40px;transition:opacity .28s,background .12s;display:grid;position:absolute;top:16px;right:16px}.koko-screen-fs-close:hover{background:#000000c7}.koko-has-screen-fs .koko-inline-call-controls,.koko-has-screen-fs .koko-call-statusbar{z-index:10;position:relative}.koko-inline-call-expanded.koko-call-idle .koko-screen-fs-close{opacity:0;pointer-events:none}.koko-meeting-reminder{z-index:900;background:var(--bg-elevated,#1e1f22);border:1px solid var(--border,#2a2a2a);border-radius:14px;align-items:center;gap:12px;max-width:min(560px,100vw - 24px);padding:12px 14px;animation:.42s cubic-bezier(.34,1.56,.64,1) both koko-reminder-pop,2.6s ease-in-out .5s infinite koko-reminder-glow;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #00000080}.koko-meeting-reminder-now{border-color:color-mix(in srgb, var(--accent,#4a8cff) 55%, transparent);animation:.42s cubic-bezier(.34,1.56,.64,1) both koko-reminder-pop,1.6s ease-in-out .5s infinite koko-reminder-glow}.koko-meeting-reminder-icon{font-size:22px;line-height:1}.koko-meeting-reminder-body{flex:1;min-width:0}.koko-meeting-reminder-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.koko-meeting-reminder-sub{opacity:.72;margin-top:2px;font-size:12px}.koko-meeting-reminder-join{cursor:pointer;color:#fff;background:var(--accent,#4a8cff);border:none;border-radius:9px;flex:none;padding:8px 14px;font-size:13px;font-weight:600;transition:filter .12s,transform 80ms}.koko-meeting-reminder-join:hover{filter:brightness(1.1);transform:translateY(-1px)}.koko-meeting-reminder-x{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;padding:4px 6px;font-size:15px}.koko-meeting-reminder-x:hover{opacity:1;background:var(--bg-hover,#2a2a2a)}@keyframes koko-reminder-pop{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes koko-reminder-glow{0%,to{box-shadow:0 14px 38px #00000080}50%{box-shadow:0 14px 38px #00000080, 0 0 0 4px color-mix(in srgb, var(--accent,#4a8cff) 22%, transparent)}}.koko-cal-ev-soon{animation:2.8s ease-in-out infinite koko-cal-soon-breathe}@keyframes koko-cal-soon-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent,#4a8cff) 45%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#4a8cff) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.koko-meeting-reminder,.koko-meeting-reminder-now{box-shadow:0 14px 38px #00000080, 0 0 0 3px color-mix(in srgb, var(--accent,#4a8cff) 30%, transparent);animation:.25s both koko-reminder-fade}.koko-cal-ev-soon{outline:2px solid color-mix(in srgb, var(--accent,#4a8cff) 45%, transparent);animation:none}@keyframes koko-reminder-fade{0%{opacity:0}to{opacity:1}}}*,: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}