.chat-layout{display:flex;flex-direction:column;height:100vh}.chat-layout header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.chat-header-left{display:flex;align-items:center;gap:8px}.chat-header-user{font-size:14px;font-weight:500;color:var(--text)}.chat-e2ee-status{font-size:14px;margin-left:6px}.chat-e2ee-status.chat-e2ee-status--loaded{opacity:1}.chat-e2ee-status:not(.chat-e2ee-status--loaded){opacity:.6}.chat-ws-dot{display:inline-block;margin-left:6px;width:8px;height:8px;border-radius:50%;flex-shrink:0}.chat-ws-dot.chat-ws-dot--connected{background-color:var(--success, #22c55e)}.chat-ws-dot:not(.chat-ws-dot--connected){background-color:var(--text-muted, #94a3b8)}.chat-ws-reconnecting{margin-left:6px;font-size:12px;color:var(--text-muted, #94a3b8)}.chat-header-actions{display:flex;align-items:center;gap:12px}.chat-tab-btns{display:flex;gap:4px;margin-right:8px}.chat-tab-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;cursor:pointer}.chat-tab-btn.chat-tab-btn--active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.chat-theme-btn{background:none;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:18px}.chat-logout{background:none;border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px}.chat-backup-restored-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--accent-subtle, rgba(59, 130, 246, .1));border-bottom:1px solid var(--border);font-size:13px;color:var(--text)}.chat-main{display:flex;flex:1;overflow:hidden}.chat-sidebar{width:260px;border-right:1px solid var(--border);padding:20px;background:var(--surface);overflow-y:auto}.chat-sidebar-narrow{width:120px;min-width:120px;border-right:1px solid var(--border);padding:20px;background:var(--surface);overflow-y:auto}.chat-sidebar-section{margin-bottom:20px}.chat-sidebar-title{margin:0 0 8px;font-size:15px;font-weight:600}.chat-hint{font-size:12px;color:var(--text-muted)}.chat-vpn-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.chat-vpn-title{margin:0 0 8px;font-size:14px}.chat-vpn-hint{font-size:11px;color:var(--text-muted);margin:0 0 12px}.chat-vpn-protocol{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.chat-vpn-proto-hint{font-size:11px;color:var(--text-muted);margin:4px 0 0}.chat-vpn-btn{flex-shrink:0;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:12px}.chat-vpn-btn-full{width:100%;margin-top:8px}.chat-vpn-btn-danger{flex-shrink:0;padding:6px 12px;border-radius:6px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-size:12px}.chat-vpn-admin-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.chat-vpn-admin-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.chat-vpn-admin-actions{display:flex;gap:4px}.chat-room-item{display:flex;align-items:center;gap:8px;text-align:left;padding:8px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-size:13px}.chat-room-item.chat-room-item--active{background:var(--accent-subtle);border-color:var(--accent)}.chat-room-item-label{font-weight:500;flex:1;text-align:left}.chat-room-item.chat-room-item--full{width:100%;justify-content:flex-start}.chat-search-wrap{position:relative}.chat-search-dropdown{position:absolute;top:100%;left:0;right:0;margin:0;padding:4px 0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;max-height:200px;overflow-y:auto}.chat-search-dropdown li{margin:0}.chat-search-dropdown .chat-room-item{border:none;border-radius:0;width:100%}.chat-unread-badge{min-width:20px;padding:2px 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:600}.chat-delivery-badge{opacity:.8;font-size:12px;margin-right:2px}.chat-room-members-panel{margin-top:12px;padding:12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.chat-panel,.chat-panel-h4{margin:0 0 8px;font-size:13px}.chat-chat{flex:1;display:flex;flex-direction:column}.chat-recipient-bar{padding:12px;border-bottom:1px solid var(--border);background:var(--surface)}.chat-recipient-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 0}.chat-with{margin:8px 0 0;font-size:13px;color:var(--accent);font-weight:500}.chat-with-no-margin,.chat-recipient-flex .chat-with{margin:0}.chat-recipient-input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.chat-recipient-input-sm{padding:8px 10px;font-size:13px}.chat-recipient-input-flex{flex:1;padding:6px 10px}.chat-recipient-input-xs{padding:4px;margin-top:4px}.chat-recipient-input-search{max-width:180px;padding:6px 10px;font-size:13px}.chat-select-label-sm{font-size:12px}.chat-e2ee-mode-btn{font-size:12px;padding:4px 8px}.chat-e2ee-mode-btn.chat-e2ee-mode-btn--strict{opacity:1;border-color:var(--accent)}.chat-e2ee-mode-btn:not(.chat-e2ee-mode-btn--strict){opacity:.8}.chat-btn-sm{padding:4px 10px;font-size:12px}.chat-btn-xs{padding:2px 6px;font-size:11px}.chat-btn-md{padding:6px 12px;font-size:12px}.chat-input-hint-dynamic{margin:6px 0 0}.chat-input-hint-error{color:var(--error, #ef4444)}.chat-input-hint-accent{color:var(--accent)}.chat-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg-chat)}.chat-bubble-wrap{display:flex;width:100%}.chat-bubble-wrap.chat-bubble-wrap--own{justify-content:flex-end}.chat-bubble{padding:10px 14px;border-radius:16px;max-width:75%;word-break:break-word}.chat-bubble.chat-bubble--own{background:var(--bubble-own);color:var(--bubble-own-text);border-bottom-right-radius:4px}.chat-bubble.chat-bubble--in{background:var(--bubble-in);border:1px solid var(--bubble-in-border);border-bottom-left-radius:4px}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;color:var(--text-muted)}.chat-empty-icon{font-size:48px;opacity:.5}.chat-empty-text{margin:0;font-size:16px;font-weight:500;color:var(--text)}.chat-empty-hint{margin:0;font-size:13px}.chat-sender{display:block;font-size:12px;color:var(--accent);margin-bottom:4px;font-weight:500}.chat-msg-text{font-size:15px;line-height:1.5;display:block}.chat-msg-file{font-size:14px;display:block;padding:8px 12px;background:rgba(0,0,0,.1);border-radius:8px;border:1px dashed var(--border)}.chat-file-link{display:inline-flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;padding:0;font:inherit;text-decoration:underline}.chat-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.chat-e2ee-badge{font-size:11px;opacity:.9}.chat-timestamp{font-size:11px;opacity:.7}.chat-input-wrap{padding:12px 16px 16px;border-top:1px solid var(--border);background:var(--surface)}.chat-input-bar{display:flex;gap:8px;align-items:center}.chat-input-hint{margin:6px 0 0;font-size:11px;color:var(--text-muted)}.chat-file-label{cursor:pointer;padding:8px;font-size:18px}.chat-message-input{flex:1;padding:12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);min-height:44px;resize:vertical}.chat-send-btn{padding:12px 24px;border-radius:8px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:600}.chat-content-area{flex:1;padding:24px;overflow:auto}.chat-content-area h2{margin:0 0 16px;font-size:20px}.chat-content-area h2.vpn-h2{margin:0 0 20px}.chat-devices-section{display:flex;flex-direction:column;gap:8px}.chat-device-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.chat-device-card.chat-device-card--current{border-color:var(--accent)}.chat-device-id{font-weight:500;font-size:14px}.chat-device-id-suffix{font-size:12px;color:var(--text-muted, #94a3b8);font-weight:400}.chat-device-actions{display:flex;gap:8px;flex-shrink:0}.chat-device-current-badge{margin-left:8px;font-size:12px;color:var(--accent)}.chat-device-created{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.chat-select-label{font-size:13px;color:var(--text-muted);display:block;margin-bottom:6px}.chat-select-node{padding:8px 12px;max-width:320px}.chat-typing{color:var(--text-muted);font-size:13px}.chat-select-hint{margin:0;color:var(--text-muted);font-size:14px}.chat-identity-warning{margin:8px 0 0;padding:10px 12px;background:rgba(234,179,8,.15);border:1px solid rgba(234,179,8,.5);border-radius:8px;font-size:13px}.chat-identity-warning.chat-identity-warning--critical{background:rgba(239,68,68,.12);border-color:#ef444480}.chat-identity-warning p{margin:0 0 8px;color:var(--text)}.chat-identity-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-member-list{margin:0 0 12px;padding-left:0;font-size:13px;list-style:none}.chat-member-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-member-role{color:var(--text-muted);font-size:11px}.chat-fingerprint-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.chat-fingerprint-dialog{background:var(--surface);border-radius:12px;padding:24px;max-width:400px;box-shadow:0 8px 32px #0000004d}.chat-fingerprint-title{margin:0 0 12px;font-size:18px}.chat-fingerprint-desc{margin:0 0 12px;font-size:13px;color:var(--text-muted)}.chat-fingerprint-qr{margin:12px 0;display:flex;justify-content:center}.chat-fingerprint-qr img{border-radius:8px;background:#fff;padding:8px}.chat-fingerprint-pre{margin:0;padding:12px;background:var(--bg);border-radius:8px;font-size:13px;letter-spacing:.5;word-break:break-all;white-space:pre-wrap}.chat-fingerprint-history{margin-top:12px;padding:10px 12px;background:var(--bg);border-radius:8px;font-size:12px}.chat-fingerprint-history-title{margin:0 0 6px;font-weight:600;color:var(--text-dim)}.chat-fingerprint-history-item{margin:4px 0 0;color:var(--text)}.chat-fingerprint-actions{display:flex;gap:8px;margin-top:16px}.chat-fingerprint-close{margin-top:0}.chat-input-hidden{display:none}.chat-mb-8{margin-bottom:8px}.chat-mb-16{margin-bottom:16px}.chat-mb-20{margin-bottom:20px}.chat-mb-24{margin-bottom:24px}.chat-error-text{color:var(--error)}.chat-protocols-list{display:flex;flex-direction:column;gap:12px}.chat-h3{margin:0 0 12px;font-size:16px}.chat-backup-actions{display:flex;flex-direction:column;gap:8px}.chat-chat-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.chat-mt-8{margin-top:8px}.chat-mt-10{margin-top:10px}.chat-room-actions{display:flex;gap:8px;margin-bottom:8px}.chat-member-actions{display:flex;gap:8px;align-items:center}.chat-member-actions-inline{display:flex;gap:4px}.chat-recipient-flex{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 0}.fp-wrap{display:block;min-height:1px}.fp-download-btn{display:inline-flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;padding:0;font:inherit;text-decoration:underline;font-size:13px}.fp-download-btn.fp-download-btn--loading{cursor:default;text-decoration:none}.fp-size{opacity:.8;font-size:.9em;margin-left:4px}.fp-preview{display:flex;flex-direction:column;gap:8px;max-width:min(400px,90vw)}.fp-image{max-width:100%;max-height:320px;border-radius:8px;cursor:pointer}.fp-video{max-width:100%;max-height:320px;border-radius:8px}.fp-audio{width:100%;max-width:320px}.fp-pdf{width:100%;height:400px;border:1px solid var(--border);border-radius:8px}.fp-lightbox-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:pointer}.fp-lightbox-image{max-width:95vw;max-height:95vh;object-fit:contain;cursor:default;border-radius:8px}.fp-lightbox-close{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer}*{box-sizing:border-box}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}[data-theme=dark]{--bg: #0f0f12;--bg-chat: #0d0d10;--surface: #1a1a1f;--surface-hover: #222228;--border: #2a2a32;--text: #e8e8ed;--text-muted: #8a8a94;--accent: #6366f1;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .15);--bubble-own: #4338ca;--bubble-own-text: #e0e7ff;--bubble-in: #1e1e24;--bubble-in-border: #2a2a32;--error: #ef4444;--success: #22c55e}[data-theme=light]{--bg: #f8fafc;--bg-chat: #f1f5f9;--surface: #ffffff;--surface-hover: #f8fafc;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--accent: #4f46e5;--accent-hover: #4338ca;--accent-subtle: rgba(79, 70, 229, .12);--bubble-own: #4f46e5;--bubble-own-text: #ffffff;--bubble-in: #ffffff;--bubble-in-border: #e2e8f0;--error: #dc2626;--success: #16a34a}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg: #f8fafc;--bg-chat: #f1f5f9;--surface: #ffffff;--surface-hover: #f8fafc;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--accent: #4f46e5;--accent-hover: #4338ca;--bubble-own: #4f46e5;--bubble-own-text: #ffffff;--bubble-in: #ffffff;--bubble-in-border: #e2e8f0;--error: #dc2626;--success: #16a34a}}:root:not([data-theme]){--bg: #0f0f12;--bg-chat: #0d0d10;--surface: #1a1a1f;--surface-hover: #222228;--border: #2a2a32;--text: #e8e8ed;--text-muted: #8a8a94;--accent: #6366f1;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .15);--bubble-own: #4338ca;--bubble-own-text: #e0e7ff;--bubble-in: #1e1e24;--bubble-in-border: #2a2a32;--error: #ef4444;--success: #22c55e}html{transition:background-color .3s ease,color .3s ease}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}button:hover:not(:disabled){opacity:.9}.btn-primary:hover:not(:disabled){background:var(--accent-hover)!important}button{transition:opacity .15s,background .15s}input::placeholder{color:var(--text-muted);opacity:.7}input:focus,button:focus-visible,select:focus{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.chat-layout main{flex-direction:column}.chat-layout .chat-sidebar{width:100%!important;max-height:200px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--border)}.chat-layout .chat-main{min-height:0}.chat-layout header{padding:10px 16px}.chat-layout .chat-sidebar h3{margin:0 0 8px}}@keyframes msgAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-bubble{animation:msgAppear .2s ease-out}.messages-scroll::-webkit-scrollbar,.chat-sidebar::-webkit-scrollbar{width:8px}.messages-scroll::-webkit-scrollbar-track,.chat-sidebar::-webkit-scrollbar-track{background:transparent}.messages-scroll::-webkit-scrollbar-thumb,.chat-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.messages-scroll::-webkit-scrollbar-thumb:hover,.chat-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:inline-flex;align-items:center;gap:6px}.loading-dots:after{content:"";animation:spin .8s linear infinite;display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}.auth-bg{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),var(--bg)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}.auth-theme-toggle{position:absolute;top:16px;right:16px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:18px}.auth-card{background:var(--surface);border-radius:16px;padding:40px;width:100%;max-width:400px;border:1px solid var(--border);box-shadow:0 8px 32px #0000001f}.auth-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.auth-subtitle{margin:8px 0 24px;color:var(--text-muted);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:13px;font-weight:500;color:var(--text)}.auth-input{padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px;transition:border-color .2s}.auth-error{color:var(--error);font-size:13px;margin:0}.auth-hint{font-size:12px;color:var(--text-muted, #64748b);margin:0}.auth-button{padding:12px;border-radius:10px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:600;font-size:15px;margin-top:4px}.auth-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:8px}.landing{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:400px}.landing-stats{display:flex;gap:24px;width:100%;justify-content:center;flex-wrap:wrap}.landing-stat{display:flex;flex-direction:column;align-items:center;padding:16px 24px;min-width:120px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.landing-stat-value{font-size:28px;font-weight:700;color:var(--accent);line-height:1.2}.landing-stat-label{font-size:13px;color:var(--text-muted);margin-top:4px}