:root{--e2e-accent:#7c6cff;--e2e-accent2:#9a8bff;--e2e-live:#ff4d6d;--e2e-ok:#46b08f;--e2e-warn:#ffb454}
#e2e-comms-root{position:relative;z-index:2147483600;font-family:Sora,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
#e2e-comms-root *{box-sizing:border-box}
.e2e-vc{--bg-0:#0e0f15;--bg-1:#15171e;--bg-2:#1c1e26;--bg-3:#262932;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.16);--text:#f3f5fb;--text2:#aeb6c8;--text3:#717a90;--accent:var(--e2e-accent);--accent2:var(--e2e-accent2);--live:var(--e2e-live);--ok:var(--e2e-ok);--warn:var(--e2e-warn);--glass:rgba(20,22,30,.74)}
.e2e-vc[data-theme="light"]{--bg-0:#e9edf5;--bg-1:#fff;--bg-2:#f4f6fb;--bg-3:#eaeef6;--line:rgba(12,18,34,.10);--line2:rgba(12,18,34,.15);--text:#0c1124;--text2:#48536e;--text3:#8b95ac;--glass:rgba(255,255,255,.86)}
.e2e-fab{position:fixed;right:26px;bottom:26px;z-index:2147483600;width:62px;height:62px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(150deg,var(--accent2),var(--accent));box-shadow:0 16px 38px -10px rgba(124,108,255,.7),inset 0 1px 0 rgba(255,255,255,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;color:#fff}
.e2e-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 22px 48px -10px rgba(124,108,255,.85),inset 0 1px 0 rgba(255,255,255,.4)}
.e2e-badge{position:absolute;top:-4px;right:-4px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:var(--live);border:2px solid var(--bg-0);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,77,109,.6)}
.e2e-dot{position:absolute;bottom:5px;right:5px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid #6a5af0}
.e2e-window{position:fixed;z-index:2147483600;background:var(--bg-1);border:1px solid var(--line2);box-shadow:0 30px 80px -22px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.25);overflow:hidden;display:flex;flex-direction:column;border-radius:20px;color:var(--text);animation:e2eUp .18s ease-out}
.e2e-header{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--line);background:var(--bg-1);cursor:grab;user-select:none;flex:none;touch-action:none}
.e2e-logo{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,var(--accent2),var(--accent));flex:none;box-shadow:0 4px 12px -2px rgba(124,108,255,.6)}
.e2e-iconbtn{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.e2e-iconbtn:hover{background:var(--bg-2);color:var(--text)}
.e2e-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-1)}
.e2e-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:9px 12px}.e2e-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font:13px inherit}.e2e-search input::placeholder{color:var(--text3)}
.e2e-tabbar{display:flex;gap:6px;padding:2px 14px 12px;flex:none}.e2e-tab{flex:1;padding:8px 0;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text3);font:600 12.5px inherit;cursor:pointer}.e2e-tab.active{border-color:var(--line2);background:var(--bg-2);color:var(--text)}
.e2e-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:2px}.e2e-row{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;cursor:pointer;transition:background .15s}.e2e-row:hover{background:var(--bg-2)}
.e2e-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:800;font-size:14px;flex:none}.e2e-chan{border-radius:12px;background:var(--bg-3);color:var(--accent)}
.e2e-title{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e2e-sub{font-size:11.5px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e2e-rowmain{flex:1;min-width:0}.e2e-actions{display:flex;gap:4px;flex:none}.e2e-smallbtn{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center}.e2e-smallbtn:hover{background:rgba(124,108,255,.16);color:var(--accent);border-color:rgba(124,108,255,.4)}
.e2e-footer{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:var(--bg-1);flex:none}.e2e-pill{position:fixed;right:26px;bottom:26px;z-index:2147483600;display:flex;align-items:center;gap:11px;padding:9px 16px 9px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--glass);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 14px 38px -10px rgba(0,0,0,.6);cursor:pointer;color:var(--text)}
.e2e-call{position:absolute;inset:0;background:radial-gradient(110% 90% at 50% 15%,#1b1726,#0c0d12);color:#fff}.e2e-calltop{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:grab;user-select:none;background:linear-gradient(180deg,rgba(8,9,14,.78),transparent);touch-action:none}.e2e-securetag{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(70,176,143,.18);border:1px solid rgba(70,176,143,.36);color:#7fe3c0;font-size:11px;font-weight:700;flex:none}
.e2e-callcenter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:54px 28px 110px;text-align:center}.e2e-bigavatar{display:flex;align-items:center;justify-content:center;width:118px;height:118px;border-radius:50%;color:#fff;font-weight:800;font-size:38px;box-shadow:0 16px 44px -10px rgba(0,0,0,.6)}
.e2e-controls{position:absolute;bottom:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:11px;padding:18px 18px 22px;background:linear-gradient(0deg,rgba(8,9,14,.85),rgba(8,9,14,.42) 62%,transparent)}.e2e-control{width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}.e2e-control.active{background:var(--live);border-color:transparent}.e2e-hang{width:66px;background:linear-gradient(180deg,#ff5d76,#e2384f);border:none;box-shadow:0 10px 26px -8px rgba(255,77,109,.75)}
.e2e-chathead{display:flex;align-items:center;gap:9px;padding:10px 10px 10px 8px;border-bottom:1px solid var(--line);background:var(--bg-1);cursor:grab;user-select:none;flex:none}.e2e-thread{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 12px;display:flex;flex-direction:column;gap:10px}.e2e-msgrow{display:flex;flex-direction:column;gap:2px}.e2e-msgrow.mine{align-items:flex-end}.e2e-msgrow.theirs{align-items:flex-start}.e2e-bubble{max-width:80%;padding:9px 13px;border-radius:16px;font-size:13.5px;line-height:1.45;word-break:break-word}.e2e-msgrow.mine .e2e-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.e2e-msgrow.theirs .e2e-bubble{background:var(--bg-2);color:var(--text);border-bottom-left-radius:5px}.e2e-compose{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--bg-1);flex:none}.e2e-compose input{flex:1;min-width:0;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 13px;color:var(--text);font:13.5px inherit;outline:none}
.e2e-verify{flex:1;min-height:0;overflow-y:auto;padding:26px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.e2e-safety{display:grid;grid-template-columns:repeat(3,1fr);gap:11px 18px;padding:18px 20px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);margin-bottom:22px}.e2e-safety span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.04em;color:var(--text)}
.e2e-incoming{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;padding:28px 26px;background:radial-gradient(120% 100% at 50% 16%,#211a36,#0b0c11);cursor:grab;user-select:none;touch-action:none;color:#fff}.e2e-incoming-actions{display:flex;align-items:flex-start;justify-content:center;gap:56px;flex:none;padding-bottom:8px}.e2e-roundcall{width:64px;height:64px;border-radius:50%;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.e2e-accept{background:linear-gradient(180deg,#54c79a,#2f9e74);animation:e2eRing 1.6s infinite}.e2e-decline{background:linear-gradient(180deg,#ff5d76,#e2384f)}
.e2e-statusnote{font-size:10.5px;color:var(--text3);line-height:1.4}.e2e-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:none;background:linear-gradient(150deg,var(--accent2),var(--accent));color:#fff;cursor:pointer;font:700 13.5px inherit;white-space:nowrap;box-shadow:0 8px 20px -6px rgba(124,108,255,.6)}
@keyframes e2eRing{0%{box-shadow:0 0 0 0 rgba(124,108,255,.5)}100%{box-shadow:0 0 0 24px rgba(124,108,255,0)}}@keyframes e2eUp{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes e2eWave{0%,100%{transform:scaleY(.28)}50%{transform:scaleY(1)}}@keyframes e2eBlink{0%,100%{opacity:1}50%{opacity:.25}}