:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#2456c8;--accent:#4caf50;--accent-strong:#43a047;--app-bg:#f1f1f2;--sidebar-bg:#fff;--sidebar-border:#e7e7e9;--hover:#f5f5f5;--active:#ececee;--text:#1a1a1c;--text-dim:#6f6f74;--wallpaper:#e4e4e6;--doodle:#6e6e730d;--bubble-peer:#fff;--bubble-own:#d3edd4;--bubble-shadow:0 1px .5px #14141621;--pill-bg:#fff;--pill-text:#5c5c61;--composer-bg:#f1f1f2;--input-bg:#fff;--tick:#9a9a9f;--tick-read:#53bdeb;--badge:#4caf50;--badge-text:#fff;--danger:#ea0038;--panel-gap:#f1f1f2}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#4272d8;--accent:#66bb6a;--accent-strong:#81c784;--app-bg:#171719;--sidebar-bg:#171719;--sidebar-border:#2a2a2d;--hover:#252528;--active:#333338;--text:#ececee;--text-dim:#98989e;--wallpaper:#101012;--doodle:#96969b0b;--bubble-peer:#252528;--bubble-own:#2f5733;--bubble-shadow:0 1px .5px #00000059;--pill-bg:#1e1e21;--pill-text:#b0b0b6;--composer-bg:#252528;--input-bg:#333338;--tick:#98989e;--tick-read:#53bdeb;--badge:#66bb6a;--badge-text:#171719;--danger:#f15c6d;--panel-gap:#101012}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#4272d8;--accent:#66bb6a;--accent-strong:#81c784;--app-bg:#171719;--sidebar-bg:#171719;--sidebar-border:#2a2a2d;--hover:#252528;--active:#333338;--text:#ececee;--text-dim:#98989e;--wallpaper:#101012;--doodle:#96969b0b;--bubble-peer:#252528;--bubble-own:#2f5733;--bubble-shadow:0 1px .5px #00000059;--pill-bg:#1e1e21;--pill-text:#b0b0b6;--composer-bg:#252528;--input-bg:#333338;--tick:#98989e;--tick-read:#53bdeb;--badge:#66bb6a;--badge-text:#171719;--danger:#f15c6d;--panel-gap:#101012}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input{font:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-dim) 45%, transparent) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-dim) 45%, transparent);border-radius:999px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gate{background:radial-gradient(1200px 500px at 50% -10%, #2456c81f, transparent 70%), var(--app-bg);place-items:center;height:100%;display:grid}.gate-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);text-align:center;border-radius:18px;width:min(400px,92vw);padding:2.4rem 2.2rem;animation:.45s cubic-bezier(.2,.8,.25,1) gate-in;box-shadow:0 24px 60px -30px #17212b59}@keyframes gate-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.gate-logo{color:#fff;background:linear-gradient(145deg, var(--brand), color-mix(in srgb, var(--brand) 80%, #000));width:64px;height:64px;box-shadow:0 10px 24px -10px var(--brand);border-radius:20px;place-items:center;margin:0 auto 1rem;font-size:30px;display:grid}.gate-card h1{letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:700}.gate-sub{color:var(--text-dim);margin:.3rem 0 1.6rem;font-size:.92rem}.gate-form{flex-direction:column;gap:.65rem;display:flex}.gate-form input{border:1px solid var(--sidebar-border);background:var(--hover);border-radius:10px;outline:none;padding:.75rem .95rem}.gate-form input:focus{border-color:var(--accent)}.gate-form button{background:var(--accent);color:#fff;border-radius:10px;margin-top:.35rem;padding:.75rem;font-weight:600;transition:background .15s}.gate-form button:hover:not(:disabled){background:var(--accent-strong)}.gate-form button:disabled{opacity:.45;cursor:default}.gate-hint,.gate-status{color:var(--text-dim);font-size:.85rem}.gate-divider{text-align:center;align-items:center;gap:.6rem;display:flex}.gate-divider:before,.gate-divider:after{content:"";border-top:1px solid var(--sidebar-border);flex:1}.gate-error{color:var(--danger);word-break:break-word;font-size:.85rem}.app{grid-template-rows:minmax(0,100%);grid-template-columns:minmax(300px,30%) 1fr;max-width:1600px;height:100%;margin:0 auto;display:grid;box-shadow:0 0 40px #17212b1f}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;min-width:0;display:flex;position:relative}.sidebar-header{border-bottom:1px solid color-mix(in srgb, var(--sidebar-border) 65%, transparent);align-items:center;gap:.7rem;padding:.7rem .9rem;display:flex}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}img.avatar{object-fit:cover;display:block}.me-avatar{cursor:pointer;flex:none;display:inline-flex}.hero-avatar{cursor:pointer;display:inline-flex;position:relative}.hero-camera{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:2px;right:2px;box-shadow:0 1px 3px #0000004d}.hero-camera svg{width:17px;height:17px}.row-avatar{flex:none;align-self:flex-end;width:28px;margin-bottom:1px;margin-right:6px}.chat-scroll.selecting .row{cursor:pointer}.chat-scroll.selecting .bubble{pointer-events:none}.chat-scroll.selecting .row.selected .bubble{outline:2px solid var(--accent);outline-offset:1px}.select-dot{border:2px solid var(--text-dim);color:#fff;border-radius:50%;flex:none;align-self:center;place-items:center;width:20px;height:20px;margin-right:8px;font-size:12px;display:grid}.select-dot.on{background:var(--accent);border-color:var(--accent)}.row.own .select-dot{margin-right:auto}.select-bar{background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);align-items:center;gap:.6rem;padding:.55rem 1rem;display:flex}.select-bar .select-count{font-weight:600}.select-bar .select-actions{gap:.3rem;margin-left:auto;display:flex}.select-bar button{border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.select-bar button:hover:not(:disabled){background:var(--hover)}.select-bar button:disabled{opacity:.35}.media-preview{object-fit:contain;border-radius:10px;max-width:100%;max-height:340px;margin:0 auto;display:block}.bubble-video{cursor:pointer;background:0 0;border:none;padding:0;display:block;position:relative}.bubble-video video{background:#000;border-radius:8px;max-width:100%;max-height:320px;display:block}button.bubble-video video{object-fit:cover;min-width:180px;min-height:120px}.video-play{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play svg{margin-left:3px}.video-duration{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000c;pointer-events:none;font-size:.74rem;position:absolute;bottom:7px;left:9px}.mention[role=button]{cursor:pointer}.camera-preview{background:#000;border-radius:10px;width:100%;max-height:380px;margin-bottom:.8rem;display:block}.media-form{flex-direction:column;gap:.6rem;margin-top:.8rem;display:flex}.media-caption{border:1px solid var(--sidebar-border);background:var(--composer-bg);font:inherit;color:var(--text);border-radius:18px;padding:.55rem .8rem}.media-actions{justify-content:flex-end;gap:.5rem;display:flex}.media-send{background:var(--accent);color:#fff;border-radius:18px;padding:.5rem 1.2rem;font-weight:600}.media-send.recording{background:#d64545;animation:1.2s ease-in-out infinite pulse-recording}@keyframes pulse-recording{50%{opacity:.75}}.bubble-caption{margin-top:.25rem;display:block}.editor-modal{width:min(94vw,720px)}.editor-stage{place-items:center;display:grid;position:relative}.editor-stage canvas{touch-action:none;cursor:crosshair;background:#000;border-radius:8px;width:min(100%,640px);height:auto}.crop-overlay{pointer-events:none;border:2px dashed #fff;outline:1200px solid #00000073;position:absolute}.editor-tools{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.7rem;display:flex}.editor-tools button{border:1px solid var(--sidebar-border);cursor:pointer;border-radius:14px;padding:.4rem .7rem;font-size:.85rem}.editor-tools button.on{border-color:var(--accent);color:var(--accent)}.editor-tools button:disabled{opacity:.4}.editor-spacer{flex:1}.attach-menu{z-index:8;background:var(--sidebar-bg);border-radius:14px;flex-direction:column;padding:.45rem;animation:.16s ease-out gate-in;display:flex;position:absolute;bottom:calc(100% + 10px);left:3.2rem;box-shadow:0 10px 32px -6px #0b141a73}.attach-menu button{text-align:left;white-space:nowrap;border-radius:10px;align-items:center;gap:.75rem;padding:.42rem 1.4rem .42rem .5rem;font-size:.92rem;display:flex}.attach-menu button:hover{background:var(--hover)}.attach-ico{color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.attach-ico svg{width:19px;height:19px}.attach-ico.a-photos{background:#007bfc}.attach-ico.a-camera{background:#ff2e74}.attach-ico.a-doc{background:#7f66ff}.attach-ico.a-poll{background:#ffbc38}.attach-ico.a-loc{background:#4caf50}.attach-ico.a-live{background:#e0342b}.attach-ico.a-sticker{background:#02a698}.attach-toggle svg{transition:transform .18s}.attach-toggle.on svg{transform:rotate(45deg)}.location-menu{background:var(--sidebar-bg);z-index:5;border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:4.2rem;left:1rem;overflow:hidden;box-shadow:0 12px 36px -12px #0006}.location-menu button{text-align:left;cursor:pointer;padding:.6rem 1rem;font-size:.9rem}.location-menu button:hover{background:var(--hover)}.live-loc{flex-direction:column;gap:.2rem;min-width:min(240px,55vw);padding-bottom:.35rem;display:flex}.live-loc small{color:var(--text-dim)}.live-loc .contact-chat{align-self:flex-start;margin-top:.2rem}.view-once-open{border:1.5px dashed var(--accent);color:var(--accent);cursor:pointer;border-radius:16px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;display:inline-flex}.view-once-open:hover{background:var(--active)}.pairing-box{flex-direction:column;gap:.3rem;padding:.2rem 1rem .8rem;display:flex}.pairing-code{letter-spacing:.25em;background:var(--composer-bg);text-align:center;-webkit-user-select:all;user-select:all;border-radius:10px;padding:.5rem .8rem;font-size:1.6rem;font-weight:700}.pairing-box small{color:var(--text-dim)}.pair-form .inline-link,.gate-form .inline-link{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.85rem}.invite-box{flex-direction:column;gap:.35rem;padding:.2rem 1rem .6rem;font-size:.88rem;display:flex}.invite-code{background:var(--composer-bg);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:8px;padding:.4rem .6rem;font-size:.78rem}.invite-actions{gap:.8rem;display:flex}.invite-box small{color:var(--text-dim)}.privacy-toggle{cursor:pointer;align-items:flex-start;gap:.5rem;padding:.3rem 1rem .8rem;font-size:.9rem;display:flex}.privacy-toggle small{color:var(--text-dim);display:block}.contact-card{align-items:center;gap:.6rem;min-width:min(240px,55vw);padding-bottom:1.1rem;display:flex}.contact-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.contact-text small{color:var(--text-dim)}.contact-chat{border:1px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:14px;flex:none;padding:.35rem .7rem;font-size:.82rem}.contact-chat:hover{background:var(--active)}.user-suggest-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-suggest-text small{color:var(--text-dim)}.starred-panel{overflow-y:auto}.starred-row{text-align:left;cursor:pointer;border-bottom:1px solid var(--sidebar-border);width:100%;padding:.5rem 1rem;display:block}.starred-row:hover{background:var(--hover)}.starred-title{color:var(--text-dim);font-size:.78rem;display:block}.starred-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.poll{min-width:min(280px,64vw);padding-bottom:.1rem;display:block}.poll-question{overflow-wrap:anywhere;margin-bottom:.15rem;font-size:.98rem;display:block}.poll-meta{color:var(--text-dim);margin-bottom:.2rem;font-size:.78rem;display:block}.poll-option{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:flex-start;gap:.6rem;padding:.55rem 0 .1rem;display:flex}.poll-radio{border:2px solid color-mix(in srgb, var(--text-dim) 70%, transparent);color:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:700;line-height:1;transition:background .15s,border-color .15s;display:grid}.poll-radio.on{background:var(--accent);border-color:var(--accent)}.poll-body{flex:1;min-width:0;display:block}.poll-line{align-items:center;gap:.45rem;display:flex}.poll-label{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.92rem}.poll-voters{flex:none;display:inline-flex}.poll-voters .avatar{font-size:9px!important}.poll-voters .avatar+.avatar{margin-left:-7px}.poll-count{text-align:right;min-width:1.1em;color:var(--text-dim);flex:none;font-size:.84rem;font-weight:500}.poll-track{background:color-mix(in srgb, var(--text-dim) 24%, transparent);border-radius:3px;height:5px;margin-top:.35rem;display:block;overflow:hidden}.poll-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .25s;display:block}.poll-results-link{border:0;border-top:1px solid color-mix(in srgb, var(--text-dim) 22%, transparent);width:100%;color:var(--accent);cursor:pointer;text-align:center;background:0 0;margin-top:.55rem;padding:.5rem 0 .2rem;font-size:.9rem;font-weight:500;display:block}.poll-results-scroll{max-height:min(48vh,420px);margin:.3rem 0 .9rem;overflow-y:auto}.poll-result-option{border-bottom:1px solid var(--sidebar-border);padding:.55rem 0}.poll-result-option:last-child{border-bottom:0}.poll-result-option header{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}.poll-result-option header span{color:var(--text-dim);flex:none;font-size:.84rem}.poll-voter{align-items:center;gap:.6rem;padding:.28rem 0;display:flex}.poll-no-votes{color:var(--text-dim);margin:0;font-size:.85rem}.poll-form-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.poll-multi{color:var(--text-dim);align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.status-row,.status-item .status-open{text-align:left;cursor:pointer;align-items:center;gap:.7rem;width:100%;padding:.55rem .9rem;display:flex}.status-row{border-bottom:1px solid color-mix(in srgb, var(--sidebar-border) 45%, transparent)}.status-row:hover,.status-item .status-open:hover{background:var(--hover)}.status-item{align-items:center;display:flex}.status-add{background:var(--accent);color:#fff;cursor:pointer;border-radius:50%;flex:none;width:36px;height:36px;margin-right:.9rem;font-size:1.2rem}.status-section-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:.6rem 1rem .25rem;font-size:.78rem;font-weight:600}.status-panel{flex:1;overflow-y:auto}.status-ring{border-radius:50%;flex:none;place-items:center;padding:2px;display:inline-grid}.status-ring.has{border:2.5px solid var(--accent)}.status-ring.has.seen{border-color:var(--text-dim)}.status-viewer{z-index:60;background:#0e0e10;position:fixed;inset:0}.status-stage{color:#e9eef4;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.status-topbar{z-index:3;background:linear-gradient(#0000008c,#0000);flex-direction:column;gap:.7rem;padding:.9rem 1rem 1.6rem;display:flex;position:absolute;top:0;left:0;right:0}.status-segments{gap:4px;display:flex}.status-segments span{background:#ffffff4d;border-radius:2px;flex:1;height:2.5px;overflow:hidden}.status-segments span.done{background:#fff}.status-fill{background:#fff;border-radius:2px;width:0;height:100%;animation:5s linear forwards status-fill;display:block}.status-fill.paused{width:50%;animation:none}@keyframes status-fill{to{width:100%}}.status-head{align-items:center;gap:.7rem;display:flex}.status-who{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.status-who small{color:#ffffffa6;font-size:.8rem}.status-head button{color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1rem;display:grid}.status-head button:hover{background:#ffffff1f}.status-content{flex:1;place-items:center;width:100%;min-height:0;display:grid}.status-media{background:#000;max-width:min(94vw,640px);max-height:84vh;display:block}.status-text-card{text-align:center;color:#fff;overflow-wrap:anywhere;white-space:pre-wrap;place-items:center;width:100%;height:100%;padding:2rem clamp(2rem,12vw,8rem);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:600;display:grid}.status-caption{z-index:3;text-align:center;pointer-events:none;background:linear-gradient(#0000,#0000008c);margin:0;padding:2rem 1.5rem 1.6rem;position:absolute;bottom:0;left:0;right:0}.status-missing{color:#ffffffb3;padding:3rem 0}.status-nav{z-index:2;cursor:pointer;background:0 0;border:none;position:absolute;top:90px;bottom:90px}.status-nav.prev{width:33%;left:0}.status-nav.next{width:67%;right:0}.status-eye{z-index:4;color:#fff;cursor:pointer;background:#00000073;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.9rem;display:inline-flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.status-eye:hover{background:#000000a6}.status-viewers-sheet{z-index:5;background:var(--sidebar-bg);width:min(440px,100vw);max-height:46vh;color:var(--text);border-radius:16px 16px 0 0;padding:.4rem 0 .8rem;animation:.18s ease-out sheet-in;position:absolute;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -8px 30px #0006}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,30px)}}.status-viewers-head{color:var(--text-dim);border-bottom:1px solid var(--sidebar-border);align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.86rem;display:flex}.status-viewers-empty{color:var(--text-dim);margin:0;padding:.8rem 1.1rem;font-size:.9rem}.status-viewer-row{align-items:center;gap:.7rem;padding:.45rem 1.1rem;display:flex}.status-text-input{border:1px solid var(--sidebar-border);background:var(--composer-bg);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:.7rem .9rem}.status-media-pick{cursor:pointer;align-items:center;gap:.3rem;margin-right:auto;display:inline-flex}.pin-banner{background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);cursor:pointer;align-items:center;gap:.55rem;padding:.45rem 1rem;font-size:.88rem;display:flex}.pin-banner .pin-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pin-banner button{color:var(--text-dim);border-radius:50%;width:26px;height:26px}.pin-banner button:hover{background:var(--hover)}.draft-label{color:var(--accent);font-style:normal;font-weight:600}.sidebar-me{cursor:pointer;flex-direction:column;min-width:0;line-height:1.25;display:flex}.sidebar-me strong,.sidebar-me span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-me span{color:var(--text-dim);font-size:.75rem}.sidebar-actions{gap:.15rem;margin-left:auto;display:flex}.composer-attach[hidden]{display:none}.sidebar-actions button,.header-action{width:34px;height:34px;color:var(--text-dim);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.sidebar-actions button:hover,.header-action:hover{background:var(--hover);color:var(--text)}.header-action.on{color:var(--accent)}.sidebar-search{color:var(--text-dim);background:var(--composer-bg);border-radius:10px;align-items:center;gap:.55rem;margin:.5rem .75rem .2rem;padding:.42rem .8rem;display:flex}.sidebar-search svg{flex:none;font-size:.95rem}.sidebar-search input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.search-clear{color:var(--text-dim);font-size:.9rem}.sidebar-start{padding:.2rem .75rem .5rem}.start-chat-button{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.95rem;font-weight:600;display:flex}.start-chat-button:hover{background:var(--accent-strong)}.start-chat-plus{font-size:1.05rem;line-height:1}.conversation-list{flex:1;overflow-y:auto}.list-empty{color:var(--text-dim);padding:1.2rem 1rem;font-size:.88rem}.conversation-item{text-align:left;align-items:center;gap:.75rem;width:100%;min-height:72px;padding:.45rem .85rem;transition:background .12s;display:flex;position:relative}.conversation-item:not(:first-child):before{content:"";border-top:1px solid color-mix(in srgb, var(--sidebar-border) 45%, transparent);position:absolute;top:0;left:76px;right:0}.conversation-item:hover{background:var(--hover)}.conversation-item.active{background:var(--active)}.conversation-text{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.3;display:flex}.conversation-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:500;overflow:hidden}.conversation-preview{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.preview-empty{opacity:.75;font-style:italic}.conversation-avatar{flex:none;position:relative}.online-dot{background:var(--badge);border:2px solid var(--sidebar-bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.conversation-aside{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:.2rem;padding:6px 0 5px;display:flex}.conversation-time{color:var(--text-dim);font-size:.72rem;line-height:1.3}.conversation-time.unread{color:var(--badge);font-weight:600}.unread-badge{background:var(--badge);min-width:20px;height:20px;color:var(--badge-text);border-radius:999px;place-items:center;padding:0 6px;font-size:.72rem;font-weight:600;display:grid}.device-panel{border-top:1px solid var(--sidebar-border);padding:.8rem .9rem;font-size:.85rem}.device-panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 .4rem;font-size:.8rem}.device-panel ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.device-panel li{justify-content:space-between;gap:.5rem;display:flex}.device-panel li button{color:var(--danger);font-size:.8rem}.settings-panel{z-index:6;background:var(--sidebar-bg);flex-direction:column;animation:.22s cubic-bezier(.2,.8,.25,1) settings-in;display:flex;position:absolute;inset:0}@keyframes settings-in{0%{opacity:0;transform:translate(-24px)}}.settings-header{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.settings-header h2{margin:0;font-size:1.05rem;font-weight:700}.settings-back{width:34px;height:34px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:1.15rem;transition:background .15s,color .15s;display:grid}.settings-back:hover{background:var(--hover);color:var(--text)}.settings-scroll{flex:1;padding-bottom:1.5rem;overflow-y:auto}.settings-profile{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:1rem;padding:1.2rem 1.1rem;display:flex}.settings-profile-text{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.3;display:flex}.settings-profile-text strong{font-size:1.05rem}.settings-profile-text span{color:var(--text-dim);font-size:.82rem}.settings-section{border-bottom:1px solid var(--sidebar-border);padding:.9rem 1.1rem .4rem}.settings-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 .55rem;font-size:.78rem;font-weight:600}.settings-note{color:var(--text-dim);margin:0 0 .7rem;font-size:.85rem}.settings-row{width:100%;color:var(--text);border-radius:10px;align-items:center;gap:.75rem;margin:0 -.4rem .35rem;padding:.6rem .4rem;font-size:.92rem;transition:background .12s;display:flex}.settings-row:hover{background:var(--hover)}.settings-row svg{color:var(--text-dim);flex:none}.settings-row.danger,.settings-row.danger svg{color:var(--danger)}.settings-devices{flex-direction:column;gap:.4rem;margin:0 0 .7rem;padding:0;font-size:.88rem;list-style:none;display:flex}.settings-devices li{justify-content:space-between;gap:.5rem;display:flex}.settings-devices li button{color:var(--danger);font-size:.8rem}.theme-picker{gap:.6rem;padding-bottom:.75rem;display:flex}.theme-option{border:1.5px solid var(--sidebar-border);color:var(--text-dim);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.4rem;padding:.55rem .4rem;font-size:.82rem;transition:border-color .15s,color .15s,background .12s;display:flex}.theme-option:hover{background:var(--hover)}.theme-option.on{border-color:var(--accent);color:var(--text);font-weight:600}.theme-swatch{border:1px solid var(--sidebar-border);border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:100%;height:44px;padding:0 8px;display:flex;overflow:hidden}.theme-swatch.light{background:#e3e9f0}.theme-swatch.dark{background:#0a0f15}.theme-swatch.system{background:linear-gradient(120deg,#e3e9f0 49.5%,#0a0f15 50.5%)}.theme-swatch-bubble{background:#fff;border-radius:5px;width:62%;height:9px;box-shadow:0 1px 1px #17212b26}.theme-swatch-bubble.own{background:#d7e4fd;align-self:flex-end}.theme-swatch.dark .theme-swatch-bubble{background:#1c2833}.theme-swatch.dark .theme-swatch-bubble.own{background:#1f3a66}.chat{background-color:var(--wallpaper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23667781' stroke-opacity='0.05' stroke-width='2'%3E%3Crect x='28' y='40' width='30' height='22' rx='5'/%3E%3Cpath d='M34 40v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M150 30h44a10 10 0 0 1 10 10v18a10 10 0 0 1-10 10h-24l-12 10v-10h-8a10 10 0 0 1-10-10V40a10 10 0 0 1 10-10z'/%3E%3Cpath d='M60 170l50-16-50-14 2 12 28 3-28 4z'/%3E%3Ccircle cx='200' cy='150' r='14'/%3E%3Cpath d='M200 142v8l6 4'/%3E%3Crect x='120' y='210' width='30' height='22' rx='5'/%3E%3Cpath d='M126 210v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M30 230c8-10 22-10 30 0'/%3E%3C/g%3E%3C/svg%3E");flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-empty{text-align:center;color:var(--text-dim);flex:1;place-content:center;justify-items:center;gap:.4rem;font-size:.95rem;display:grid}.chat-empty svg{color:var(--accent);opacity:.5;font-size:56px}.chat-empty h2{color:var(--text);letter-spacing:-.02em;margin:0;font-weight:700}.chat-header{background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);z-index:2;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex;position:relative}.header-menu{z-index:8;background:var(--sidebar-bg);border-radius:14px;flex-direction:column;padding:.45rem;animation:.16s ease-out gate-in;display:flex;position:absolute;top:calc(100% + 6px);right:.75rem;box-shadow:0 10px 32px -6px #0b141a73}.header-menu button{text-align:left;white-space:nowrap;color:var(--text);border-radius:10px;align-items:center;gap:.75rem;padding:.5rem 1.4rem .5rem .7rem;font-size:.92rem;display:flex}.header-menu button:hover{background:var(--hover)}.header-menu button svg{color:var(--text-dim);flex:none}.chat-back{width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1.25rem;display:none}.chat-back:hover{background:var(--hover)}.chat-header-text{cursor:pointer;flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.chat-header-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app.with-info{grid-template-columns:minmax(280px,26%) 1fr minmax(280px,28%)}.info-panel{background:var(--panel-gap);border-left:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.info-header{z-index:1;background:var(--header-bg,var(--sidebar-bg));align-items:center;gap:.8rem;padding:.9rem 1rem;font-size:1rem;display:flex;position:sticky;top:0}.info-header strong{font-weight:500}.info-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1rem}.info-card{background:var(--sidebar-bg);margin-bottom:10px;padding:.35rem 0 .5rem;box-shadow:0 1px 2px #0b141a12}.info-card.info-hero{flex-direction:column;align-items:center;gap:.15rem;padding:1.7rem 1rem 1.5rem;display:flex}.info-hero .avatar,.info-hero .hero-avatar{margin-bottom:.7rem}.info-hero strong{word-break:break-word;text-align:center;font-size:1.2rem;font-weight:500}.info-hero span{color:var(--text-dim);font-size:.92rem}.hero-rename{cursor:pointer;color:var(--text-dim);vertical-align:middle;opacity:.8;background:0 0;border:none;margin-left:.35rem;padding:.1rem}.hero-rename:hover{opacity:1}.info-row{width:100%;color:inherit;font:inherit;cursor:default;text-align:left;background:0 0;border:none;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}button.info-row,label.info-row{cursor:pointer}button.info-row:hover,label.info-row:hover{background:var(--hover)}.info-row-icon{color:var(--text-dim);flex:none;display:flex}.info-row-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;font-size:.95rem;line-height:1.3;display:flex}.info-row-text small{color:var(--text-dim);font-size:.8rem;line-height:1.35}.info-row-select{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);color:var(--accent);border-radius:8px;flex:none;padding:.3rem .45rem;font-size:.85rem}.info-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);flex:none}.info-danger .info-row,.info-danger .info-row-icon{color:var(--danger)}.info-section-head{color:var(--text-dim);justify-content:space-between;align-items:center;padding:.3rem 1rem;font-size:.82rem;display:flex}.info-description{white-space:pre-wrap;overflow-wrap:break-word;margin:0;padding:.1rem 1rem .5rem;font-size:.9rem;line-height:1.45}.info-description em{color:var(--text-dim);font-size:.82rem;font-style:normal}.info-section-head button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.2rem;display:flex}.member-row{align-items:center;gap:.7rem;padding:.5rem 1rem;display:flex}.member-row:hover{background:var(--hover)}.member-row.loading{color:var(--text-dim);font-size:.85rem}.member-row:hover .member-remove{opacity:1}.member-name{flex-direction:column;flex:1;min-width:0;font-size:.92rem;line-height:1.2;display:flex}.member-name small{color:var(--text-dim);font-size:.76rem}.member-role{color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.05rem .35rem;font-size:.7rem}.member-remove{color:var(--danger,#d33);cursor:pointer;opacity:0;background:0 0;border:none;padding:.2rem;transition:opacity .15s;display:flex}.archive-row{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.86rem;display:flex}.archive-row:hover{background:var(--hover,#0000000a)}.archive-row .unread-badge{margin-left:auto}.inline-link{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.presence{color:var(--text-dim);font-size:.76rem}.presence.typing{color:var(--accent);font-weight:600}.safety-bar{background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);color:var(--text-dim);word-break:break-all;padding:.5rem 1rem;font-size:.78rem}.chat-scroll{flex-direction:column;flex:1;gap:3px;padding:1.2rem 7% 1rem;display:flex;overflow-y:auto}.system-pill,.day-pill{background:var(--pill-bg);width:fit-content;max-width:85%;color:var(--pill-text);text-align:center;box-shadow:var(--bubble-shadow);border-radius:8px;align-self:center;margin:.4rem auto .8rem;padding:.4rem .8rem;font-size:.78rem}.day-pill{background:var(--sidebar-bg);color:var(--text-dim);padding:.25rem .7rem;font-size:.74rem}.load-older{background:var(--sidebar-bg);color:var(--accent);cursor:pointer;box-shadow:var(--bubble-shadow);border:none;border-radius:8px;align-self:center;margin:.2rem 0 .6rem;padding:.35rem .9rem;font-size:.78rem}.system-pill.event{background:var(--sidebar-bg);color:var(--text-dim);margin:.5rem auto;padding:.3rem .75rem;font-size:.76rem}.bubble-quote{cursor:pointer}.row.flash .bubble{animation:1.6s ease-out bubble-flash}@keyframes bubble-flash{0%,40%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:none}}.jump-bottom{background:var(--sidebar-bg);width:44px;height:44px;color:var(--text);z-index:5;border-radius:50%;place-items:center;font-size:1.2rem;display:grid;position:absolute;bottom:5.5rem;right:1.6rem;box-shadow:0 6px 18px -6px #0006}.jump-count{background:var(--badge);min-width:20px;height:20px;color:var(--badge-text);border-radius:999px;place-items:center;padding:0 5px;font-size:.72rem;font-weight:600;display:grid;position:absolute;top:-6px;right:-6px}.mention{color:var(--accent);font-weight:600}.mention.self{background:color-mix(in srgb, var(--accent) 18%, transparent);border-radius:4px;padding:0 .15rem}.mention-panel{background:var(--sidebar-bg);border-radius:12px;flex-direction:column;min-width:220px;padding:.3rem;display:flex;position:absolute;bottom:4.2rem;left:1rem;overflow:hidden;box-shadow:0 12px 36px -12px #0006}.mention-panel button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;padding:.4rem .6rem;font-size:.9rem;display:flex}.mention-panel button:hover{background:var(--hover,#0000000f)}.emoji-panel{z-index:8;background:var(--sidebar-bg);border-radius:14px;flex-direction:column;width:min(480px,100% - 1.8rem);height:min(380px,55vh);animation:.16s ease-out gate-in;display:flex;position:absolute;bottom:calc(100% + 10px);left:.9rem;overflow:hidden;box-shadow:0 10px 32px -6px #0b141a73}.emoji-search{background:var(--composer-bg);color:var(--text-dim);border-radius:8px;align-items:center;gap:.55rem;margin:.6rem .6rem .45rem;padding:.38rem .75rem;display:flex}.emoji-search input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.88rem}.emoji-tabs{border-bottom:1px solid color-mix(in srgb, var(--sidebar-border) 65%, transparent);padding:0 .5rem;display:flex}.emoji-tabs button{filter:grayscale();opacity:.5;border-bottom:3px solid #0000;flex:1;padding:.28rem 0 .34rem;font-size:1.05rem;transition:opacity .12s}.emoji-tabs button.on{filter:none;opacity:1;border-bottom-color:var(--accent)}.emoji-tabs button:hover{opacity:.9}.emoji-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));align-content:start;padding:.3rem .55rem .6rem;display:grid;overflow-y:auto}.emoji-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);grid-column:1/-1;padding:.35rem .2rem .2rem;font-size:.72rem;font-weight:600}.emoji-empty{color:var(--text-dim);grid-column:1/-1;padding:.8rem .2rem;font-size:.85rem}.emoji-grid button{border-radius:8px;height:44px;font-size:1.6rem;line-height:1}.emoji-grid button:hover{background:var(--hover)}.sticker-panel{background:var(--sidebar-bg);border-radius:14px;flex-wrap:wrap;gap:.35rem;max-height:260px;padding:.7rem;display:flex;position:absolute;bottom:4.2rem;left:1rem;right:1rem;overflow-y:auto;box-shadow:0 12px 36px -12px #0006}.sticker-panel button{border-radius:10px;width:58px;height:58px;font-size:2.1rem;transition:transform .1s}.sticker-panel button:hover{background:var(--hover);transform:scale(1.15)}.emoji-panel button:hover{background:var(--hover)}.muted-icon{opacity:.6;font-size:.85rem}.unread-badge.muted{background:var(--text-dim);opacity:.7}.unread-divider{text-align:center;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:4px;align-self:stretch;margin:.4rem 0;padding:.3rem 0;font-size:.74rem;font-weight:600}.call-log-pill{background:var(--sidebar-bg);width:fit-content;color:var(--text-dim);box-shadow:var(--bubble-shadow);border-radius:999px;align-self:center;margin:.3rem auto;padding:.35rem .9rem;font-size:.8rem}.system-pill.warning{color:#8c2f22;background:#fff0ee;border:1px solid #f2c4bc}@media (prefers-color-scheme:dark){.system-pill.warning{color:#f0b3a8;background:#3a221e;border-color:#5c332c}}.system-pill.warning button{margin-left:.3rem;font-weight:700;text-decoration:underline}.row{padding:1px 0;display:flex}.row.own{justify-content:flex-end}.row.run-start{margin-top:.55rem}.bubble{background:var(--bubble-peer);max-width:min(65%,520px);box-shadow:var(--bubble-shadow);border-radius:9px;padding:.42rem .6rem .5rem;animation:.18s cubic-bezier(.2,.8,.3,1.1) bubble-in;position:relative}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}.row.own .bubble{background:var(--bubble-own)}.row.own.tail .bubble{border-bottom-right-radius:3px}.row.peer.tail .bubble{border-bottom-left-radius:3px}.row.tail .bubble:before{content:"";width:12px;height:12px;position:absolute;bottom:0}.row.peer.tail .bubble:before{background:radial-gradient(circle at top left, transparent 70%, var(--bubble-peer) 72%);left:-7px}.row.own.tail .bubble:before{background:radial-gradient(circle at top right, transparent 70%, var(--bubble-own) 72%);right:-7px}.row .bubble.sticker{box-shadow:none;background:0 0;padding:.1rem .3rem .95rem}.row.tail .bubble.sticker:before{display:none}.bubble.sticker .bubble-text{font-size:56px;line-height:1.12;display:block}.bubble-sender{margin-bottom:.1rem;font-size:.78rem;font-weight:700;display:block}.bubble-forwarded{color:var(--text-dim);margin-bottom:.1rem;font-size:.76rem;font-style:italic;display:block}.modal-backdrop{z-index:20;background:#17212b80;place-items:center;animation:.2s ease-out gate-in;display:grid;position:fixed;inset:0}.modal{background:var(--sidebar-bg);border-radius:14px;flex-direction:column;width:min(400px,92vw);max-height:80vh;padding:1.2rem;display:flex;box-shadow:0 24px 60px -20px #00000080}.modal h2{margin:0 0 .4rem;font-size:1.05rem}.modal-preview{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .8rem;font-size:.85rem;overflow:hidden}.modal-list{flex-direction:column;flex:1;gap:.2rem;display:flex;overflow-y:auto}.modal-target{text-align:left;border-radius:8px;align-items:center;gap:.7rem;padding:.5rem;display:flex}.modal-target:hover{background:var(--hover)}.modal-cancel{background:var(--composer-bg);border-radius:9px;margin-top:.8rem;padding:.6rem;font-weight:600}.start-modal{gap:.6rem;padding:1.4rem}.start-modal h2{margin-bottom:0;font-size:1.15rem}.start-modal .modal-preview{margin-bottom:.3rem}.start-modal .modal-cancel{margin-top:.2rem}.start-options{flex-direction:column;gap:.5rem;display:flex}.start-option{background:var(--composer-bg);text-align:left;border:1px solid #0000;border-radius:14px;align-items:center;gap:.9rem;padding:.8rem .9rem;transition:border-color .15s,background .15s;display:flex}.start-option:hover{background:var(--hover);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.start-option-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:46px;height:46px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.start-option-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.start-option-text strong{font-size:1rem}.start-option-text small{color:var(--text-dim)}.start-option-chev{color:var(--text-dim);opacity:.7;place-items:center;margin-left:auto;display:grid}.start-channel-link{color:var(--text-dim);border-radius:8px;align-self:center;padding:.35rem .6rem;font-size:.85rem}.start-channel-link:hover{color:var(--accent);background:var(--hover)}.start-search{border:1px solid color-mix(in srgb, var(--text-dim) 35%, transparent);background:var(--input-bg);border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:1rem}.start-search:focus{border-color:var(--accent)}.start-results{min-height:130px;max-height:260px}.start-results .modal-target{padding:.55rem .5rem}.start-results .modal-target.picked{background:color-mix(in srgb, var(--accent) 12%, transparent)}.start-check{color:var(--accent);margin-left:auto;font-size:1.15rem}.start-empty{color:var(--text-dim);text-align:center;margin:0;padding:1rem 0}.start-picked{flex-wrap:wrap;gap:.4rem;display:flex}.start-chip{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px;padding:.3rem .65rem;font-size:.85rem}.start-create{background:var(--accent);color:#fff;border-radius:10px;padding:.7rem;font-size:1rem;font-weight:600}.start-create:hover:not(:disabled){background:var(--accent-strong)}.start-create:disabled{opacity:.5;cursor:default}.call-incoming{z-index:30;color:#ececee;background:#16181a;border-radius:14px;align-items:center;gap:.9rem;min-width:min(340px,100vw - 2rem);padding:.85rem 1.1rem;animation:.25s ease-out gate-in;display:flex;position:fixed;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 18px 50px -16px #0009}.call-incoming>div{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.call-incoming span{color:#98989e;align-items:center;gap:.3rem;font-size:.82rem;display:inline-flex}.call-incoming span svg{width:12px;height:12px}.call-accept,.call-decline,.call-hangup{color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.call-accept{background:#21c063;animation:1.4s ease-out infinite rec-pulse;box-shadow:0 0 #21c06399}.call-decline,.call-hangup{background:#e0342b}.call-overlay{z-index:30;background:radial-gradient(circle at 50% 18%,#1d2126 0%,#101214 62%);flex-direction:column;animation:.2s ease-out gate-in;display:flex;position:fixed;inset:0}.call-stage{flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.call-grid{gap:4px;width:100%;height:100%;display:grid}.call-grid.count-2{grid-template-columns:1fr 1fr}.call-grid.count-3,.call-grid.count-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.call-remote{object-fit:cover;background:#0b1016;width:100%;height:100%;min-height:0}.call-overlay:not(.video) .call-grid video{opacity:0}.call-local{object-fit:cover;background:#1c2833;border-radius:12px;width:180px;max-width:30vw;position:absolute;bottom:1rem;right:1rem;box-shadow:0 6px 20px -6px #0009}.call-overlay:not(.video) .call-local{display:none}.call-audio-face{color:#fff;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.call-topbar{color:#fff;pointer-events:none;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:absolute;top:1.4rem;left:0;right:0}.call-e2e{color:#ffffffa6;align-items:center;gap:.35rem;font-size:.76rem;display:inline-flex}.call-e2e svg{width:12px;height:12px}.call-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px #00000073;max-width:80vw;font-size:1.45rem;font-weight:500;overflow:hidden}.call-status{color:#fffc;font-variant-numeric:tabular-nums;font-size:.92rem}.call-controls{justify-content:center;padding:1.3rem 1rem 1.7rem;display:flex}.call-controls-bar{background:#ffffff14;border-radius:999px;align-items:center;gap:.9rem;padding:.6rem .9rem;display:flex}.call-controls button{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:54px;height:54px;transition:background .15s;display:grid}.call-controls button svg{width:22px;height:22px}.call-controls button:hover{background:#ffffff38}.call-controls button.on{color:#101214;background:#fff}.call-controls .call-hangup{background:#e0342b}.call-controls .call-hangup:hover{background:#f04d44}.bubble-quote{border-left:3px solid var(--accent);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;background:#2456c812;border-radius:5px;max-width:100%;margin-bottom:.3rem;padding:.3rem .5rem;font-size:.82rem;display:block;overflow:hidden}.bubble-quote strong{color:var(--accent);font-size:.76rem;display:block}.msg-link{color:var(--accent);word-break:break-all;text-decoration:underline}.row.own .msg-link{color:var(--accent-strong)}.bubble-text{white-space:pre-wrap;word-break:break-word;padding-right:4.6rem;display:block}.bubble-deleted{color:var(--text-dim);padding-right:4.2rem;font-style:italic;display:block}.bubble-image{cursor:zoom-in;background:0 0;border:none;margin:-.1rem 0 .15rem;padding:0;display:block}.bubble-image img{object-fit:cover;border-radius:8px;max-width:260px;max-height:320px;display:block}.media-viewer{z-index:60;color:#e9eef4;background:#0e0e10f5;flex-direction:column;animation:.15s ease-out gate-in;display:flex;position:fixed;inset:0}.media-viewer-top{background:linear-gradient(#00000073,#0000);align-items:center;gap:.7rem;padding:.7rem 1rem;display:flex}.media-viewer-top button{color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1rem;display:grid}.media-viewer-top button:hover{background:#ffffff1f}.media-viewer-stage{flex:1;place-items:center;min-height:0;padding:.5rem 4.5rem;display:grid}.media-viewer-img{object-fit:contain;cursor:default;max-width:100%;max-height:100%}.media-viewer-caption{text-align:center;margin:0;padding:.8rem 1.5rem .4rem;font-size:.95rem}.media-viewer-stage+.media-viewer-count{padding-top:.8rem}.media-viewer-nav{color:#fff;cursor:pointer;background:#ffffff1f;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.6rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.media-viewer-nav:hover{background:#ffffff38}.media-viewer-nav.prev{left:1rem}.media-viewer-nav.next{right:1rem}.media-viewer-count{text-align:center;color:#ffffffb3;padding:.15rem 0 .9rem;font-size:.8rem;display:block}@media (width<=700px){.media-viewer-stage{padding:.5rem}.media-viewer-nav{background:#0006;width:38px;height:38px}}.bubble-image-loading{color:var(--text-dim);padding:1.5rem 2rem;font-size:.82rem;display:block}.bubble-file{color:var(--text);text-align:left;align-items:center;gap:.55rem;padding:.4rem 4rem .4rem .3rem;display:flex}.bubble-file svg{color:var(--accent);flex:none}.bubble-file small{color:var(--text-dim);font-size:.74rem;display:block}.bubble-meta{color:var(--text-dim);align-items:center;gap:.25rem;font-size:.68rem;display:flex;position:absolute;bottom:.3rem;right:.55rem}.bubble-meta em{opacity:.8;font-style:normal}.ticks{color:var(--tick);display:inline-flex}.ticks.read{color:var(--tick-read)}.bubble-actions{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:999px;gap:2px;padding:2px 6px;display:none;position:absolute;top:-14px;right:6px;box-shadow:0 4px 14px -6px #17212b66}.bubble:hover .bubble-actions{display:inline-flex}.bubble-actions button{border-radius:6px;padding:2px 3px;font-size:.9rem;line-height:1;transition:transform .1s}.bubble-actions button:hover{background:var(--hover);transform:scale(1.25)}.emoji-picker{border-right:1px solid var(--sidebar-border);gap:1px;margin-right:2px;padding-right:3px;display:inline-flex}.bubble-reactions{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);box-shadow:var(--bubble-shadow);border-radius:999px;gap:3px;padding:1px 7px;font-size:.75rem;display:inline-flex;position:absolute;bottom:-12px;left:8px}.row:has(.bubble-reactions){margin-bottom:12px}.reply-bar{background:var(--sidebar-bg);border-left:3px solid var(--accent);color:var(--text-dim);border-radius:8px 8px 0 0;align-items:center;gap:.6rem;margin:0 1rem;padding:.45rem .7rem;font-size:.84rem;display:flex}.reply-bar strong{color:var(--accent);margin-right:.4rem}.reply-bar span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.composer{background:var(--composer-bg);align-items:center;gap:.4rem;padding:.55rem 1rem;display:flex;position:relative}.channel-readonly{text-align:center;color:var(--text-dim);background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);padding:.9rem 1rem;font-size:.88rem}.composer-attach{color:var(--text-dim);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid}.composer-attach:hover{background:var(--hover);color:var(--text)}.composer-input{background:var(--input-bg);border:none;border-radius:999px;outline:none;flex:1;min-width:0;padding:.62rem 1.1rem}.composer-send{background:var(--accent);color:#fff;width:44px;height:44px;box-shadow:0 6px 16px -6px var(--accent);border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .12s;display:grid}.composer-send:hover:not(:disabled){background:var(--accent-strong);transform:scale(1.05)}.composer-send:disabled{opacity:.45;box-shadow:none;cursor:default}.composer-send.recording{background:#e0342b;animation:1.2s ease-out infinite rec-pulse;box-shadow:0 0 #e0342b99}@keyframes rec-pulse{70%{box-shadow:0 0 0 12px #e0342b00}}.voice-msg{align-items:center;gap:.65rem;min-width:min(260px,58vw);padding:.15rem 0 .1rem;display:flex}.voice-play{width:40px;height:40px;color:color-mix(in srgb, currentColor 55%, transparent);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.voice-play svg{width:30px;height:30px}.voice-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.voice-wave{cursor:pointer;touch-action:none;align-items:center;gap:2px;height:24px;display:flex;position:relative}.voice-wave i{background:color-mix(in srgb, currentColor 28%, transparent);border-radius:2px;flex:1;min-height:3px}.voice-wave i.played{background:color-mix(in srgb, currentColor 60%, transparent)}.voice-dot{background:var(--accent);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000004d}.voice-time{color:color-mix(in srgb, currentColor 55%, transparent);font-variant-numeric:tabular-nums;font-size:.74rem}.voice-rate{background:color-mix(in srgb, currentColor 14%, transparent);color:inherit;cursor:pointer;border:none;border-radius:999px;flex:none;padding:.28rem .55rem;font-size:.76rem;font-weight:600}.toast{background:var(--text);color:var(--app-bg);cursor:pointer;border-radius:999px;max-width:80%;padding:.5rem 1rem;font-size:.84rem;animation:.25s ease-out gate-in;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000080}.toast.error{color:#fff;background:#c0392b}@media (hover:none){.bubble.tapped .bubble-actions{display:inline-flex}}@media (width<=768px){html,body,#root{height:100dvh}.app,.app.with-info{max-width:none;box-shadow:none;grid-template-columns:1fr}.app.has-active .sidebar,.app:not(.has-active) .chat{display:none}.chat-back{display:grid}.info-panel{z-index:40;border-left:none;position:fixed;inset:0}.bubble{max-width:82%}.chat-header{gap:.5rem;padding:.5rem .6rem}.header-action{width:34px}.composer{gap:.15rem;padding:.5rem .5rem .6rem}.composer-attach{width:34px;height:34px}.composer-attach svg{width:19px;height:19px}.modal{width:min(94vw,480px)}}
