:root{color-scheme:dark;--bg: #0a0f14;--bg-soft: rgba(14, 20, 28, .82);--panel: rgba(13, 18, 25, .92);--panel-border: rgba(137, 165, 190, .18);--text: #edf4fb;--muted: #9cb0c5;--muted-2: #6f8398;--accent: #61e7c9;--accent-2: #ffbf69;--danger: #ff6b6b;--good: #72e17c;--shadow: 0 28px 80px rgba(0, 0, 0, .45);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(97,231,201,.18),transparent 28%),radial-gradient(circle at top right,rgba(255,191,105,.16),transparent 30%),linear-gradient(180deg,#091019,#0b1017 42%,#070b10);font-family:Trebuchet MS,Gill Sans,Aptos,sans-serif}button,input{font:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh}.manage-wheel{position:fixed;top:24px;left:24px;z-index:30;display:grid;place-items:center;gap:4px;width:72px;height:72px;border:1px solid rgba(97,231,201,.24);border-radius:22px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.2),transparent 28%),linear-gradient(180deg,#161f2cf5,#0a0f16f5);color:var(--text);box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.manage-wheel:hover{transform:translateY(-1px);border-color:#61e7c96b}.manage-wheel.open .manage-wheel-icon{transform:rotate(90deg)}.manage-wheel-icon{font-size:1.4rem;line-height:1;transition:transform .24s ease}.manage-wheel-label{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.manage-rail{position:fixed;inset:0 auto 0 0;width:392px;max-width:calc(100vw - 16px);z-index:25;padding:16px 0 16px 16px;transform:translate(-104%);transition:transform .22s ease;pointer-events:none}.manage-rail.open{transform:translate(0);pointer-events:auto}.manage-panel{height:100%;border-radius:30px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#111822fa,#080c12fa);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px;overflow:auto}.layout{position:relative;z-index:1;width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:28px 0 48px}.layout.with-manage{width:min(1160px,calc(100vw - 448px));margin-left:424px}.backdrop{position:absolute;inset:auto;border-radius:999px;filter:blur(48px);opacity:.55;pointer-events:none}.backdrop-a{width:360px;height:360px;background:#61e7c92e;top:-90px;left:-100px}.backdrop-b{width:420px;height:420px;background:#ffbf6929;bottom:-130px;right:-120px}.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:20px;align-items:start;margin-bottom:20px}.hero-copy,.panel{background:linear-gradient(180deg,#141b25f2,#0b1017f0);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-copy{border-radius:var(--radius-xl);padding:30px}.eyebrow,.panel-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.74rem;font-weight:700}.hero-copy h1{margin:0;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.95;letter-spacing:-.06em}.intro{max-width:62ch;margin:18px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{min-height:112px;padding:18px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#151c27f2,#0c1119f2);border:1px solid var(--panel-border);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--muted);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.stat-card strong{font-size:1.4rem;line-height:1.15}.stat-card.green strong{color:var(--good)}.stat-card.amber strong{color:var(--accent-2)}.top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:20px;margin-bottom:20px}.panel{border-radius:var(--radius-xl);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2{margin:0;font-size:1.45rem}.manage-body{display:grid;gap:14px}.manage-section{display:grid;gap:12px;padding:16px;border-radius:22px;border:1px solid rgba(137,165,190,.12);background:#ffffff08}.manage-section h3{margin:0;font-size:1rem}.field{display:grid;gap:8px}.field span,.hint-block span,.toggle-row span,.status-stack span,.manage-note{color:var(--muted)}.field input,.field select,.field textarea{width:100%;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text);padding:11px 14px;outline:none}.field textarea{min-height:124px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#61e7c973;box-shadow:0 0 0 4px #61e7c91f}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.hint-block{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px dashed rgba(137,165,190,.2)}.hint-block strong,.status-stack strong{color:var(--text);overflow-wrap:anywhere}.proxy-actions{display:flex;flex-wrap:wrap;gap:8px}.connection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-stack{display:grid;gap:10px}.status-stack div{display:flex;justify-content:space-between;gap:16px}.notice{border-radius:16px;padding:12px 14px;border:1px solid transparent}.notice.success{border-color:#72e17c40;background:#72e17c1f}.notice.warn{border-color:#ffbf693d;background:#ffbf691c}.notice.error{border-color:#ff6b6b47;background:#ff6b6b1f}.manage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.manage-actions .btn{width:100%}.manage-note{margin:0;font-size:.9rem;line-height:1.5}.btn{border:0;border-radius:999px;padding:11px 16px;color:#071015;font-weight:800;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.btn:hover,.chip:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait}.btn.secondary{background:linear-gradient(180deg,#d4fff2,#87e3cf)}.btn.danger{background:linear-gradient(180deg,#ffcdc8,#ff8b85);color:#250707}.qr-shell{display:grid;place-items:center;gap:16px;padding:20px;border-radius:var(--radius-lg);border:1px dashed rgba(97,231,201,.28);background:#ffffff08;min-height:320px}.qr-code{background:#fff;border-radius:20px;padding:12px}.qr-note{margin:0;color:var(--muted);text-align:center;max-width:38ch}.progress-track{width:100%;height:10px;border-radius:999px;border:1px solid rgba(137,165,190,.18);background:#ffffff0f;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#61e7c9f2,#ffbf69eb);transition:width .22s ease}.progress-copy{margin:0;color:var(--muted);font-size:.88rem;text-align:center}.qr-placeholder{max-width:42ch;text-align:center;color:var(--muted)}.qr-placeholder strong{display:block;color:var(--text);margin-bottom:8px;font-size:1.2rem}.connection-detail,.info-list{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 14px;margin-top:18px}.connection-detail span,.info-list span{color:var(--muted-2)}.connection-detail strong,.info-list strong{color:var(--text);overflow-wrap:anywhere}.muted-copy{color:var(--muted);line-height:1.6;margin:0 0 18px}.error-banner{margin-top:18px;border-radius:var(--radius-md);border:1px solid rgba(255,107,107,.3);background:#ff6b6b1f;color:#ffd5d5;padding:12px 14px}.feed-panel{padding-bottom:14px}.workspace-head{align-items:flex-end}.tab-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.groups-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px}.send-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:16px}.panel-subsection{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid rgba(137,165,190,.12);background:#ffffff08}.send-compose-head,.send-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.send-compose-head h3,.send-history-head h3{margin:0;font-size:1.08rem}.send-compose-head span,.send-history-head span{color:var(--muted)}.send-badge{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.send-badge.ready{background:#72e17c1f;border-color:#72e17c38;color:#c9ffd0}.send-badge.blocked{background:#ffbf691c;border-color:#ffbf6938;color:#ffe4b2}.send-actions{display:flex;flex-wrap:wrap;gap:10px}.send-history{min-height:100%}.send-log{display:grid;gap:10px;max-height:700px;overflow:auto;padding-right:4px}.send-log-item{display:grid;gap:10px;border-radius:18px;border:1px solid var(--panel-border);background:#ffffff08;padding:14px}.send-log-item.sent{border-color:#72e17c3d;background:#72e17c14}.send-log-item.error{border-color:#ff6b6b3d;background:#ff6b6b14}.send-log-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.send-log-top time,.send-log-meta,.send-log-meta span{color:var(--muted);font-size:.84rem}.send-log-item p{margin:0;line-height:1.5;overflow-wrap:anywhere}.send-log-meta{display:flex;flex-wrap:wrap;gap:8px 14px}.groups-sidebar,.groups-detail{display:grid;gap:14px}.groups-sidebar{padding-right:6px}.groups-sidebar-head,.groups-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.groups-sidebar-head h3,.groups-detail-head h3{margin:0;font-size:1.08rem}.groups-sidebar-head p,.groups-detail-head p{margin:6px 0 0;color:var(--muted)}.group-list{display:grid;gap:10px;max-height:680px;overflow:auto;padding-right:4px}.group-item{width:100%;text-align:left;border-radius:18px;border:1px solid var(--panel-border);background:#ffffff08;color:var(--text);padding:14px;cursor:pointer;display:grid;gap:5px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.group-item:hover{transform:translateY(-1px);border-color:#61e7c947}.group-item.active{background:#61e7c91f;border-color:#61e7c94d}.group-item strong{font-size:1rem}.group-item span,.group-item small{color:var(--muted)}.group-item small{overflow-wrap:anywhere}.groups-detail{padding:18px;border-radius:22px;border:1px solid var(--panel-border);background:#ffffff08}.groups-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.group-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.group-meta-grid div{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(137,165,190,.12);background:#ffffff08}.group-meta-grid span,.members-section-head span{color:var(--muted-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.group-meta-grid strong{overflow-wrap:anywhere}.members-section{display:grid;gap:12px}.members-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.members-section-head h3{margin:0}.members-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(137,165,190,.12)}.members-table{width:100%;border-collapse:collapse;min-width:620px;background:#0000001f}.members-table th,.members-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(137,165,190,.12);vertical-align:top}.members-table th{color:var(--muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;background:#ffffff08}.members-table td{overflow-wrap:anywhere}.members-table tbody tr:last-child td{border-bottom:0}.empty-table-cell{color:var(--muted);text-align:center}.empty-state.compact{padding:28px 16px}.groups-detail-empty,.groups-detail-loading{min-height:280px}.feed-head{align-items:flex-end}.feed-controls{display:grid;gap:12px;justify-items:end}.search-shell{display:grid;gap:6px;color:var(--muted);width:min(100%,360px)}.search-shell input{width:100%;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text);padding:12px 14px;outline:none}.search-shell input:focus{border-color:#61e7c973;box-shadow:0 0 0 4px #61e7c91f}.filter-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chip{border:1px solid var(--panel-border);background:#ffffff08;color:var(--text);border-radius:999px;padding:9px 14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.chip.active{background:#61e7c929;border-color:#61e7c959;color:#dffdfa}.feed-summary{display:flex;justify-content:space-between;gap:12px;padding:0 4px 14px;color:var(--muted);font-size:.92rem}.message-list{display:grid;gap:14px}.message-card{border-radius:var(--radius-lg);border:1px solid var(--panel-border);padding:18px;background:linear-gradient(180deg,#151c27f5,#0b1017f5);position:relative;cursor:pointer;outline:none}.message-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(180deg,#61e7c9e6,#ffbf69cc)}.message-card.from-me:before{background:linear-gradient(180deg,#72e17cf2,#61e7c9cc)}.message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.message-headline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag{padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.tag.group{background:#ffbf6929;color:#ffd8a3}.tag.private{background:#61e7c929;color:#cdfdf0}.tag.muted{background:#ffffff0d;color:var(--muted)}.chat-name{margin:14px 0 8px;font-size:1.08rem}.message-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:.92rem}.flag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.flag-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#61e7c91f;border:1px solid rgba(97,231,201,.18);color:#d8fff6;font-size:.8rem;font-weight:700}.flag-pill small{color:var(--muted);font-weight:600}.reply-block,.reaction-block,.media-block{margin-top:16px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(137,165,190,.12);padding:14px}.reply-label{display:block;color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:8px}.reply-block p,.message-body p{margin:8px 0 0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.empty-body{color:var(--muted)}.media-details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);margin-bottom:12px;font-size:.9rem}.media-shell{min-height:90px;display:grid;place-items:center;border-radius:14px;border:1px dashed rgba(137,165,190,.22);color:var(--muted)}.media-image,.media-video{width:100%;max-height:360px;object-fit:contain;border-radius:14px;background:#00000038}.media-audio{width:100%}.media-download{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:78px;border-radius:14px;border:1px solid rgba(97,231,201,.2);color:#dffdfa;text-decoration:none;background:#61e7c914}.reaction-list{display:flex;flex-wrap:wrap;gap:8px}.reaction-pill{display:grid;gap:3px;padding:10px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(137,165,190,.12);font-weight:700}.reaction-pill small{color:var(--muted);font-weight:500}.message-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;color:var(--muted-2);font-size:.8rem}.empty-state{padding:48px 24px;text-align:center;color:var(--muted)}.empty-state h3{color:var(--text);margin:0 0 8px}.load-more-anchor{padding:10px 0 18px;text-align:center;color:var(--muted-2);font-size:.9rem}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr minmax(360px,520px)}.drawer-scrim{background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-panel{background:linear-gradient(180deg,#10161ffa,#080c12fa);border-left:1px solid var(--panel-border);box-shadow:-40px 0 80px #0000006b;overflow:auto;padding:22px}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.drawer-head h2{margin:0;font-size:1.4rem}.drawer-content{display:grid;gap:18px}.drawer-section{padding:16px;border-radius:var(--radius-md);border:1px solid rgba(137,165,190,.12);background:#ffffff08}.drawer-section h3{margin:0 0 12px;font-size:1rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-grid div{display:grid;gap:4px}.detail-grid dt{color:var(--muted-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.detail-grid dd{margin:0;overflow-wrap:anywhere}.drawer-body,.json-block{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.json-block{max-height:360px;overflow:auto;padding:14px;border-radius:14px;background:#00000047;border:1px solid rgba(137,165,190,.12);color:#dce7f3}.reaction-stack{display:grid;gap:10px}.reaction-row{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:#ffffff0a}.drawer-muted{color:var(--muted);margin:0}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;padding:24px}.qr-modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.qr-modal-panel{position:relative;width:min(92vw,680px);max-height:min(90vh,900px);overflow:auto;border-radius:30px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#121923fc,#090d13fc);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px}.qr-modal-head{margin-bottom:16px}.qr-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.qr-modal-status{margin-top:0}.qr-modal-error{margin-top:14px}.qr-modal-shell{min-height:360px}@media (max-width: 1080px){.hero,.top-grid,.groups-workspace,.send-workspace,.group-meta-grid{grid-template-columns:1fr}.layout.with-manage{width:min(100vw - 18px,1440px);margin-left:auto}.feed-head{align-items:flex-start;flex-direction:column}.drawer{grid-template-columns:1fr}.drawer-scrim{display:none}.drawer-panel{border-left:0;border-top:1px solid var(--panel-border)}.qr-modal{padding:16px}.qr-modal-panel{width:100%;border-radius:24px}.manage-rail{width:100vw;max-width:100vw;padding:12px}.manage-panel{border-radius:24px}.feed-controls{width:100%;justify-items:stretch}.manage-actions,.range-grid{grid-template-columns:1fr}.search-shell{width:100%}.groups-detail-head,.groups-sidebar-head{flex-direction:column}.groups-actions,.tab-row,.send-compose-head,.send-history-head,.send-log-top{justify-content:flex-start}}@media (max-width: 720px){.manage-wheel{top:14px;left:14px;width:64px;height:64px;border-radius:20px}.layout{width:min(100vw - 18px,1440px);padding-top:14px}.hero-copy,.panel{padding:18px;border-radius:20px}.hero-stats{grid-template-columns:1fr}.message-head,.feed-summary,.message-footer{flex-direction:column}.detail-grid{grid-template-columns:1fr}.qr-modal{padding:12px}.qr-modal-actions{justify-content:flex-start}}