:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f4f4f5;--text-primary:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--border-color:#e4e4e7;--accent-color:#6366f1;--accent-hover:#4f46e5;--success-color:#22c55e;--error-color:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#171717;--bg-tertiary:#262626;--text-primary:#fafafa;--text-secondary:#d4d4d4;--text-muted:#737373;--border-color:#404040;--accent-color:#6366f1;--accent-hover:#818cf8;--success-color:#22c55e;--error-color:#ef4444;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#18181b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}.app-container,body{background-color:#fff;background-color:var(--bg-primary)}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background-color:#fafafa;background-color:var(--bg-secondary);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);justify-content:space-between;padding:1rem 2rem}.app-header,.app-title{align-items:center;display:flex}.app-title{color:#18181b;color:var(--text-primary);font-size:1.5rem;font-weight:700;gap:.5rem}.security-badge{align-items:center;background-color:#22c55e;background-color:var(--success-color);border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.theme-toggle{align-items:center;background-color:#f4f4f5;background-color:var(--bg-tertiary);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:.5rem;color:#18181b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s ease}.theme-toggle:hover{background-color:#6366f1;background-color:var(--accent-color);color:#fff;transform:scale(1.05)}.icon-btn{align-items:center;background-color:#f4f4f5;background-color:var(--bg-tertiary);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:.5rem;color:#18181b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;height:2.5rem;justify-content:center;padding:0;transition:all .2s ease;width:2.5rem}.icon-btn:hover:not(:disabled){background-color:#6366f1;background-color:var(--accent-color);color:#fff;transform:scale(1.05)}.icon-btn:disabled{cursor:default;opacity:.7}.icon-btn.btn-danger{background-color:#ef4444;background-color:var(--error-color);border-color:#ef4444;border-color:var(--error-color);color:#fff}.icon-btn.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:scale(1.05)}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:2rem}.setup-container{background-color:#fafafa;background-color:var(--bg-secondary);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:450px;padding:2.5rem;width:100%}.setup-title{color:#18181b;color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem;text-align:center}.setup-subtitle{color:#71717a;color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-label{color:#18181b;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-error{align-items:center;animation:slideIn .3s ease-out;background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:.5rem;color:#ef4444;color:var(--error-color);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.form-error-icon{flex-shrink:0;font-size:1rem}.message-error{align-items:center;animation:slideIn .3s ease-out;background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:.375rem;color:#ef4444;color:var(--error-color);display:flex;font-size:.8125rem;gap:.5rem;margin:0 1.5rem .5rem;padding:.5rem .75rem}.message-error-icon{flex-shrink:0;font-size:.875rem}.form-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:.5rem;color:#18181b;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#6366f1;border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f126;outline:none}.form-input::placeholder{color:#a1a1aa;color:var(--text-muted)}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.btn-primary{background-color:#6366f1;background-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#4f46e5;background-color:var(--accent-hover);box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-danger:hover:not(:disabled){box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md);transform:translateY(-1px)}.protocol-container{background-color:#fafafa;background-color:var(--bg-secondary);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2.5rem;text-align:center;width:100%}.protocol-title{color:#18181b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:2rem}.status-card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.status-label{color:#71717a;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.status-value{color:#18181b;color:var(--text-primary);font-size:1.125rem;font-weight:500}.status-indicator{animation:pulse 2s infinite;border-radius:50%;display:inline-block;height:.5rem;margin-right:.5rem;width:.5rem}.status-indicator.waiting{background-color:#fbbf24}.status-indicator.ready{background-color:#60a5fa}.status-indicator.complete{background-color:#22c55e;background-color:var(--success-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.protocol-log{background-color:#f4f4f5;background-color:var(--bg-tertiary);border-radius:.5rem;margin-top:1.5rem;max-height:200px;overflow-y:auto;padding:1rem;text-align:left}.log-entry{color:#71717a;color:var(--text-secondary);font-family:Courier New,monospace;font-size:.75rem;margin-bottom:.25rem}.chat-container{background-color:#fafafa;background-color:var(--bg-secondary);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;max-width:900px;overflow:hidden;width:100%}.chat-header{align-items:center;background-color:#f4f4f5;background-color:var(--bg-tertiary);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.chat-info{display:flex;flex-direction:column;gap:.25rem}.chat-room{color:#18181b;color:var(--text-primary);font-size:1.125rem;font-weight:600}.chat-status{align-items:center;color:#71717a;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.encryption-indicator{background-color:#22c55e;background-color:var(--success-color);color:#fff;cursor:pointer}.encryption-indicator:hover{background-color:#059669;box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md);transform:scale(1.05)}.messages-container{background-color:#fff;background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.message{animation:slideIn .3s ease;display:flex;margin-bottom:.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own{justify-content:flex-end}.message-content{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;max-width:70%}.message.own .message-content{align-items:flex-end}.message-header{align-items:center;color:#71717a;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem}.message.own .message-header{flex-direction:row-reverse}.message-username{font-weight:600}.message-time{color:#a1a1aa;color:var(--text-muted)}.message-bubble{word-wrap:break-word;background-color:#fafafa;background-color:var(--bg-secondary);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:1rem;color:#18181b;color:var(--text-primary);padding:.75rem 1rem;position:relative}.message.own .message-bubble{background-color:#6366f1;background-color:var(--accent-color);border-color:#6366f1;border-color:var(--accent-color);box-shadow:0 2px 4px #6366f133;color:#fff}.message-input-container{background-color:#f4f4f5;background-color:var(--bg-tertiary);border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem 1.5rem 2rem}.message-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:.5rem;color:#18181b;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;padding:.75rem 1rem;resize:none}.message-input:focus{border-color:#6366f1;border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f126;outline:none}.send-button{align-items:center;background-color:#6366f1;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:3rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:3rem}.send-button:hover:not(:disabled){background-color:#4f46e5;background-color:var(--accent-hover);box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md);transform:scale(1.1)}.send-button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:#a1a1aa;background:var(--text-muted);border:2px solid #fafafa;border:2px solid var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#71717a;background:var(--text-secondary)}.spinner{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;display:inline-block;height:1rem;width:1rem}.security-tooltip-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.security-tooltip{animation:slideInUp .2s ease;background-color:#fafafa;background-color:var(--bg-secondary);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:80vh;max-width:450px;overflow-y:auto;width:90vw}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.security-tooltip-header{align-items:center;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.5rem 1.5rem 1rem}.security-tooltip-icon{color:#22c55e;color:var(--success-color);font-size:1.5rem}.security-tooltip-header h3{color:#18181b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.security-tooltip-content{padding:1.5rem}.security-detail{align-items:flex-start;border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;padding:.5rem 0}.security-detail:last-child{border-bottom:none}.security-detail label{color:#71717a;color:var(--text-secondary);flex-shrink:0;font-size:.875rem;font-weight:500;margin-right:1rem}.security-value{color:#18181b;color:var(--text-primary);font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem;text-align:right;word-break:break-all}.security-status.connected{color:#22c55e;color:var(--success-color);font-weight:600}.security-status.disconnected{color:#ef4444;color:var(--error-color);font-weight:600}.security-separator{background-color:#e4e4e7;background-color:var(--border-color);height:1px;margin:1rem 0 .5rem}.security-section-title{color:#18181b;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.75rem;text-transform:uppercase}.security-tooltip-footer{background-color:#f4f4f5;background-color:var(--bg-tertiary);border-radius:0 0 .75rem .75rem;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color);padding:1rem 1.5rem}.security-tooltip-footer small{align-items:center;color:#a1a1aa;color:var(--text-muted);display:flex;font-size:.75rem;gap:.25rem;justify-content:center}.password-input-wrapper{position:relative}.password-toggle-btn{align-items:center;background:none;border:none;color:#71717a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;padding:.5rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle-btn:hover{color:#6366f1;color:var(--accent-color)}.input-with-validation{position:relative}.validation-icon{font-size:1rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.validation-icon.valid{color:#22c55e;color:var(--success-color)}.validation-icon.invalid{color:#ef4444;color:var(--error-color)}.form-input.valid{border-color:#22c55e;border-color:var(--success-color)}.form-input.invalid{border-color:#ef4444;border-color:var(--error-color)}.validation-message{font-size:.75rem;margin-top:.25rem}.validation-message.valid{color:#22c55e;color:var(--success-color)}.validation-message.invalid{color:#ef4444;color:var(--error-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}.keyboard-hint{color:#a1a1aa;color:var(--text-muted);margin-top:1rem;text-align:center}.keyboard-hint small{font-size:.75rem}.copy-room-btn{background:none;border:none;border-radius:.25rem;color:#6366f1;color:var(--accent-color);cursor:pointer;font-size:.875rem;margin-left:.5rem;padding:.25rem .5rem;transition:all .2s ease}.copy-room-btn:hover{background-color:#f4f4f5;background-color:var(--bg-tertiary);transform:scale(1.1)}.empty-chat-state{align-items:center;color:#71717a;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.empty-icon{color:#6366f1;color:var(--accent-color);font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-chat-state h3{color:#18181b;color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-chat-state p{font-size:.875rem;margin:.25rem 0}.sent-indicator{color:#22c55e;color:var(--success-color);font-size:.75rem;margin-left:.25rem}.scroll-to-bottom{background-color:#6366f1;background-color:var(--accent-color);border:none;border-radius:1.5rem;bottom:1rem;box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);transition:all .2s ease;z-index:10}.scroll-to-bottom:hover{background-color:#4f46e5;background-color:var(--accent-hover);transform:translateX(-50%) scale(1.05)}.message-input-wrapper{display:flex;flex:1 1;flex-direction:column;position:relative}.message-size-indicator{bottom:-1.25rem;color:#a1a1aa;color:var(--text-muted);font-size:.7rem;position:absolute;right:.5rem}.message-size-indicator.warning{color:#ef4444;color:var(--error-color);font-weight:600}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background-color:#fafafa;background-color:var(--bg-secondary);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:#18181b;color:var(--text-primary);font-size:1.25rem;margin:0 0 1rem}.modal-content p{color:#71717a;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-secondary{background-color:#f4f4f5;background-color:var(--bg-tertiary);border:1px solid #e4e4e7;border:1px solid var(--border-color);color:#18181b;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#e4e4e7;background-color:var(--border-color)}.btn-danger{background-color:#ef4444;background-color:var(--error-color);border:none;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}@media (max-width:768px){.app-header{padding:1rem}.app-title{font-size:1.25rem}.protocol-container,.setup-container{margin:0 1rem;padding:1.5rem}.chat-container{border-radius:0;height:calc(100vh - 60px)}.message-content{max-width:85%}.message-size-indicator{font-size:.65rem}}
/*# sourceMappingURL=main.da8bfc45.css.map*/