:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#0c766b;--accent-strong:#075e56;--accent-soft:#d9f3ee;--blue:#2f6fe4;--coral:#e6536f;--gold:#c47a17;--bg:#eef3f1;--panel:#ffffffb8;--panel-strong:#ffffffe6;--text:#14201f;--muted:#63706e;--line:#2d3f3c24;--bubble:#fff;--bubble-mine:#dff8ef;--shadow:0 18px 50px #13282524;--radius:8px;accent-color:var(--accent);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent:#55d6c1;--accent-strong:#89ead9;--accent-soft:#55d6c129;--blue:#8ab2ff;--coral:#ff8aa1;--gold:#e1aa57;--bg:#121715;--panel:#171e1cb8;--panel-strong:#19201eeb;--text:#edf7f4;--muted:#a8b8b5;--line:#d7ebe621;--bubble:#1c2624;--bubble-mine:#123d37;--shadow:0 18px 60px #00000057}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(180deg, color-mix(in srgb, var(--bg), white 16%), var(--bg)), repeating-linear-gradient(90deg, transparent 0 42px, #0c766b06 42px 43px);color:var(--text);margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100dvh;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(260px,320px);gap:12px;display:grid}.glass-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.25)}.sidebar,.chat-pane,.details-panel{min-height:0}.sidebar{flex-direction:column;gap:12px;display:flex}.sidebar-header,.chat-header,.composer,.profile-card,.settings-card,.security-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px)saturate(1.2)}.sidebar-header,.chat-header{align-items:center;gap:10px;min-height:68px;padding:10px;display:flex}.user-chip,.chat-title{align-items:center;gap:10px;min-width:0;display:flex}.user-chip div,.chat-title{min-width:0;display:grid}.user-chip strong,.chat-title strong,.chat-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-chip span,.chat-title span,.chat-item small,.security-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.toolbar,.chat-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-button,.send-button,.danger-button,.accept-button,.call-control,.photo-button{background:color-mix(in srgb, var(--panel-strong), transparent 10%);cursor:pointer;border:0;border-radius:999px;place-items:center;width:40px;height:40px;transition:transform .16s,background .16s,color .16s;display:inline-grid}.icon-button:hover,.send-button:hover,.call-control:hover,.photo-button:hover{background:var(--accent-soft);color:var(--accent-strong)}.icon-button:active,.send-button:active,.danger-button:active,.accept-button:active,.call-control:active,.photo-button:active{transform:scale(.95)}.send-button,.accept-button{background:var(--accent);color:#fff}.danger-button{background:var(--coral);color:#fff}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel), transparent 10%);align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.chat-list{gap:8px;padding-right:2px;display:grid;overflow:auto}.chat-item{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:8px;display:grid}.chat-item.active,.chat-item:hover{border-color:var(--line);background:var(--panel)}.chat-item span{gap:4px;min-width:0;display:grid}.chat-item time{color:var(--muted);align-self:start;font-size:.76rem}.avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), white 18%), color-mix(in srgb, var(--coral), white 20%));color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:visible}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar i{border:2px solid var(--panel-strong);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.avatar-sm{width:34px;height:34px;font-size:.78rem}.avatar-md{width:48px;height:48px}.avatar-lg{width:88px;height:88px;font-size:1.7rem}.chat-pane{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid}.chat-header{z-index:3;position:relative}.message-feed{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--panel), transparent 28%), transparent), repeating-linear-gradient(135deg, transparent 0 26px, #0c766b09 26px 27px);flex-direction:column;gap:8px;padding:14px;display:flex;overflow:auto}.day-pill{border:1px solid var(--line);background:var(--panel-strong);color:var(--muted);border-radius:999px;align-self:center;align-items:center;gap:6px;margin:2px 0 8px;padding:6px 10px;font-size:.76rem;display:inline-flex}.message{border:1px solid var(--line);border-radius:var(--radius);background:var(--bubble);gap:5px;max-width:min(72%,620px);padding:8px 10px 6px;display:grid;box-shadow:0 8px 28px #121f1d0f}.message.mine{background:var(--bubble-mine);align-self:flex-end}.message.theirs{align-self:flex-start}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.42}.message footer{min-height:17px;color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.message svg.read{color:var(--blue)}.gif-message{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:min(240px,54vw)}.attachment-message{gap:6px;display:grid}.attachment-message a,.attachment-message button{color:inherit;text-decoration:none}.attachment-image{object-fit:cover;border-radius:6px;width:min(280px,58vw);max-height:360px;display:block}.attachment-media-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 40%), transparent), color-mix(in srgb, var(--panel-strong), transparent 10%);cursor:pointer;border:0;border-radius:6px;width:min(280px,58vw);min-height:168px;padding:0;display:grid;position:relative;overflow:hidden}.attachment-media-placeholder{min-height:168px;color:var(--accent-strong);place-items:center;display:grid}.attachment-media-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#040b0a9e;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.8rem;display:inline-flex;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.attachment-file{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong), transparent 12%);min-width:min(260px,62vw);color:var(--text);cursor:pointer;text-align:left;border-radius:7px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.attachment-file span{min-width:0;display:grid}.attachment-file strong,.attachment-file small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-file small{color:var(--muted)}.call-message{max-width:min(78%,420px)}.call-message-body{align-items:center;gap:8px;font-weight:650;display:inline-flex}.composer{grid-template-columns:40px 40px 40px minmax(0,1fr) 44px;align-items:end;gap:8px;min-height:64px;padding:10px;display:grid;position:relative}.composer textarea{resize:none;border:1px solid var(--line);background:var(--panel-strong);width:100%;min-height:42px;max-height:132px;color:var(--text);border-radius:999px;outline:0;padding:10px 14px}.hidden-file-input{display:none}.composer-error{color:var(--coral);grid-column:1/-1;margin:0;font-size:.78rem}.attachment-menu{z-index:6;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);width:min(330px,100vw - 22px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(3,minmax(74px,1fr));gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:58px}.attachment-menu button{background:color-mix(in srgb, var(--accent-soft), transparent 38%);min-height:58px;color:var(--text);cursor:pointer;border:0;border-radius:7px;place-items:center;gap:5px;display:grid}.picker-wrap{position:relative}.picker{z-index:5;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);width:264px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;position:absolute;bottom:calc(100% + 10px);left:0}.emoji-picker{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.emoji-picker button{cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px}.emoji-picker button:hover,.gif-picker button:hover{background:var(--accent-soft)}.gif-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gif-picker button{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;gap:5px;display:grid;overflow:hidden}.gif-picker img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.details-panel{align-content:start;gap:12px;display:grid;overflow:auto}.profile-card,.settings-card,.security-card{gap:12px;padding:12px;display:grid}.profile-cover{border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 75%), transparent), linear-gradient(45deg, color-mix(in srgb, var(--coral), transparent 78%), transparent);place-items:center;min-height:124px;display:grid;position:relative}.photo-button{position:absolute;bottom:12px;right:12px}.photo-button input{display:none}.profile-card label,.settings-card label{gap:6px;display:grid}.profile-card label span,.settings-card label span{color:var(--muted);font-size:.78rem}.profile-card input{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--text);border-radius:7px;outline:0;padding:10px}.settings-card header,.security-card header{align-items:center;gap:8px;display:flex}.segmented{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented button,.filter-grid button,.settings-action{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;display:inline-flex}.settings-action{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--text)}.settings-action:disabled{cursor:default;opacity:.58}.segmented button.active,.filter-grid button.active{background:var(--accent);color:#fff}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.security-row{min-height:34px;color:var(--muted);align-items:center;gap:8px;display:flex}.login-shell{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px));place-items:center;display:grid}.login-panel{gap:18px;width:min(100%,430px);padding:24px;display:grid}.brand-mark{border-radius:var(--radius);background:var(--accent);color:#fff;place-items:center;width:58px;height:58px;display:grid}.login-panel h1{letter-spacing:0;margin:0;font-size:2rem}.login-form{gap:12px;display:grid}.login-form label{gap:6px;display:grid}.login-form span{color:var(--muted);font-size:.82rem}.login-form input{border:1px solid var(--line);background:var(--panel-strong);min-height:44px;color:var(--text);border-radius:7px;outline:0;padding:0 12px}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex}.primary-button:disabled{cursor:wait;opacity:.65}.quick-users{gap:8px;display:flex}.quick-users button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:34px;padding:0 14px}.form-error,.call-error{color:var(--coral);margin:0;font-size:.86rem}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);min-height:100%;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.empty-state h2{color:var(--text);letter-spacing:0;margin:0}.mobile-back{display:none}.call-layer{z-index:20;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040b0a9e;place-items:center;display:grid;position:fixed;inset:0}.call-stage{border-radius:var(--radius);background:#08110f;border:1px solid #ffffff2e;width:min(980px,100%);height:min(680px,86dvh);position:relative;overflow:hidden;box-shadow:0 24px 80px #0000007a}.remote-video,.local-video{object-fit:cover;object-position:center;background:#08110f;display:block}.remote-audio{display:none}.remote-video{width:100%;height:100%}.local-video{aspect-ratio:9/16;border-radius:var(--radius);border:1px solid #ffffff3d;width:min(220px,30vw);height:auto;max-height:min(300px,34dvh);position:absolute;bottom:92px;right:18px;box-shadow:0 14px 36px #00000059}.local-video[data-facing=user]{transform:scaleX(-1)}.local-video[data-filter=soft]{filter:saturate(1.08)brightness(1.05)contrast(.96)}.local-video[data-filter=mono]{filter:grayscale()contrast(1.08)}.local-video[data-filter=warm]{filter:sepia(.28)saturate(1.3)contrast(1.02)}.local-video[data-filter=glass]{filter:saturate(1.25)contrast(1.08)brightness(1.04)}.call-placeholder{color:#fff;align-content:center;place-items:center;gap:12px;height:100%;display:grid}.call-placeholder h2,.call-placeholder p{margin:0}.call-placeholder p{color:#ffffffbd}.call-topbar,.call-actions{justify-content:space-between;align-items:center;display:flex;position:absolute;left:18px;right:18px}.call-topbar{color:#fff;top:18px}.call-topbar div{gap:2px;display:grid}.call-topbar span{color:#ffffffb8;font-size:.82rem}.call-actions{justify-content:center;gap:16px;bottom:22px}.call-control{color:#fff;background:#ffffff26}.call-control.muted{color:#08110f;background:#ffffffdb}.call-control.audio-route[data-status=unsupported],.call-control.audio-route[data-status=system],.call-control.audio-route[data-status=error]{box-shadow:inset 0 0 0 1px #ffffff47}.call-control:disabled{cursor:wait;opacity:.52}.call-error{color:#ffd1da;position:absolute;bottom:86px;left:18px}.sheet-layer{z-index:18;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));align-items:end;display:grid;position:fixed;inset:0}.sheet-scrim{background:#040b0a75;border:0;position:absolute;inset:0}.media-viewer-layer{z-index:24;padding:calc(14px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));place-items:center;display:grid;position:fixed;inset:0}.media-viewer-scrim{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040b0ac7;border:0;position:absolute;inset:0}.media-viewer{z-index:1;border-radius:var(--radius);color:#fff;background:#08110f;border:1px solid #ffffff29;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(920px,100%);height:min(760px,92dvh);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000080}.media-viewer header{justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.media-viewer header div{min-width:0;display:grid}.media-viewer header strong,.media-viewer header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-viewer header span{color:#ffffffb3;font-size:.82rem}.media-viewer-stage{place-items:center;min-height:0;display:grid;overflow:hidden}.media-viewer-stage>img,.custom-video-wrap video{object-fit:contain;width:100%;height:100%;display:block}.custom-video-wrap{width:100%;height:100%;position:relative}.video-play-button{color:#08110f;cursor:pointer;background:#ffffffe0;border:0;border-radius:999px;place-items:center;width:58px;height:58px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.media-viewer-state,.media-download-card{color:#ffffffd1;place-items:center;gap:10px;text-decoration:none;display:grid}.viewer-download{background:var(--accent);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin:0 12px 12px;text-decoration:none;display:inline-flex}.settings-sheet{z-index:1;background:var(--panel-strong);gap:12px;width:min(440px,100%);margin:0 auto;padding:14px;display:grid;position:relative}.settings-sheet header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-profile{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel), transparent 18%);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.sheet-profile div{min-width:0;display:grid}.sheet-profile span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-photo-action{width:auto;min-width:124px;padding:0 12px}.sheet-photo-action input{display:none}.settings-sheet header div{min-width:0;display:grid}.settings-sheet header span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=1100px){.app-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.details-panel{display:none}}@media (width<=760px){body{overflow:hidden}.app-shell{grid-template-columns:1fr;gap:0;padding:0}.sidebar{height:100dvh;min-height:0;padding:calc(10px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px))}.sidebar.has-chat{display:none}.chat-pane{height:100dvh;min-height:0;padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));grid-template-rows:auto minmax(0,1fr) auto}.chat-pane:not(.has-chat){display:none}.chat-header{top:calc(8px + env(safe-area-inset-top,0px));position:sticky}.chat-title{flex:auto;min-width:46px}.mobile-back{background:0 0;border:0;border-radius:999px;place-items:center;width:38px;height:38px;display:inline-grid}.chat-actions{flex:none;gap:2px}.chat-actions .icon-button{width:38px;height:38px}.message{max-width:86%}.composer{grid-template-columns:38px 38px minmax(0,1fr) 42px;gap:6px;min-height:58px;padding:8px}.composer>.icon-button:first-child{display:none}.picker{width:min(276px,100vw - 22px);left:auto;right:-92px}.attachment-menu{grid-template-columns:repeat(3,minmax(0,1fr));right:54px}.media-viewer-layer{padding:0}.media-viewer{border:0;border-radius:0;width:100%;height:100dvh}.call-layer{padding:0}.call-stage{border:0;border-radius:0;width:100%;height:100dvh}.call-topbar{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px))}.call-actions{bottom:calc(18px + env(safe-area-inset-bottom,0px))}.call-error{left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(82px + env(safe-area-inset-bottom,0px))}.local-video{width:min(34vw,126px);max-height:30dvh;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px))}.sheet-profile{grid-template-columns:48px minmax(0,1fr)}.sheet-photo-action{grid-column:1/-1;width:100%}.settings-sheet{border-bottom-right-radius:0;border-bottom-left-radius:0}}