body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--vh:1vh}body,html{height:100%;height:100vh;height:calc(var(--vh, 1vh)*100);height:100dvh;height:-webkit-fill-available;margin:0;overflow-x:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;min-height:-webkit-fill-available}.App{display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available;overflow:hidden;position:relative;width:100vw}button{cursor:pointer}:root{--primary-color:#3498db;--secondary-color:#2c3e50;--light-color:#ecf0f1;--dark-color:#2c3e50;--success-color:#2ecc71;--warning-color:#f1c40f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-version-toggle{position:fixed;right:10px;top:10px;z-index:1000}.chat-version-toggle button{background-color:#4caf50;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.chat-version-toggle button:hover{background-color:#45a049}.chat-version-toggle button:active{background-color:#3e8e41;box-shadow:0 1px 3px #0003;transform:translateY(1px)}:root{--primary-color:#25d366;--primary-hover:#128c4b;--secondary-color:#34b7f1;--secondary-hover:#27ae60;--danger-color:#e74c3c;--danger-hover:#c0392b;--bg-color:#fff;--bg-color-secondary:#f5f5f5;--bg-chat:#e5ded8;--sidebar-bg:#fff;--sidebar-bg-secondary:#f5f5f5;--sidebar-border:#ddd;--sidebar-item-hover:#f0f0f0;--sidebar-item-active:#e6f7ef;--text-color:#333;--text-color-secondary:#666;--text-color-light:#888;--text-color-sidebar:#333;--text-color-sidebar-secondary:#666;--text-muted:#999;--bubble-sent:#d9fdd3;--bubble-received:#fff;--bubble-system:#f2f2f2;--border-color:#ddd;--shadow-color:#0000001a;--overlay-color:#00000080;--input-bg:#fff;--input-text:#333;--input-border:#ddd;--input-placeholder:#999;--input-focus-border:#25d366;--modal-bg:#fff;--modal-overlay:#00000080;--card-bg:#f9f9f9;--card-border:#e0e0e0;--card-hover:#f0f0f0;--panel-bg:#fff;--panel-header-bg:#f5f5f5;--tab-active-bg:#25d366;--tab-active-text:#fff;--tab-inactive-bg:#f0f0f0;--tab-inactive-text:#666;--divider-color:#e0e0e0;--badge-bg:#e0e0e0;--badge-text:#333;--tooltip-bg:#333;--tooltip-text:#fff;--scrollbar-thumb:#0003;--scrollbar-thumb-hover:#00000059;--scrollbar-track:#0000;--typing-bubble-bg:#fffffff2;--typing-bubble-border:#e0e0e0;--typing-bubble-text:#333;--header-bg:#fff;--header-border:#e0e0e0;--chat-wallpaper:url(/static/media/bg.051a44f54e84ecd8f120.jpg);--chat-wallpaper-dark:url(/static/media/dark_bg_dark.3f66a65dceebfc7f8b1c.jpg);--pc-form-height:65px;--pc-typing-height:15px}[data-theme=dark]{--primary-color:#4299e1;--primary-hover:#63b3ed;--secondary-color:#48bb78;--secondary-hover:#68d391;--danger-color:#f56565;--danger-hover:#fc8181;--bg-color:#1a1a1a;--bg-color-secondary:#2d2d2d;--bg-chat:#222;--sidebar-bg:#1a202c;--sidebar-bg-secondary:#2d3748;--sidebar-border:#4a5568;--sidebar-item-hover:#364154;--sidebar-item-active:#3182ce;--text-color:#f7fafc;--text-color-secondary:#cbd5e0;--text-color-light:#a0aec0;--text-color-sidebar:#f7fafc;--text-color-sidebar-secondary:#cbd5e0;--text-muted:#718096;--bubble-sent:#1c3a13;--bubble-received:#2d3748;--bubble-system:#4a5568;--border-color:#444;--shadow-color:#0006;--overlay-color:#000000b3;--input-bg:#2d3748;--input-text:#f7fafc;--input-border:#4a5568;--input-placeholder:#718096;--input-focus-border:#4299e1;--modal-bg:#1e1e1e;--modal-overlay:#000c;--card-bg:#2d2d2d;--card-border:#444;--card-hover:#3a3a3a;--panel-bg:#1e1e1e;--panel-header-bg:#2d2d2d;--tab-active-bg:#3182ce;--tab-active-text:#fff;--tab-inactive-bg:#2d3748;--tab-inactive-text:#a0aec0;--divider-color:#4a5568;--badge-bg:#4a5568;--badge-text:#f7fafc;--tooltip-bg:#2d3748;--tooltip-text:#f7fafc;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff40;--scrollbar-track:#0000;--typing-bubble-bg:#2d3748f2;--typing-bubble-border:#4a5568;--typing-bubble-text:#e2e8f0;--header-bg:#1a202c;--header-border:#4a5568;--chat-wallpaper:url(/static/media/dark_bg_dark.3f66a65dceebfc7f8b1c.jpg)}[data-theme=dark] body{background-color:var(--bg-color);color:var(--text-color)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=dark] *{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--input-placeholder)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--input-focus-border)}::selection{background-color:var(--primary-color);color:#fff}[data-theme=dark] ::selection{background-color:var(--primary-color);color:#fff}[data-theme=dark] button{color:var(--text-color)}[data-theme=dark] hr{border-color:var(--divider-color)}[data-theme=dark] a{color:var(--primary-color)}html.theme-transition,html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:background-color .3s ease,color .2s ease,border-color .3s ease,box-shadow .3s ease!important}[data-theme=dark] .sidebar{background-color:var(--sidebar-bg);border-right-color:var(--sidebar-border)}[data-theme=dark] .user-info{background-color:var(--sidebar-bg-secondary);border-bottom-color:var(--sidebar-border)}[data-theme=dark] .rooms-section{border-color:var(--sidebar-border)}[data-theme=dark] .rooms-section h3,[data-theme=dark] .users-section h3{color:var(--text-color-light)}[data-theme=dark] .room-list li:hover,[data-theme=dark] .user-list li:hover{background-color:var(--sidebar-item-hover)}[data-theme=dark] .room-list li.active,[data-theme=dark] .user-list li.active{background-color:var(--sidebar-item-active)}[data-theme=dark] .desktop-room-card{border-color:var(--sidebar-border)}[data-theme=dark] .desktop-room-card:hover{background-color:var(--sidebar-item-hover);border-color:var(--border-color)}[data-theme=dark] .desktop-room-card.active{background-color:var(--sidebar-item-active);border-color:var(--sidebar-item-active)}[data-theme=dark] .desktop-room-name{color:var(--text-color-secondary)}[data-theme=dark] .desktop-room-card.active .desktop-room-name{color:#fff}[data-theme=dark] .desktop-room-online,[data-theme=dark] .desktop-room-settings-btn{color:var(--text-color-light)}[data-theme=dark] .desktop-room-settings-btn:hover{background:#ffffff14;color:var(--text-color)}[data-theme=dark] .new-room-form input{background-color:var(--sidebar-bg-secondary);border-color:var(--sidebar-border);color:var(--text-color)}[data-theme=dark] .new-room-form input::placeholder{color:var(--text-color-light)}[data-theme=dark] .new-room-form input:focus{background-color:var(--sidebar-bg)}[data-theme=dark] .chat-main{background-color:var(--bg-chat)}[data-theme=dark] .main-content-input-button{color:var(--text-color-light)}[data-theme=dark] .main-content-input-button:hover{background-color:#ffffff1a;color:var(--text-color)}[data-theme=dark] .main-content-input-button.send{background-color:var(--primary-color);color:#fff}[data-theme=dark] .main-content-input-button.send:hover{background-color:var(--primary-hover)}[data-theme=dark] .text-node-component{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-color)}[data-theme=dark] .text-node-component::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}[data-theme=dark] .text-node-component::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=dark] .text-node-component:focus{border-color:var(--input-focus-border)}[data-theme=dark] .text-node-component:empty:before{color:var(--input-placeholder)}[data-theme=dark] .profile-container{background-color:var(--bg-color)}[data-theme=dark] .profile-container h2{border-bottom-color:var(--primary-color);color:var(--text-color)}[data-theme=dark] .profile-info{background-color:var(--bg-color-secondary)}[data-theme=dark] .info-group{border-bottom-color:var(--divider-color)}[data-theme=dark] .info-group label{color:var(--text-color-light)}[data-theme=dark] .info-group span{color:var(--text-color)}[data-theme=dark] .password-form{background-color:var(--bg-color-secondary)}[data-theme=dark] .password-form h3{border-bottom-color:var(--divider-color);color:var(--text-color)}[data-theme=dark] .help-text{color:var(--text-color-light)}[data-theme=dark] .profile-error{background-color:#e53e3e26;border-left-color:var(--danger-color);color:var(--danger-color)}[data-theme=dark] .profile-success{background-color:#48bb7826;border-left-color:var(--secondary-color);color:var(--secondary-color)}[data-theme=dark] .theme-button{color:var(--text-color)}[data-theme=dark] .theme-button,[data-theme=dark] .wallpaper-container{background-color:var(--bg-color-secondary);border-color:var(--border-color)}[data-theme=dark] .wallpaper-option-label{color:var(--text-color)}[data-theme=dark] .wallpaper-upload-button{background-color:var(--panel-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .sidebar-content{background-color:var(--sidebar-bg)}[data-theme=dark] .typing-indicator,[data-theme=dark] .typing-indicator-bar{background-color:var(--typing-bubble-bg);color:var(--text-color-light)}[data-theme=dark] .context-menu{background-color:var(--card-bg);border-color:var(--border-color);box-shadow:0 4px 20px #0006}[data-theme=dark] .context-menu-item{color:var(--text-color)}[data-theme=dark] .context-menu-item:hover{background-color:var(--sidebar-item-hover)}[data-theme=dark] .context-menu-divider{border-color:var(--divider-color)}[data-theme=dark] .system-message{background-color:var(--bubble-system);color:var(--text-color-secondary)}[data-theme=dark] .loader{color:var(--text-color)}[data-theme=dark] .desktop-online-users-container{background-color:var(--sidebar-bg);border-left-color:var(--sidebar-border)}[data-theme=dark] .tooltip,[data-theme=dark] [data-tooltip]:after{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .desktop-modal-content,[data-theme=dark] .modal-content{background-color:var(--modal-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .modal-header{border-bottom-color:var(--divider-color);color:var(--text-color)}[data-theme=dark] .modal-body{background-color:var(--modal-bg)}[data-theme=dark] .tab-bar,[data-theme=dark] .tabs{background-color:var(--bg-color-secondary);border-bottom-color:var(--divider-color)}[data-theme=dark] .tab-btn,[data-theme=dark] .tab-item{color:var(--text-color-secondary)}[data-theme=dark] .tab-btn.active,[data-theme=dark] .tab-item.active{background-color:var(--tab-active-bg);color:var(--primary-color)}[data-theme=dark] .badge,[data-theme=dark] .notification-badge{background-color:var(--danger-color);color:#fff}[data-theme=dark] .recording-time{color:var(--danger-color)}[data-theme=dark] .image-uploader-title{background-color:var(--bg-color-secondary);border-bottom-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .image-uploader-title .media-button{background-color:var(--sidebar-item-hover);color:var(--text-color)}[data-theme=dark] .image-uploader-title .media-button:hover{background-color:var(--border-color)}[data-theme=dark] .profile-header{color:var(--text-color)}[data-theme=dark] .private-chat-indicator{color:var(--primary-color)}[data-theme=dark] .message.received .ChatVideoMessage{background-color:#ffffff14}.custom-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.custom-modal{background-color:#fff;background-color:var(--bg-color,#fff);border-radius:12px;box-shadow:0 8px 32px #00000040;max-width:400px;min-width:300px;overflow:hidden;width:90%}.custom-modal-header{align-items:center;background-color:#f5f5f5;background-color:var(--bg-color-secondary,#f5f5f5);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);display:flex;justify-content:space-between;padding:16px 20px}.custom-modal-header h3{color:#333;color:var(--text-color,#333);font-size:16px;font-weight:600;margin:0}.custom-modal-header .close-btn{background:none;border:none;color:#999;color:var(--text-color-light,#999);cursor:pointer;font-size:22px;line-height:1;padding:0 4px}.custom-modal-header .close-btn:hover{color:#e74c3c;color:var(--danger-color,#e74c3c)}.custom-modal-body{padding:20px}.custom-modal-body .btn-danger,.custom-modal-body .btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:opacity .2s;width:100%}.custom-modal-body .btn-primary{background-color:#3498db;color:#fff}.custom-modal-body .btn-primary:hover{opacity:.85}.custom-modal-body .btn-danger{background-color:#e74c3c;color:#fff}.custom-modal-body .btn-danger:hover{opacity:.85}[data-theme=dark] .image-uploader{background-color:var(--bg-color);box-shadow:0 4px 25px #00000080}[data-theme=dark] .image-uploader-buttons div{color:var(--text-color)}.NotificationToast_toast__LueR1{animation:NotificationToast_toast-in__AR6hP .3s cubic-bezier(.4,0,.2,1);border-radius:12px;box-shadow:0 4px 24px #00000021;color:#fff;font-size:16px;font-weight:600;left:16px;max-width:90vw;min-width:220px;opacity:1;padding:14px 28px;pointer-events:none;position:fixed;top:62px;transition:opacity .3s;z-index:99999}.NotificationToast_success__97KrM{background:linear-gradient(90deg,#25d366 80%,#128c4b)}.NotificationToast_error__-rmXX{background:linear-gradient(90deg,#e75480 80%,#c0392b)}.NotificationToast_info__W4QJl{background:linear-gradient(90deg,#4a90e2 80%,#357ab8)}@keyframes NotificationToast_toast-in__AR6hP{0%{opacity:0;transform:translateY(-24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=main.dc2d09b4.css.map*/