.web-client[data-v-868c02fb]{max-width:460px;margin:0 auto;padding:20px 16px;min-height:100vh;outline:none;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#0b0e1a,#111627)}.header[data-v-868c02fb]{text-align:center;margin-bottom:24px}.logo-icon[data-v-868c02fb]{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:22px;font-weight:800;line-height:44px;margin:0 auto 12px;box-shadow:0 4px 20px #6366f159}.header h1[data-v-868c02fb]{font-size:26px;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.5px}.subtitle[data-v-868c02fb]{font-size:12px;color:#64748b;margin-top:4px;display:block}.login-card[data-v-868c02fb]{background:linear-gradient(145deg,#1a1f35,#151a2e);border:1px solid #1e2745;border-radius:16px;padding:28px 24px;box-shadow:0 8px 32px #0006}.login-icon[data-v-868c02fb]{text-align:center;font-size:36px;margin-bottom:8px}.panel-title[data-v-868c02fb]{text-align:center;font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:20px}.form-group[data-v-868c02fb]{margin-bottom:14px}.form-group label[data-v-868c02fb]{display:block;font-size:11px;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.form-group label em[data-v-868c02fb]{text-transform:none;color:#64748b;font-style:normal}.input-wrap[data-v-868c02fb]{position:relative;display:flex;align-items:center}.input-icon[data-v-868c02fb]{position:absolute;left:12px;color:#4a5568;font-size:14px;font-weight:600;pointer-events:none;z-index:1}.input-wrap input[data-v-868c02fb]{width:100%;padding:11px 12px 11px 30px;border:1px solid #1e2745;border-radius:10px;background:#0f1425;color:#e2e8f0;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.input-wrap input[data-v-868c02fb]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-wrap input[data-v-868c02fb]::placeholder{color:#475569}.btn-connect[data-v-868c02fb]{width:100%;padding:13px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:6px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f14d;transition:transform .15s,box-shadow .15s,opacity .2s}.btn-connect[data-v-868c02fb]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6366f173}.btn-connect[data-v-868c02fb]:active:not(:disabled){transform:translateY(0)}.btn-connect[data-v-868c02fb]:disabled{opacity:.35;cursor:not-allowed}.connected-layout[data-v-868c02fb]{flex:1;display:flex;flex-direction:column;gap:10px}.top-bar[data-v-868c02fb]{display:flex;align-items:center;gap:10px;background:#151a2e;border:1px solid #1e2745;border-radius:12px;padding:10px 14px;font-size:13px}.status-group[data-v-868c02fb]{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-dot[data-v-868c02fb]{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80;flex-shrink:0}.status-text[data-v-868c02fb]{color:#a1a1aa;font-size:12px;font-weight:500}.top-nick[data-v-868c02fb]{color:#e2e8f0;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions[data-v-868c02fb]{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}.mic-toggle[data-v-868c02fb]{display:flex;background:#0f1425;border-radius:6px;padding:2px}.mic-toggle button[data-v-868c02fb]{padding:4px 10px;border:none;border-radius:5px;background:transparent;color:#64748b;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.mic-toggle button.active[data-v-868c02fb]{background:#6366f1;color:#fff}.btn-icon[data-v-868c02fb]{width:30px;height:30px;border-radius:7px;border:1px solid #1e2745;background:#0f1425;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.btn-icon[data-v-868c02fb]:hover{background:#1e2745;color:#e2e8f0}.btn-icon.disconnect[data-v-868c02fb]:hover{background:#3b1a1a;border-color:#7f1d1d;color:#fca5a5}.btn-icon.share[data-v-868c02fb]:hover{background:#052e16;border-color:#166534;color:#6ee7b7}.channel-panel[data-v-868c02fb]{flex:1;background:#151a2e;border:1px solid #1e2745;border-radius:12px;padding:14px;overflow-y:auto}.section-title[data-v-868c02fb]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.section-title[data-v-868c02fb]:hover{color:#94a3b8}.refresh-hint[data-v-868c02fb]{margin-left:auto;font-size:10px;text-transform:none;color:#475569;opacity:0;transition:opacity .15s}.section-title:hover .refresh-hint[data-v-868c02fb]{opacity:1}.channel-item[data-v-868c02fb]{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;color:#cbd5e1;cursor:pointer;border-radius:6px;white-space:nowrap;transition:background .1s}.channel-item[data-v-868c02fb]:hover{background:#6366f11a}.ch-arrow[data-v-868c02fb]{color:#475569;flex-shrink:0;transition:transform .15s}.channel-item:hover .ch-arrow[data-v-868c02fb]{transform:translate(2px);color:#6366f1}.ch-hash[data-v-868c02fb]{color:#6366f1;font-weight:700;flex-shrink:0}.ch-name[data-v-868c02fb]{overflow:hidden;text-overflow:ellipsis}.member-item[data-v-868c02fb]{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:13px;color:#94a3b8;border-radius:6px;transition:background .1s}.member-item[data-v-868c02fb]:hover{background:#ffffff05}.fallback-title[data-v-868c02fb]{padding:6px 10px 4px;color:#94a3b8;font-size:12px;font-weight:600}.icp-footer[data-v-868c02fb]{margin-top:auto;padding-top:18px;color:#475569;font-size:11px;text-align:center}.fallback-member[data-v-868c02fb]{padding-left:10px}.m-avatar[data-v-868c02fb]{width:24px;height:24px;border-radius:7px;flex-shrink:0;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.m-avatar.self[data-v-868c02fb]{box-shadow:0 0 10px #6366f166}.m-name[data-v-868c02fb]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-name.self[data-v-868c02fb]{color:#c7d2fe;font-weight:500}.m-tag[data-v-868c02fb]{font-size:10px;padding:1px 6px;border-radius:4px;background:#6366f133;color:#818cf8;font-weight:600}.vol-slider[data-v-868c02fb]{width:64px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e2745;border-radius:2px;outline:none;cursor:pointer;flex-shrink:0;transition:background .15s}.vol-slider[data-v-868c02fb]:hover{background:#2a3565}.vol-slider[data-v-868c02fb]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#818cf8;cursor:pointer;box-shadow:0 1px 4px #0006;transition:transform .1s,background .1s}.vol-slider[data-v-868c02fb]::-webkit-slider-thumb:hover{transform:scale(1.2);background:#a5b4fc}.vol-slider[data-v-868c02fb]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:none;background:#818cf8;cursor:pointer}.loading-state[data-v-868c02fb]{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#475569;font-size:13px}.empty-state[data-v-868c02fb]{padding:14px 10px;color:#64748b;font-size:12px;line-height:1.5}.spinner[data-v-868c02fb]{width:18px;height:18px;border:2px solid #1e2745;border-top-color:#6366f1;border-radius:50%;animation:spin-868c02fb .7s linear infinite}@keyframes spin-868c02fb{to{transform:rotate(360deg)}}.ptt-bar[data-v-868c02fb]{text-align:center;padding:10px;border-radius:10px;background:#151a2e;border:1px solid #1e2745;font-size:13px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.ptt-bar.active[data-v-868c02fb]{border-color:#6366f1;color:#c7d2fe;background:#6366f114}.ptt-dot[data-v-868c02fb]{width:8px;height:8px;border-radius:50%;background:#475569;transition:background .2s}.ptt-bar.active .ptt-dot[data-v-868c02fb]{background:#22c55e;box-shadow:0 0 6px #22c55e80}.error-box[data-v-868c02fb]{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:10px 14px;border-radius:10px;font-size:13px;display:flex;align-items:flex-start;gap:8px}.err-icon[data-v-868c02fb]{width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:18px;flex-shrink:0}.channel-panel[data-v-868c02fb]::-webkit-scrollbar{width:4px}.channel-panel[data-v-868c02fb]::-webkit-scrollbar-track{background:transparent}.channel-panel[data-v-868c02fb]::-webkit-scrollbar-thumb{background:#1e2745;border-radius:2px}.channel-panel[data-v-868c02fb]::-webkit-scrollbar-thumb:hover{background:#2a3565}