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}.login-page-background{align-items:center;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background-color:#fffffff7;border-radius:15px;box-shadow:0 10px 25px #00000014;margin:0 auto;max-width:450px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.login-form{padding:25px;text-align:center}.logo-container{display:flex;justify-content:center;margin-bottom:15px}.login-logo{height:50px;object-fit:contain;width:auto}.app-title{border-bottom:1px solid #eaeaea;color:#4a4a4a;display:flex;flex-direction:column;gap:4px;margin-bottom:25px;padding-bottom:15px;text-align:center}.primary-title{color:#333;font-size:26px;font-weight:700}.secondary-title{color:#666;font-size:18px;font-weight:500}.form-group{margin-bottom:25px;position:relative}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:10px;text-align:left}.form-group input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:18px;padding:15px;transition:all .2s ease;width:100%}.form-group input:focus{background-color:#fff;border-color:#4e9cff;box-shadow:0 0 0 3px #4e9cff26;outline:none}.gender-selection{gap:15px;margin:20px 0}.gender-option,.gender-selection{display:flex;justify-content:center}.gender-option{align-items:center;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;gap:8px;padding:15px;transition:all .3s ease}.gender-option i{font-size:18px}.gender-option.male{background-color:#e6f2ff;border:1px solid #cce5ff;color:#06c}.gender-option.female{background-color:#ffebf5;border:1px solid #ffd1ec;color:#c39}.gender-option.male.selected{background-color:#06c;border-color:#0052a3;box-shadow:0 4px 12px #06c3;color:#fff;transform:scale(1.02)}.gender-option.female.selected{background-color:#c39;border-color:#a3297a;box-shadow:0 4px 12px #c393;color:#fff;transform:scale(1.02)}.gender-option:hover:not(.selected){transform:translateY(-2px)}.gender-option.male:hover:not(.selected){background-color:#d1e7ff}.gender-option.female:hover:not(.selected){background-color:#ffddf0}.primary-button{background-color:#ff6b6b;border:none;border-radius:8px;box-shadow:0 4px 10px #ff6b6b33;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease;width:100%}.primary-button:hover{background-color:#ff5252;box-shadow:0 6px 15px #ff6b6b40;transform:translateY(-2px)}.primary-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.secondary-button{background-color:#f0f0f0;border:none;border-radius:8px;color:#555;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;padding:15px 20px;transition:all .3s ease;width:100%}.secondary-button:hover{background-color:#e5e5e5;transform:translateY(-2px)}.giris-yap-btn{margin-top:20px}.error-message{background-color:#e539351a;color:#e53935;font-weight:500;padding:12px;text-align:center}.error-message,.username-display{border-radius:8px;margin-bottom:18px}.username-display{align-items:center;background-color:#f8f9fa;border:1px solid #eaeaea;display:flex;justify-content:space-between;padding:12px 15px}.username-display span{color:#333;font-weight:600}.back-button{background-color:initial;border:none;color:#4285f4;cursor:pointer;font-size:14px;padding:5px 10px;transition:all .2s ease}.back-button:hover{color:#1a73e8;text-decoration:underline}.button-group{display:flex;flex-direction:column;gap:12px}.login-info{color:#777;font-size:14px;margin-top:22px;text-align:center}.guest-login-info{background-color:#f8f9fa;border-radius:8px;color:#777;font-size:13px;font-style:italic;margin-top:15px;padding:10px;text-align:center}.login-footer{border-top:1px solid #eaeaea;margin-top:35px;padding-top:18px}.footer-links{display:flex;gap:25px;justify-content:center;margin-bottom:15px}.footer-links span{border:1px solid #0000;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.footer-links span:hover{background-color:#fff;border:1px solid #ffcdd2;box-shadow:0 4px 8px #ff6b6b26;color:#ff6b6b;text-decoration:none;transform:translateY(-2px)}.footer-content{color:#999;font-size:12px;text-align:center}.modal-overlay{align-items:center;background-color:#0009;display:flex;justify-content:center;padding:20px;transition:opacity .15s linear;will-change:opacity;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:85vh;max-width:600px;overflow-y:auto;transform:translateY(0);transition:transform .2s ease;width:100%;will-change:transform}.char-limit-modal{max-width:400px}.modal-header{background-color:#f9f9f9;border-bottom:1px solid #eaeaea;padding:18px 20px}.modal-header h3{color:#333;font-size:18px;margin:0}.modal-body{color:#555;font-size:15px;line-height:1.6;padding:25px}.modal-body h4,.modal-body h5{color:#333;margin-bottom:12px;margin-top:18px}.modal-body p{margin-bottom:15px}.modal-body ol,.modal-body ul{margin-bottom:15px;margin-left:20px}.modal-body li{margin-bottom:8px}.modal-footer{border-top:1px solid #eaeaea;padding:15px 20px;text-align:right}.modal-button{background-color:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-button:hover{background-color:#ff5252;box-shadow:0 4px 8px #ff6b6b33;transform:translateY(-2px)}@media screen and (max-width:576px){.login-container{max-width:100%}.modal-content{max-height:90vh;max-width:95%}.login-form{padding:20px 15px}.app-title{font-size:20px}.footer-links{flex-direction:row;flex-wrap:wrap;gap:15px}.gender-selection{flex-direction:column;gap:10px}.gender-option{padding:12px}}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2")}:root{--primary-color:#25d366;--primary-hover:#128c4b;--secondary-color:#34b7f1;--secondary-hover:#27ae60;--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;--bubble-sent:#d9fdd3;--bubble-received:#fff;--bubble-system:#f2f2f2;--border-color:#ddd;--shadow-color:#0000001a;--overlay-color:#00000080;--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;--bubble-sent:#1c3a13;--bubble-received:#2d3748;--bubble-system:#4a5568;--border-color:#444;--shadow-color:#0000004d;--overlay-color:#000000b3;--chat-wallpaper:url(/static/media/dark_bg_dark.3f66a65dceebfc7f8b1c.jpg)}.chat-container{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar-content{flex-shrink:0;transition:transform .3s ease;width:300px}.sidebar-content.profile-viewing .profile-menu{display:none}.sidebar{background-color:#2c3e50;border-right:1px solid #34495e;color:#fff;display:flex;flex-direction:column;width:280px}.user-info{align-items:center;background-color:#34495e;border-bottom:1px solid #2c3e50;display:flex;padding:20px}.avatar{cursor:pointer;font-size:24px;margin-right:10px}.username{cursor:pointer;flex:1 1;font-weight:600;position:relative}.guest-tag{background-color:#e74c3c;border-radius:3px;color:#fff;font-size:11px;margin-left:5px;padding:2px 5px;position:relative;top:-1px}.guest-status{color:#e74c3c;font-weight:600}.member-status{color:#2ecc71;font-weight:600}.logout-btn{background-color:#ef5350;border:none;border-radius:4px;cursor:pointer;margin-left:auto;padding:6px 12px}.admin-btn,.logout-btn{color:#fff;font-size:.8rem;transition:background-color .2s}.admin-btn{background-color:#4caf50;display:inline-block;margin-right:8px;text-decoration:none}.admin-btn:hover{background-color:#388e3c}.logout-btn:hover{background-color:#e53935}.rooms-section,.users-section{flex:1 1;overflow-y:auto;padding:15px}.rooms-section h3,.users-section h3{color:#95a5a6;font-size:14px;margin-bottom:10px;margin-top:0;text-transform:uppercase}.room-list,.user-list{list-style-type:none;margin:0;padding:0}.room-list li,.user-list li{border-radius:4px;cursor:pointer;font-size:15px;margin-bottom:2px;padding:8px 5px;transition:background-color .2s}.room-list li:hover,.user-list li:hover{background-color:#34495e}.room-list li.active,.user-list li.active{background-color:#3498db}.new-room-form{display:flex;margin-top:10px}.new-room-form input{background-color:#34495e;border:1px solid #34495e;border-radius:4px 0 0 4px;color:#fff;flex:1 1;padding:8px}.new-room-form input::placeholder{color:#95a5a6}.new-room-form input:focus{background-color:#2c3e50;outline:none}.new-room-form button{background-color:#3498db;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;width:30px}.new-room-form button:hover{background-color:#2980b9}.chat-main{background-color:#ecf0f1;display:flex;flex:1 1;flex-direction:column;height:100vh;order:1;position:relative;transition:flex .3s ease}.chat-header{background-color:#fff;background-color:var(--bg-color);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-color);font-weight:600;padding:15px 20px}.private-chat-indicator{color:#2980b9}.profile-header{color:#2c3e50}.message-container{background-image:url(/static/media/bg.051a44f54e84ecd8f120.jpg);background-image:var(--chat-wallpaper);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1;height:calc(100vh - 150px);overflow-y:auto;padding:0 0 25px;scroll-behavior:smooth}.message,.message-container{display:flex;flex-direction:column}.message{margin-bottom:12px;max-width:80%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message.system{align-self:center;max-width:60%}.message-user{color:#34495e;font-size:13px;font-weight:600;margin-bottom:2px}.message-content{align-items:flex-end;border:1px solid #00000014;border-radius:16px;padding:6px 8px 6px 12px;position:relative}.message-content span{flex:1 1;padding:2px 0}.message.sent .message-content{background-color:#3498db;border:1px solid #ffffff0d;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background-color:#fff;border:1px solid #0000000d;border-bottom-left-radius:4px;color:#2c3e50}.message.system .message-content{background-color:#f1c40f;border:1px solid #0000000d;border-radius:10px;color:#2c3e50;font-size:14px;text-align:center}.message-time{align-self:flex-end;font-size:11px;margin-left:8px;min-width:35px;opacity:.7;padding-bottom:1px;white-space:nowrap}.message-form{background-color:#fff;background-color:var(--bg-color);border-top:1px solid #ddd;border-top:1px solid var(--border-color);left:0;min-height:65px;min-height:var(--pc-form-height);padding:0;position:relative;width:100%;z-index:990}.main-content-input-area-container{display:flex;flex-direction:column;position:relative}.main-content-input-area{align-items:center;background-color:#f5f5f5;background-color:var(--bg-color-secondary);border-radius:0;display:flex;padding:6px 5px}.main-content-input-button{align-items:center;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s,color .2s;width:36px}.main-content-input-button:hover{background-color:#e0e0e0;color:#2c3e50}.main-content-input-button.recording{animation:pulse 1.5s infinite;color:#e74c3c}.main-content-input-button.shrink{font-size:.9em}.main-content-input-button.send{background-color:#3498db;color:#fff}.main-content-input-button.send:hover{background-color:#2980b9}.text-node-component-wrapper{flex:1 1;margin:0 10px}.text-node-component{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:text;max-height:120px;min-height:36px;overflow-y:auto;padding:8px;word-break:break-word}.text-node-component:focus{border-color:#3498db;outline:none}.text-node-component:empty:before{color:#999;content:attr(data-placeholder);font-style:italic;pointer-events:none}.recording-time{color:#e74c3c;font-size:12px;margin-left:5px}.emoji-area{background-color:#fff;border-radius:10px;bottom:80px;box-shadow:0 2px 15px #0000001a;left:0;overflow:hidden;position:absolute;width:100%;z-index:990}@media (max-width:768px){.emoji-area{animation:fadeInUp .2s ease-in-out;transform:translateY(0)}.emoji-area,.mobile-emoji-area{border-radius:0;bottom:60px;box-shadow:0 -2px 10px #0000001a;height:40vh;left:0;max-height:40vh;max-width:100%;position:fixed;right:0;width:100%;z-index:15}.mobile-emoji-area{margin:0}}@media (min-width:769px){.sidebar-container{max-width:360px;min-width:360px;width:360px}}.emoji-selection-menu{background-color:#f0f2f5;border-bottom:1px solid #eee;display:flex;padding:8px 10px}.emoji-selection-item{border-radius:15px;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 12px;transition:all .2s ease}.emoji-selection-item.active{background-color:#3498db;color:#fff}.emoji-selection-item:hover:not(.active){background-color:#3498db1a}.emoji-content-wrapper{box-sizing:border-box;flex:1 1;max-height:220px;overflow-x:hidden;overflow-y:auto;padding:5px;width:100%}.emoji-content{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start;width:100%}.emoji-content-item{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;margin:0;transition:background-color .2s;width:34px}.emoji-content-item:hover{background-color:#f5f5f5}.emoji-tabs{border-bottom:1px solid #eee;display:flex;overflow-x:auto;padding:6px 8px;white-space:nowrap}.emoji-tab{border-radius:15px;cursor:pointer;font-size:13px;margin-right:5px;padding:6px 12px;transition:background-color .2s}.emoji-tab.active{font-weight:500}.emoji-tab.active,.emoji-tab:hover{background-color:#f5f5f5}.emoji-tab i{margin-right:5px}.emoji-placeholder{align-items:center;color:#95a5a6;display:flex;font-size:14px;height:150px;justify-content:center}.input-audio-container{background-color:#f5f5f5;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:10px;overflow:hidden;position:relative;width:100%}[data-theme=dark] .input-audio-container{background-color:#ffffff0d}.input-audio-container audio{display:none}.input-audio-progress{background-color:#e74c3c26;height:100%;left:0;position:absolute;top:0;transition:width .3s;z-index:0}.input-audio-progress.uploading{animation:move-stripes 2s linear infinite;background-color:#2ecc7126;background-image:linear-gradient(45deg,#2ecc7133 25%,#2ecc714d 0,#2ecc714d 50%,#2ecc7133 0,#2ecc7133 75%,#2ecc714d 0,#2ecc714d);background-size:40px 40px}@keyframes move-stripes{0%{background-position:0 0}to{background-position:40px 0}}.input-audio-content{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;padding:12px 15px;position:relative;width:100%;z-index:1}.input-audio-content-progress{align-items:center;color:#e74c3c;display:flex;flex:1 1 auto;font-weight:500;min-width:0;overflow:hidden}.input-audio-content-progress.uploading{color:#2ecc71}.input-audio-content-progress i{animation:pulse 1.5s infinite;flex-shrink:0;margin-right:8px}.input-audio-content-timer{color:#7f8c8d;flex-shrink:0;font-size:14px;font-weight:500;margin:0 10px;white-space:nowrap}.area-buttons{align-items:center;display:flex;flex-shrink:0;gap:8px}.main-content-input-button.stop{background-color:#e74c3c;color:#fff}.main-content-input-button.stop:hover{background-color:#c0392b}.main-content-input-button.send.disabled,.main-content-input-button.send:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.image-uploader-wrapper{box-shadow:0 4px 25px #0003;left:50%;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:999}.image-uploader{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.image-uploader-center{align-items:center;display:flex;flex-direction:column;gap:15px;padding:20px}.select-button{background-color:#f5f5f5;border-radius:6px;cursor:pointer;max-width:300px;padding:12px;text-align:center;transition:background-color .2s;width:100%}.select-button:hover{background-color:#e0e0e0}.select-button i{color:#3498db;margin-right:8px}.image-uploader-buttons{border-bottom:1px solid #eee;display:flex;padding:12px}.image-uploader-buttons div{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.image-uploader-buttons div:hover{background-color:#f5f5f5}.image-uploader-buttons div.primary{background-color:#3498db;color:#fff}.image-uploader-buttons div.primary:hover{background-color:#2980b9}.image-uploader-buttons div.primary.disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.image-uploader-loading-indicator{align-items:center;background-color:#2ecc711a;border-radius:4px;color:#2ecc71;display:flex;font-weight:500;margin-right:10px;padding:8px 12px}.image-uploader-loading-indicator i{margin-right:8px}.image-uploader-buttons.uploading{background-color:#2ecc711a}.h-spacer{flex:1 1}.image-uploader-image-container{background-color:#f9f9f9;display:flex;justify-content:center;max-height:300px;overflow:hidden;padding:15px}.image-uploader-image-wrapper{align-items:center;border-radius:6px;display:flex;justify-content:center;max-height:250px;max-width:100%;overflow:hidden;position:relative}.image-uploader-image-preview{max-height:250px;max-width:100%;object-fit:contain}.crop-grid{position:relative}.crop-grid-lines{background-image:linear-gradient(90deg,#ffffff80 1px,#0000 0),linear-gradient(180deg,#ffffff80 1px,#0000 0);background-size:33.33% 33.33%;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.selected-files-preview{border-top:1px dashed #ddd;display:flex;flex-wrap:wrap;padding:10px}.file-preview-item{margin:5px;position:relative}.file-preview-item img{object-fit:cover}.file-icon,.file-preview-item img{border:1px solid #ddd;border-radius:5px;height:80px;width:80px}.file-icon{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;font-size:12px;justify-content:center;padding:5px;text-align:center}.file-icon i{color:#3498db;font-size:24px;margin-bottom:5px}.remove-file{align-items:center;background-color:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:10px;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.recording-controls,.remove-file{display:flex;justify-content:center}.recording-controls{border-top:1px dashed #ddd;padding:10px}.stop-recording{align-items:center;background-color:#e74c3c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;padding:8px 15px}.stop-recording i{margin-right:5px}.audio-preview{align-items:center;border-top:1px dashed #ddd;display:flex;flex-direction:column;padding:10px}.audio-preview audio{margin-bottom:10px;max-width:300px;width:100%}.audio-controls{display:flex;gap:10px}.send-audio{background-color:#3498db}.cancel-audio,.send-audio{align-items:center;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;padding:8px 15px}.cancel-audio{background-color:#95a5a6}.cancel-audio i,.send-audio i{margin-right:5px}.radio-panel{animation:fadeIn .2s ease-in-out;background-color:#fff;border-radius:10px;bottom:70px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;position:absolute;right:15px;transform:translateY(-5px);width:300px;z-index:1010}.radio-panel-header{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 15px}.radio-panel-header h3{flex:1 1;font-size:16px;margin:0}.close-button,.minimize-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;margin-left:5px;width:25px}.minimize-button:hover{color:#3498db}.close-button:hover{color:#e74c3c}.radio-panel-content{max-height:300px;overflow-y:auto;padding:10px}.radio-station{align-items:center;background-color:#f9f9f9;border-radius:5px;display:flex;margin-bottom:10px;padding:10px}.radio-info{flex:1 1}.radio-name{font-weight:600;margin-bottom:3px}.radio-freq{color:#7f8c8d;font-size:12px}.radio-controls{align-items:center;display:flex}.play-button{background-color:#3498db;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;margin-right:10px;width:36px}.volume-slider{width:80px}.voice-chat-panel{animation:fadeIn .2s ease-in-out;background-color:#fff;border-radius:10px;bottom:70px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;position:absolute;right:15px;transform:translateY(-5px);width:300px;z-index:1010}.voice-chat-header{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 15px}.voice-chat-header h3{flex:1 1;font-size:16px;margin:0}.voice-chat-content{max-height:300px;overflow-y:auto;padding:10px}.voice-user{background-color:#f9f9f9;border-radius:5px;margin-bottom:10px;padding:10px}.voice-user,.voice-user-avatar{align-items:center;display:flex}.voice-user-avatar{background-color:#ddd;border-radius:50%;height:36px;justify-content:center;margin-right:10px;width:36px}.voice-user-name{flex:1 1;font-weight:600}.voice-status{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.voice-status.speaking{animation:pulse 1.5s infinite;color:#2ecc71}.voice-status.muted{color:#e74c3c}.voice-chat-controls{border-top:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.join-voice-chat,.leave-voice-chat{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;padding:8px 12px}.join-voice-chat{background-color:#2ecc71;color:#fff}.leave-voice-chat{background-color:#e74c3c;color:#fff}.join-voice-chat i,.leave-voice-chat i{margin-right:5px}.profile-container{background-color:#fff;flex:1 1;overflow-y:auto;padding:20px}.profile-container h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:24px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.profile-info{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:15px}.info-group{border-bottom:1px solid #eee;display:flex;margin-bottom:10px;padding-bottom:10px}.info-group:last-child{border-bottom:none}.info-group label{color:#7f8c8d;font-weight:600;width:120px}.info-group span{color:#2c3e50;flex:1 1}.password-form{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:15px}.password-form h3{border-bottom:1px solid #ddd;color:#2c3e50;font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.help-text{color:#7f8c8d;font-size:14px;margin-bottom:15px}.profile-error{background-color:#fdedeb;border-left:3px solid #e74c3c;color:#e74c3c}.profile-error,.profile-success{border-radius:4px;margin-bottom:15px;padding:10px}.profile-success{background-color:#edfaf1;border-left:3px solid #2ecc71;color:#2ecc71}.audio-message,.message .audio-message,.whatsapp-message-bubble .audio-message{background:#0000;border:none;border-radius:20px;margin-top:5px;max-width:300px;min-width:auto;padding:0;position:relative}[data-theme=dark] .audio-message,[data-theme=dark] .message .audio-message,[data-theme=dark] .whatsapp-message-bubble .audio-message{background:#0000;border:none}.audio-button-wrapper,.message .audio-button-wrapper,.whatsapp-message-bubble .audio-button-wrapper{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f9fafbf2);border:1.5px solid #0000001f;border-radius:24px;box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;gap:12px;min-width:180px;padding:8px 16px 8px 8px;position:relative;transition:all .3s ease}[data-theme=dark] .audio-button-wrapper,[data-theme=dark] .message .audio-button-wrapper,[data-theme=dark] .whatsapp-message-bubble .audio-button-wrapper{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1.5px solid #ffffff26;box-shadow:0 2px 12px #0000004d}.audio-button-wrapper:hover,.message .audio-button-wrapper:hover,.whatsapp-message-bubble .audio-button-wrapper:hover{border-color:#667eea66;box-shadow:0 4px 16px #667eea26;transform:translateY(-1px)}[data-theme=dark] .audio-button-wrapper:hover,[data-theme=dark] .message .audio-button-wrapper:hover,[data-theme=dark] .whatsapp-message-bubble .audio-button-wrapper:hover{border-color:#667eea80;box-shadow:0 4px 16px #667eea40}.audio-button,.message .audio-button,.whatsapp-message-bubble .audio-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 8px #667eea40,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:36px;outline:none;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px}.audio-button:before,.message .audio-button:before,.whatsapp-message-bubble .audio-button:before{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .25s ease}.audio-button:hover:before,.message .audio-button:hover:before,.whatsapp-message-bubble .audio-button:hover:before{opacity:1}.audio-button:hover,.message .audio-button:hover,.whatsapp-message-bubble .audio-button:hover{box-shadow:0 4px 16px #667eea66,inset 0 1px 0 #fff3;transform:scale(1.1)}.audio-button:active,.message .audio-button:active,.whatsapp-message-bubble .audio-button:active{transform:scale(.95)}.audio-button i,.message .audio-button i,.whatsapp-message-bubble .audio-button i{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:14px;margin-left:2px}.audio-button.playing i,.message .audio-button.playing i,.whatsapp-message-bubble .audio-button.playing i{margin-left:0}.audio-button.playing,.message .audio-button.playing,.whatsapp-message-bubble .audio-button.playing{box-shadow:0 0 0 3px #667eea26,0 4px 16px #667eea66}.audio-button-time,.message .audio-button-time,.whatsapp-message-bubble .audio-button-time{align-items:center;color:#000000bf;display:flex;flex:1 1;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:500;gap:6px;justify-content:flex-start;letter-spacing:.2px;line-height:1.2;white-space:nowrap}[data-theme=dark] .audio-button-time,[data-theme=dark] .message .audio-button-time,[data-theme=dark] .whatsapp-message-bubble .audio-button-time{color:#ffffffd9}.audio-button-time .current,.message .audio-button-time .current,.whatsapp-message-bubble .audio-button-time .current{font-feature-settings:"tnum";color:#667eea;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;min-width:38px}[data-theme=dark] .audio-button-time .current,[data-theme=dark] .message .audio-button-time .current,[data-theme=dark] .whatsapp-message-bubble .audio-button-time .current{color:#93c5fd}.audio-button-time>span:nth-child(2),.message .audio-button-time>span:nth-child(2),.whatsapp-message-bubble .audio-button-time>span:nth-child(2){color:#0000004d;font-weight:400}[data-theme=dark] .audio-button-time>span:nth-child(2),[data-theme=dark] .message .audio-button-time>span:nth-child(2),[data-theme=dark] .whatsapp-message-bubble .audio-button-time>span:nth-child(2){color:#fff6}.audio-button-time .duration,.message .audio-button-time .duration,.whatsapp-message-bubble .audio-button-time .duration{font-feature-settings:"tnum";color:#00000080;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;min-width:38px}[data-theme=dark] .audio-button-time .duration,[data-theme=dark] .message .audio-button-time .duration,[data-theme=dark] .whatsapp-message-bubble .audio-button-time .duration{color:#fff9}.message .audio-progress{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 12px 12px;bottom:0;height:3px;left:0;position:absolute;transition:width .1s linear}@keyframes pulse-play{0%,to{box-shadow:0 0 0 0 #667eea66,0 2px 8px #667eea40}50%{box-shadow:0 0 0 4px #667eea26,0 4px 16px #667eea66}}.audio-button.playing,.message .audio-button.playing,.whatsapp-message-bubble .audio-button.playing{animation:pulse-play 1.5s cubic-bezier(.4,0,.6,1) infinite}.whatsapp-message-row.sent .audio-button-wrapper{background:linear-gradient(135deg,#667eea1a,#764ba214);border:1.5px solid #667eea59;box-shadow:0 2px 12px #667eea1f}.whatsapp-message-row.sent .audio-button-wrapper:hover{border-color:#667eea80;box-shadow:0 4px 20px #667eea33}[data-theme=dark] .whatsapp-message-row.sent .audio-button-wrapper{background:linear-gradient(135deg,#667eea26,#764ba21f);border:1.5px solid #667eea66}.whatsapp-message-row.received .audio-button-wrapper{background:linear-gradient(135deg,#ecf0f1b3,#fffc);border:1.5px solid #bdc3c759;box-shadow:0 2px 12px #0000000f}.whatsapp-message-row.received .audio-button-wrapper:hover{border-color:#bdc3c780;box-shadow:0 4px 16px #0000001a}[data-theme=dark] .whatsapp-message-row.received .audio-button-wrapper{background:linear-gradient(135deg,#ffffff14,#ffffff0f);border:1.5px solid #fff3}.whatsapp-message-row.received .audio-button{background:linear-gradient(135deg,#8b95a6,#6c7a89);box-shadow:0 2px 8px #6c7a8940,inset 0 1px 0 #ffffff1a}.whatsapp-message-row.received .audio-button:hover{box-shadow:0 4px 16px #6c7a8959,inset 0 1px 0 #fff3}.whatsapp-message-row.received .audio-button.playing{box-shadow:0 0 0 3px #6c7a8926,0 4px 16px #6c7a8959}.message.sent .audio-button-wrapper{background:linear-gradient(135deg,#667eea1a,#764ba214);border:1.5px solid #667eea59;box-shadow:0 2px 12px #667eea1f}.message.sent .audio-button-wrapper:hover{border-color:#667eea80;box-shadow:0 4px 20px #667eea33}[data-theme=dark] .message.sent .audio-button-wrapper{background:linear-gradient(135deg,#667eea26,#764ba21f);border:1.5px solid #667eea66}.message.received .audio-button-wrapper{background:linear-gradient(135deg,#ecf0f1b3,#fffc);border:1.5px solid #bdc3c759;box-shadow:0 2px 12px #0000000f}.message.received .audio-button-wrapper:hover{border-color:#bdc3c780;box-shadow:0 4px 16px #0000001a}[data-theme=dark] .message.received .audio-button-wrapper{background:linear-gradient(135deg,#ffffff14,#ffffff0f);border:1.5px solid #fff3}.message.received .audio-button{background:linear-gradient(135deg,#8b95a6,#6c7a89);box-shadow:0 2px 8px #6c7a8940,inset 0 1px 0 #ffffff1a}.message.received .audio-button:hover{box-shadow:0 4px 16px #6c7a8959,inset 0 1px 0 #fff3}.message.received .audio-button.playing{box-shadow:0 0 0 3px #6c7a8926,0 4px 16px #6c7a8959}.fa-microphone{animation:pulse 1.5s infinite}@media (max-width:768px){.chat-container{flex-direction:column}.sidebar{height:auto;max-height:40vh;width:100%}.message-container{height:calc(60vh - 70px)}.rooms-section,.users-section{max-height:150px}.message{max-width:90%}.profile-container{padding:15px}.emoji-area{animation:fadeInUp .2s ease-in-out;position:absolute;transform:translateY(0)}.emoji-area,.mobile-emoji-area{border-radius:0;bottom:60px;box-shadow:0 -2px 10px #0000001a;height:40vh;left:0;max-height:40vh;max-width:100%;right:0;width:100%;z-index:15}.mobile-emoji-area{margin:0;position:fixed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content-input-area{flex-wrap:wrap}.message-form{left:0}}.ChatMessageImage{border-radius:8px;cursor:pointer;margin:5px 0;max-height:180px;max-width:180px;object-fit:contain}.message-error{color:#e74c3c;font-size:12px;margin-right:5px}.metadata{color:#7f8c8d;font-size:12px}.metadata .time{display:inline-block;margin-left:5px}.message-content{display:flex;flex-direction:column}.message-content br{margin-bottom:5px}.image-modal{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;overflow:auto;padding-top:50px;position:fixed;top:0;width:100%;z-index:1000}.image-modal-content{margin:auto;max-height:80vh;max-width:80%;padding:0;position:relative}.image-modal-content img{max-height:80vh;object-fit:contain;width:100%}.close-modal{color:#fff;cursor:pointer;font-size:35px;font-weight:700;position:absolute;right:15px;top:-40px}.gif-wrapper{display:flex;flex-direction:column;max-height:350px}.gif-search-container{border-bottom:1px solid #eee;display:flex;padding:10px}.gif-search-input{border:1px solid #ddd;border-radius:20px 0 0 20px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.gif-search-input:focus{border-color:#3498db}.gif-search-button{background-color:#3498db;border:none;border-radius:0 20px 20px 0;color:#fff;cursor:pointer;padding:8px 12px}.gif-content-wrapper{box-sizing:border-box;flex:1 1;margin:0 auto;max-height:320px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:10px;width:100%}.gif-content{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));width:100%}.gif-item{border-radius:4px;cursor:pointer;height:90px;overflow:hidden;position:relative;transition:transform .2s;width:100%}.gif-item:hover{box-shadow:0 2px 8px #0003;transform:scale(1.05);z-index:1}.gif-item img{height:100%;object-fit:cover;width:100%}.gif-footer{display:none}.gif-powered-by{align-items:center;color:#7f8c8d;display:flex;font-size:12px}.gif-powered-by img{height:16px;margin-left:6px}.gif-powered-text{opacity:.7}.gif-placeholder{align-items:center;color:#95a5a6;display:flex;font-size:14px;height:150px;justify-content:center}.gif-loading{color:#95a5a6;font-size:13px;padding:10px;text-align:center}@media (min-width:576px){.gif-content{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@media (min-width:768px){.gif-content{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (min-width:992px){.gif-content{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (min-width:1200px){.gif-content{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.primary.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-spinner.fa-spin{animation:spinner 1s linear infinite}.media-menu{animation:fadeIn .2s ease-in-out;background-color:#fff;border-radius:10px;bottom:40px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;position:absolute;right:15px;transform:translateY(-5px);width:100%;z-index:1010}.media-menu-title{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 15px}.media-menu-title span{flex:1 1;font-size:16px;font-weight:600;margin:0}.media-menu-item{align-items:center;cursor:pointer;display:flex;padding:12px 15px;transition:background-color .2s}.media-menu-item:hover{background-color:#f5f5f5}.media-menu-item i{color:#3498db;margin-right:10px;text-align:center;width:20px}.media-menu-divider{background-color:#eee;height:1px;margin:5px 0}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.ChatVideoMessage{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:5px 0;max-height:300px;max-width:100%}.message.sent .ChatVideoMessage{background-color:#3498db1a}.message.received .ChatVideoMessage{background-color:#ffffff80}.image-uploader-title{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #eee;color:#2c3e50;display:flex;font-weight:600;justify-content:space-between;padding:12px 15px}.image-uploader-title .media-button{align-items:center;background-color:#ecf0f1;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:400;padding:6px 10px}.image-uploader-title .media-button i{color:#3498db;margin-right:5px}.image-uploader-title .media-button:hover{background-color:#e0e0e0}.media-preview-container{background-color:#f7f7f7;margin:10px 0}.media-preview-container,.video-preview-wrapper{align-items:center;border-radius:8px;display:flex;justify-content:center;max-height:300px;overflow:hidden;width:100%}.video-preview-wrapper{background-color:#000;margin-bottom:10px}.video-preview{border-radius:8px;max-height:250px;object-fit:contain;width:100%}.video-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-modal-content{border-radius:8px;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}.close-video-modal{color:#fff;cursor:pointer;font-size:28px;opacity:.8;position:absolute;right:10px;top:10px;transition:opacity .2s;z-index:1010}.close-video-modal:hover{opacity:1}.video-modal video{border-radius:8px;max-height:90vh;width:100%}@keyframes stripes{0%{background-position:0 0}to{background-position:30px 0}}.uploading-animation{animation:stripes 1s linear infinite;background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:30px 30px}.desktop-view{background-color:#fff;background-color:var(--bg-color);display:flex;flex-direction:row;height:100vh;width:100%}.desktop-view .chat-main{background-color:#fff;background-color:var(--bg-color);flex:1 1;order:1}.desktop-view .chat-main,.sidebar-container{display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-container{border-left:1px solid #ddd;border-left:1px solid var(--sidebar-border);box-shadow:-4px 0 10px #0000001a;box-sizing:border-box;height:100%;max-width:360px;min-height:100%;min-width:360px;order:3;width:360px;z-index:1000}.sidebar-container,.sidebar-menu{background-color:#fff;background-color:var(--sidebar-bg)}.sidebar-menu{border-bottom:1px solid #ddd;border-bottom:1px solid var(--sidebar-border);flex-direction:row;justify-content:space-around;padding:10px 0;width:100%}.menu-item,.sidebar-menu{align-items:center;display:flex}.menu-item{border-radius:50%;color:#666;color:var(--text-color-sidebar-secondary);cursor:pointer;height:40px;justify-content:center;margin:0 5px;position:relative;transition:all .3s ease;width:40px}.menu-item:hover{background-color:#ffffff1a}.menu-item.active,.menu-item:hover{color:#333;color:var(--text-color-sidebar)}.menu-item.active{background-color:#e6f7ef;background-color:var(--sidebar-item-active)}.menu-item .icon{font-size:18px}.menu-badge{align-items:center;background-color:#3182ce;border-radius:10px;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.menu-badge.important{animation:pulse 1.5s infinite;background-color:#e53e3e}.sidebar-content-vertical-flex-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.selection-menu{background-color:#f5f5f5;background-color:var(--sidebar-bg-secondary);border-bottom:1px solid #ddd;border-bottom:1px solid var(--sidebar-border);display:flex;padding:0;width:100%}.selection-menu .selection-item{align-items:center;color:#666;color:var(--text-color-sidebar-secondary);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:15px;position:relative;text-align:center;transition:all .2s ease;width:33.33%}.selection-menu .selection-item:hover{background-color:#f0f0f0;background-color:var(--sidebar-item-hover);color:#333;color:var(--text-color-sidebar)}.selection-menu .selection-item.active{background-color:#e6f7ef;background-color:var(--sidebar-item-active);color:#333;color:var(--text-color-sidebar)}.user-count-badge{align-items:center;background-color:#4a5568;border-radius:10px;color:#a0aec0;display:flex;font-size:11px;height:18px;justify-content:center;min-width:18px;padding:0 6px}.sidebar-content-list-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto;width:100%}.sidebar-content-list{list-style:none;margin:0;padding:0;width:100%}.user{border-bottom:1px solid #ddd;border-bottom:1px solid var(--sidebar-border);box-sizing:border-box;cursor:pointer;display:flex;padding:8px 15px;transition:background-color .2s ease;width:100%}.user:hover{background-color:#f0f0f0;background-color:var(--sidebar-item-hover)}.user.active{background-color:#e6f7ef;background-color:var(--sidebar-item-active)}.user.active .user-content b,.user.active .user-item-rank-name{color:#333!important;color:var(--text-color-sidebar)!important}.user-avatar{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;flex-shrink:0;font-size:22px;height:40px;justify-content:center;margin-right:8px;overflow:hidden;position:relative;width:40px}.user-avatar img{height:100%;object-fit:cover;object-position:center;width:100%}.user-online-indicator{background-color:#718096;border:2px solid #2d3748;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.user-online-indicator.online{background-color:#38a169}.user-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.user-content b{color:#333;color:var(--text-color-sidebar);font-size:14px;font-weight:600;margin-bottom:3px}.user-item-rank-name{color:#666;color:var(--text-color-sidebar-secondary);font-size:12px;margin-bottom:2px}.user-platform-wrapper{align-items:center;display:flex}.user-gender{color:#cbd5e0;font-size:12px}.fa-venus{color:#ed64a6}.fa-mars{color:#4299e1}.stars{display:flex;margin-bottom:2px}.stars i{font-size:10px;margin-right:2px}.mobile-user-options{align-items:center;display:flex}.mobile-user-options-icon{color:#a0aec0;padding:5px}.profile-menu{background-color:#fff;background-color:var(--sidebar-bg);border-radius:8px;box-shadow:0 4px 10px #00000026;box-sizing:border-box;overflow:hidden;position:absolute;right:0;top:60px;width:320px;z-index:1000}.profile-menu-header{align-items:center;background-color:#3182ce;display:flex;flex-direction:column;padding:20px}.profile-menu-avatar{border:3px solid #ffffff4d;border-radius:50%;height:80px;margin-bottom:10px;overflow:hidden;width:80px}.profile-menu-avatar img{height:100%;object-fit:cover;width:100%}.profile-menu-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.profile-menu-status{color:#ffffffb3;font-size:14px}.profile-menu-items{padding:10px 0}.profile-menu-item{align-items:center;color:#333;color:var(--text-color-sidebar);display:flex;padding:12px 20px;text-decoration:none;transition:background-color .2s}.profile-menu-item:hover{background-color:#f0f0f0;background-color:var(--sidebar-item-hover)}.profile-menu-item i{font-size:18px;margin-right:15px;text-align:center;width:20px}.status-selector{border-bottom:1px solid #4a5568;display:flex;padding:10px 20px}.status-item{border:2px solid #0000;border-radius:50%;cursor:pointer;height:12px;margin-right:12px;width:12px}.status-item.active{border-color:#fff}.status-online{background-color:#38a169}.status-away{background-color:#ecc94b}.status-busy{background-color:#e53e3e}.status-invisible{background-color:#718096}.sidebar-search{border-bottom:1px solid #4a5568;box-sizing:border-box;padding:10px 15px;width:100%}.sidebar-search-input{background-color:#fcfcfc;border:1px solid;border-radius:10px;box-sizing:border-box;color:#3080b8;font-size:14px;padding:8px 10px;width:100%}.sidebar-search-input::placeholder{color:#a0a0a0}.sidebar-search-input:focus{background-color:#2c4563;outline:none}.channel-list{list-style:none;margin:0;padding:0;width:100%}.channel-item{align-items:center;border-bottom:1px solid #4a5568;box-sizing:border-box;cursor:pointer;display:flex;padding:8px 15px;position:relative;width:100%}.channel-item:hover{background-color:#f0f0f0;background-color:var(--sidebar-item-hover)}.channel-item.active{background-color:#41a3ff}.channel-name{color:#383838;font-weight:500}.channel-user-count{color:#a0aec0;font-size:12px;margin-left:auto}.channel-item.active .channel-name,.channel-item.active .channel-user-count{color:#fff}.channel-controls{display:flex;margin-left:8px}.channel-control-button{align-items:center;border-radius:4px;color:#a0aec0;display:flex;height:24px;justify-content:center;margin-left:4px;width:24px}.channel-control-button:hover{background-color:#ffffff1a;color:#fff}.status{background-color:#1a202c;border-bottom:1px solid #4a5568;color:#e2e8f0;padding:10px;text-align:center}@media (min-width:769px){.mobile-user-options{display:none}}@media (max-width:768px){.desktop-sidebar{display:none}}.whatsapp-style-message-list{background-color:initial;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:10px 0 25px}.whatsapp-message-row{align-items:flex-start;display:flex;margin-bottom:8px;position:relative;width:100%}.whatsapp-message-row.continuous-message{margin-bottom:2px;margin-top:-2px}.whatsapp-message-row.received,.whatsapp-message-row.sent{justify-content:flex-start;padding-right:15%}.whatsapp-message-row.system{justify-content:center;margin:8px 0}.whatsapp-message-container{display:flex;flex-direction:column;max-width:75%}.whatsapp-message-bubble{word-wrap:break-word;align-items:flex-start;border-radius:12px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;display:flex;margin-bottom:2px;max-width:100%;overflow-wrap:break-word;padding:6px 55px 6px 12px;position:relative;width:max-content;word-break:break-word}.whatsapp-message-bubble:has(.audio-message){background:#fff!important;background:var(--bubble-received)!important;box-shadow:0 1px 2px #0000001a!important;padding:8px 10px 30px!important;position:relative}.whatsapp-message-row.sent .whatsapp-message-bubble:has(.audio-message){background:#fff!important;background:var(--bubble-received)!important}.whatsapp-message-row.received .whatsapp-message-bubble:has(.audio-message){background:#fff!important;background:var(--bubble-received)!important}[data-theme=dark] .whatsapp-message-bubble:has(.audio-message){background:#ffffff0d!important}.whatsapp-message-bubble:has(.audio-message) .whatsapp-message-time{bottom:6px;font-size:10px;left:14px;margin:0;opacity:.6;position:absolute}.whatsapp-message-bubble .audio-message{background:#0000!important;border:none!important;margin:0;padding:0}.message-avatar{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;flex-shrink:0;font-size:22px;height:40px;justify-content:center;margin-right:8px;overflow:hidden;position:relative;width:40px}.message-avatar img{height:100%;object-fit:cover;object-position:center;width:100%}.message-avatar.sent{margin-left:8px;margin-right:0}.message-avatar-placeholder{flex-shrink:0;height:14px;margin-right:8px;visibility:hidden;width:40px}.message-avatar-placeholder.sent{margin-left:8px;margin-right:0}.whatsapp-message-username{color:#6b7c85;font-size:12px;font-weight:700;margin-bottom:2px;padding-left:12px}.sent .whatsapp-message-username{padding-left:0;padding-right:12px;text-align:right}.whatsapp-message-text{box-sizing:border-box;color:#333;color:var(--text-color);flex-grow:0;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;padding:2px 0 12px}.whatsapp-message-text,.whatsapp-message-text>*,.whatsapp-message-text>div{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;word-break:break-word}.whatsapp-message-time{bottom:4px;color:#8696a0;font-size:10px;line-height:1;margin:0;opacity:.7;padding:0;position:absolute;right:8px;white-space:nowrap}[data-theme=dark] .whatsapp-message-time{color:#ffffff80}.continuous-bubble{border-top-left-radius:12px!important;border-top-right-radius:12px!important}.received .whatsapp-message-bubble,.sent .whatsapp-message-bubble{background-color:#fff;background-color:var(--bubble-received);border-top-left-radius:4px;color:#333;color:var(--text-color)}.received .continuous-bubble{border-top-left-radius:12px!important}.sent .continuous-bubble{border-top-right-radius:12px!important}.system .whatsapp-message-bubble{background-color:#f2f2f2;background-color:var(--bubble-system);border-radius:10px;box-shadow:none;color:#666;color:var(--text-color-secondary);display:inline-block;font-size:.85rem;padding:5px 10px;text-align:center}.whatsapp-message-status{align-items:center;display:inline-flex;margin-left:4px}.whatsapp-message-status .fa-check-double{color:#53bdeb;font-size:12px}.sidebar-content{background-color:#f5f5f5;background-color:var(--sidebar-bg-secondary);display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.theme-toggle{align-items:center;background-color:initial;border:none;border-radius:50%;color:#666;color:var(--text-color-sidebar-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;position:relative;transition:all .3s ease;width:40px}.theme-toggle:hover{background-color:#ffffff1a}.theme-menu-item,.theme-toggle:hover{color:#333;color:var(--text-color-sidebar)}.theme-menu-item{align-items:center;display:flex;justify-content:space-between;padding:12px 20px;text-decoration:none;transition:background-color .2s}.theme-menu-item:hover{background-color:#f0f0f0;background-color:var(--sidebar-item-hover)}.theme-menu-item i{font-size:18px;margin-right:15px;text-align:center;width:20px}.theme-switcher{flex:1 1;justify-content:flex-start}.theme-button,.theme-switcher{align-items:center;display:flex}.theme-button{background-color:#25d366;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;justify-content:space-between;min-width:180px;padding:8px 15px;transition:background-color .2s}.theme-button:hover{background-color:#128c4b;background-color:var(--primary-hover)}.theme-button i{font-size:16px;margin-left:8px}.theme-status{background-color:#f5f5f5;background-color:var(--sidebar-bg-secondary);border-radius:10px;color:#333;color:var(--text-color-sidebar);font-size:12px;padding:3px 8px}.wallpaper-container{background-color:#f5f5f5;background-color:var(--bg-color-secondary);border-radius:8px;margin-top:20px;padding:15px}.wallpaper-container h3{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-color);font-size:16px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.wallpaper-options{display:flex;flex-direction:column;gap:15px}.wallpaper-option{display:flex;flex-direction:column;gap:10px}.wallpaper-option-label{color:#333;color:var(--text-color);font-size:14px;font-weight:600}.wallpaper-upload-button{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;padding:8px 15px;transition:background-color .2s;width:fit-content}.wallpaper-upload-button:hover{background-color:#ddd;background-color:var(--border-color)}.wallpaper-upload-button i{margin-right:8px}.wallpaper-actions{display:flex;gap:10px;margin-top:10px}.wallpaper-reset{background-color:#e74c3c;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .2s}.wallpaper-reset:hover{background-color:#c0392b;background-color:var(--danger-hover)}.wallpaper-preview{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;height:150px;max-width:300px;object-fit:cover;width:100%}.admin-section{background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:20px;padding:20px}.admin-section h2{border-bottom:2px solid #25d366;border-bottom:2px solid var(--primary-color);color:#333;color:var(--text-color);font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.admin-settings-container{display:flex;flex-direction:column;gap:20px}.admin-settings-option{background-color:#f5f5f5;background-color:var(--bg-color-secondary);border-radius:8px;padding:15px;transition:background-color .2s}.admin-settings-label{align-items:center;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-weight:600;gap:10px}.admin-settings-description{color:#666;color:var(--text-color-secondary);font-size:14px;margin-top:10px}.admin-settings-group{background-color:#f5f5f5;background-color:var(--bg-color-secondary);border-radius:8px;padding:15px}.admin-settings-group h3{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-color);font-size:16px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.admin-wallpaper-container{display:flex;flex-direction:column;gap:20px}.admin-wallpaper-option{display:flex;flex-direction:column;gap:10px}.admin-wallpaper-label{color:#333;color:var(--text-color);font-size:14px;font-weight:600}.admin-wallpaper-upload-button{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;display:flex;padding:8px 15px;transition:background-color .2s;width:fit-content}.admin-wallpaper-upload-button:hover{background-color:#ddd;background-color:var(--border-color)}.admin-wallpaper-upload-button i{margin-right:8px}.admin-wallpaper-actions{display:flex;flex-direction:column;gap:10px}.admin-wallpaper-reset{background-color:#e74c3c;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .2s;width:fit-content}.admin-wallpaper-reset:hover{background-color:#c0392b;background-color:var(--danger-hover)}.admin-wallpaper-preview{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;height:150px;max-width:300px;object-fit:cover;width:100%}.admin-settings-buttons{display:flex;justify-content:flex-end}.admin-save-button{background-color:#25d366;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.admin-save-button:hover{background-color:#128c4b;background-color:var(--primary-hover)}.admin-save-button i{margin-right:8px}.settings-success{background-color:#2ecc711a;border-left:3px solid #2ecc71;color:#2ecc71}.settings-error,.settings-success{border-radius:4px;margin-bottom:15px;padding:10px}.settings-error{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#e74c3c}.here-label{background-color:#ff00001a;border:1px solid #e53e3e;border-radius:4px;color:#e53e3e;display:inline-block;font-size:11px;font-weight:700;margin-left:8px;padding:2px 6px}.animated-emoji-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:285px;overflow-y:auto;padding:10px}.animated-emoji-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:8px;text-align:center;transition:all .2s ease}.animated-emoji-item:hover{background-color:#f5f5f5;transform:scale(1.05)}.animated-emoji-img{height:48px;margin-bottom:5px;object-fit:contain;width:48px}.animated-emoji-title{color:#666;font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-emoji-area .animated-emoji-content{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.mobile-emoji-area .animated-emoji-img{height:40px;width:40px}@keyframes note-fade{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.8)}}.music-notes-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:-10px;width:100%}.music-note{animation:note-fade 1.5s ease-out infinite;color:#25d366;color:var(--primary-color);font-size:10px;opacity:0;position:absolute}.music-note:first-child{animation-delay:0s;left:calc(50% - 8px)}.music-note:nth-child(2){animation-delay:.5s;left:calc(50% + 2px)}.music-note:nth-child(3){animation-delay:1s;left:calc(50% - 4px)}.main-content-input-button.radio-active{animation:pulse 2s infinite;color:#25d366;color:var(--primary-color);position:relative}.main-content-input-button.radio-active:hover .music-note{color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.custom-context-menu{animation:fadeIn .15s ease-out;background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0003;font-size:14px;overflow:hidden;padding:0;position:fixed;width:180px;z-index:1000}.custom-context-menu .menu-title{background-color:#fff;border-bottom:1px solid #eee;color:#333;font-weight:600;padding:8px 12px;text-align:left}.custom-context-menu .menu-items{max-height:300px;overflow-y:auto}.custom-context-menu .menu-item{align-items:center;border-radius:0;box-sizing:border-box;color:#333;cursor:pointer;display:flex;gap:8px;height:auto;justify-content:flex-start;margin:0;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.custom-context-menu .menu-item:hover{background-color:#f5f5f5}.custom-context-menu .menu-item-title{background-color:#f0f0f0;color:#1a1a1a;cursor:default;font-weight:600;text-align:left}.custom-context-menu .menu-item-title:hover{background-color:#f0f0f0}.custom-context-menu .menu-item i{color:#777;text-align:center;width:20px}[data-theme=dark] .custom-context-menu{background-color:#1a202c;border:1px solid #2d3748;box-shadow:0 2px 10px #0006}[data-theme=dark] .custom-context-menu .menu-title{background-color:#1a202c;border-bottom:1px solid #2d3748;color:#f7fafc}[data-theme=dark] .custom-context-menu .menu-item{color:#f7fafc}[data-theme=dark] .custom-context-menu .menu-item:hover{background-color:#2d3748}[data-theme=dark] .custom-context-menu .menu-item-title{background-color:#2d3748;color:#f7fafc}[data-theme=dark] .custom-context-menu .menu-item-title:hover{background-color:#2d3748}[data-theme=dark] .custom-context-menu .menu-item i{color:#a0aec0}.typing-indicators-container{align-items:flex-start;bottom:18px;display:flex;flex-direction:column;gap:8px;left:24px;pointer-events:none;position:absolute;z-index:20}.typing-indicator-bubble{align-items:center;background:#fffffff2;border:1px solid #e0e0e0;border-radius:18px;box-shadow:0 2px 8px #00000014;color:#333;display:flex;font-size:15px;min-width:120px;padding:7px 18px 7px 14px;pointer-events:auto}.typing-username{color:#3182ce;font-weight:600;margin-right:7px}.typing-dots{display:inline-block;margin-left:2px}.typing-dots .dot{animation:typing-bounce 1.2s infinite both;background:#bbb;border-radius:50%;display:inline-block;height:6px;margin:0 1px;width:6px}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.6;transform:scale(.7)}40%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.message-container{background-attachment:scroll;background-position:top!important;background-size:cover!important}.chat-main{background-image:url(/static/media/bg.051a44f54e84ecd8f120.jpg);background-image:var(--chat-wallpaper);background-position:top;background-repeat:no-repeat;background-size:cover}.whatsapp-style-message-list{background-color:initial!important}[data-theme=dark] .chat-main,[data-theme=dark] .message-container{background-image:url(/static/media/dark_bg_dark.3f66a65dceebfc7f8b1c.jpg);background-image:var(--chat-wallpaper-dark);background-position:top!important;background-size:cover!important}@supports (height:-webkit-fill-available){.chat-main,.message-container{background-position:top;background-size:cover}}}@media (min-width:769px){:root{--pc-form-height:65px;--pc-typing-height:15px}.message-container{height:calc(100vh - 230px);height:calc(100vh - 150px - var(--pc-form-height, 65px) - var(--pc-typing-height, 15px))}}body,html{overflow:hidden}body{height:100vh;height:-webkit-fill-available}.mobile-view{--mobile-form-height:48px;--typing-height:15px;--typing-gap:0px;--pc-form-height:var(--mobile-form-height);--pc-typing-height:var(--typing-height);flex-direction:column;height:100vh;overflow:hidden;width:100vw}.mobile-header,.mobile-view{display:flex;position:relative}.mobile-header{align-items:center;background-color:var(--primary-color);border-bottom:1px solid var(--border-color);color:#fff;flex-shrink:0;height:50px;justify-content:space-between;max-height:50px;min-height:50px;padding:10px;top:0;z-index:10}.mobile-title{font-size:16px;font-weight:700;max-width:70%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-btn,.mobile-users-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;padding:5px 10px}.mobile-sidebar{background-color:var(--sidebar-bg);box-shadow:2px 0 5px #0003;left:0}.mobile-sidebar,.mobile-user-list{bottom:0;overflow-y:auto;position:absolute;top:50px;width:75%;z-index:20}.mobile-user-list{background-color:var(--bg-color);box-shadow:-2px 0 5px #0003;right:0}.mobile-view .chat-main{background-color:var(--bg-color);display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 50px);max-height:calc(100vh - 50px);overflow:hidden;position:relative;width:100%}@supports (height:-webkit-fill-available){.mobile-view .chat-main{height:-webkit-fill-available;margin-top:-50px;max-height:-webkit-fill-available;padding-top:50px}}.mobile-view .message-container{-webkit-overflow-scrolling:touch;background-color:var(--bg-color);flex:1 1;height:calc(100vh - var(--mobile-form-height) - var(--typing-height) - 40px);max-height:calc(100vh - var(--mobile-form-height) - var(--typing-height) - 40px);overflow-x:hidden;overflow-y:auto;padding:5px 5px 25px}@supports (height:-webkit-fill-available){.mobile-view .message-container{height:calc(-webkit-fill-available - var(--mobile-form-height) - var(--typing-height) - 40px);margin-bottom:0;max-height:calc(-webkit-fill-available - var(--mobile-form-height) - var(--typing-height) - 40px);padding-bottom:25px}}.mobile-view .chat-messages{padding-bottom:0}.mobile-view .whatsapp-style-message-list{padding-bottom:25px!important}.mobile-message-form{background-color:var(--bg-color);bottom:0;height:var(--mobile-form-height);left:0;position:fixed;width:100%;z-index:10}.mobile-input-area,.mobile-message-form{border-top:1px solid var(--border-color)}.mobile-input-area{background-color:initial;border-radius:0;box-shadow:none;flex-wrap:nowrap;padding:5px}.mobile-buttons-group{align-items:center;display:flex}.mobile-view .main-content-input-button{font-size:14px;height:32px;margin:0 2px;width:32px}.mobile-view .main-content-input-button.shrink{font-size:12px;height:28px;width:28px}.mobile-view .main-content-input-button.send{background-color:var(--primary-color);color:#fff;height:34px;margin-left:4px;width:34px}.mobile-view .main-content-input-button.send:disabled{background-color:#ccc;color:#999}.mobile-view .text-node-component-wrapper{flex:1 1;margin:0 4px;max-height:60px;min-height:36px}.mobile-view .text-node-component{font-size:14px;min-height:36px;padding:8px}.mobile-view .typing-indicator{border-left:2px solid var(--primary-color);font-size:11px;margin:0 4px;max-width:fit-content;padding:3px 8px;transition:all .3s ease}.mobile-view .typing-indicators{display:flex;flex-flow:row nowrap;gap:6px;margin:0 5px 5px;overflow-x:auto;padding:3px 0;position:static;z-index:20}.mobile-view .typing-indicators::-webkit-scrollbar{display:none}.mobile-emoji-area{border-radius:0;bottom:60px;box-shadow:0 -2px 10px #0000001a;height:40vh;left:0;max-height:40vh;position:fixed;right:0;z-index:15}.mobile-view .media-menu,.mobile-view .radio-panel,.mobile-view .voice-chat-panel{-webkit-overflow-scrolling:touch;background-color:#fff;background-color:var(--bg-color,#fff);border-radius:16px 16px 0 0;bottom:55px;box-shadow:0 -4px 16px #00000026;height:auto;left:0;max-height:45vh;max-width:100%;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;transform:translateY(0);-webkit-transform:translateY(0);transition:transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;width:100%;z-index:15}[data-theme=dark] .mobile-view .media-menu,[data-theme=dark] .mobile-view .radio-panel,[data-theme=dark] .mobile-view .voice-chat-panel{background-color:var(--bg-color);box-shadow:0 -4px 16px #0006}[data-theme=dark] .mobile-view .media-menu-title,[data-theme=dark] .mobile-view .radio-panel-header{background:var(--bg-color);border-bottom:1px solid var(--border-color)}[data-theme=dark] .mobile-view .media-menu-item{border-bottom:1px solid var(--border-color)}[data-theme=dark] .mobile-view .radio-station{background-color:var(--sidebar-item-hover)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}.mobile-view .media-menu.show,.mobile-view .radio-panel.show,.mobile-view .voice-chat-panel.show{animation:slideUpFadeIn .3s ease-out;-webkit-animation:slideUpFadeIn .3s ease-out}.mobile-view .media-menu::-webkit-scrollbar,.mobile-view .radio-panel::-webkit-scrollbar,.mobile-view .voice-chat-panel::-webkit-scrollbar{width:4px}.mobile-view .media-menu::-webkit-scrollbar-thumb,.mobile-view .radio-panel::-webkit-scrollbar-thumb,.mobile-view .voice-chat-panel::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.mobile-view .media-menu-title,.mobile-view .radio-panel-header{align-items:center;background:#fff;background:var(--bg-color,#fff);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color,#e9ecef);display:flex;justify-content:space-between;min-height:52px;padding:14px 16px;position:sticky;top:0;z-index:1}.mobile-view .media-menu-title h3,.mobile-view .radio-panel-header h3{color:#333;color:var(--text-color,#333);flex:1 1;font-size:17px;font-weight:600;margin:0}.mobile-view .media-menu-title .close-button,.mobile-view .media-menu-title .minimize-button,.mobile-view .radio-panel-header .close-button,.mobile-view .radio-panel-header .minimize-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#6c757d;color:var(--text-color-light,#6c757d);cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:8px;min-width:36px;transition:all .2s ease;width:36px}.mobile-view .media-menu-title .close-button:active,.mobile-view .media-menu-title .minimize-button:active,.mobile-view .radio-panel-header .close-button:active,.mobile-view .radio-panel-header .minimize-button:active{background:#0000000d;background:var(--sidebar-item-hover,#0000000d);transform:scale(.95)}.mobile-view .media-menu-title .close-button,.mobile-view .radio-panel-header .close-button{color:#dc3545;color:var(--danger-color,#dc3545)}.mobile-view .media-menu .radio-panel-content,.mobile-view .radio-panel-content,.mobile-view .voice-chat-content{padding:8px 0}.mobile-view .media-menu-item{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-color,#0000000d);font-size:15px;padding:16px 20px}.mobile-view .media-menu-item:last-child{border-bottom:none}.mobile-view .media-menu-item i{align-items:center;display:flex;font-size:18px;height:24px;justify-content:center;margin-right:12px;width:24px}.mobile-view .media-menu-divider{margin:8px 16px}.mobile-view .radio-station{border-radius:8px;margin-bottom:8px;margin-left:12px;margin-right:12px;padding:12px 16px}.mobile-view .radio-name{font-size:15px;font-weight:600}.mobile-view .radio-freq{color:#6c757d;color:var(--text-color-light,#6c757d);font-size:13px}.mobile-view .radio-controls{align-items:center;display:flex;gap:12px}.mobile-view .play-button{align-items:center;border-radius:50%;display:flex;font-size:16px;height:40px;justify-content:center;min-width:40px;width:40px}.mobile-view .volume-slider{appearance:none;background:linear-gradient(90deg,#3498db 0,#3498db 50%,#ddd 0,#ddd);background:linear-gradient(to right,var(--primary-color,#3498db) 0,var(--primary-color,#3498db) 50%,#ddd 50%,#ddd 100%);border-radius:2px;cursor:pointer;height:4px;max-width:80px;outline:none;touch-action:none;width:80px}.mobile-view .volume-slider::-webkit-slider-thumb{appearance:none;background:#3498db;background:var(--primary-color,#3498db);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:16px}.mobile-view .volume-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.mobile-view .volume-slider::-moz-range-thumb{background:#3498db;background:var(--primary-color,#3498db);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;-moz-transition:transform .1s ease;transition:transform .1s ease;width:16px}.mobile-view .volume-slider::-moz-range-thumb:active{transform:scale(1.2)}.mobile-view .volume-slider::-moz-range-track{background:#ddd;border-radius:2px;height:4px}[data-theme=dark] .mobile-view .volume-slider{background:linear-gradient(90deg,#3498db 0,#3498db 50%,#fff3 0,#fff3);background:linear-gradient(to right,var(--primary-color,#3498db) 0,var(--primary-color,#3498db) 50%,#fff3 50%,#fff3 100%)}[data-theme=dark] .mobile-view .volume-slider::-moz-range-track{background:#fff3}@media (max-width:768px){.mobile-view .message-container{background-attachment:fixed;background-image:var(--chat-wallpaper);background-position:top;background-repeat:no-repeat;background-size:cover}.mobile-view .whatsapp-style-message-list{background:#0000}.mobile-view .chat-main{background-attachment:fixed;background-image:var(--chat-wallpaper);background-position:top;background-repeat:no-repeat;background-size:cover}.mobile-view .chat-messages{background:#0000}[data-theme=dark] .mobile-view .chat-main,[data-theme=dark] .mobile-view .message-container{background-attachment:fixed;background-image:var(--chat-wallpaper-dark);background-position:top;background-repeat:no-repeat;background-size:cover}@supports not (background-attachment:fixed){.mobile-view .chat-main,.mobile-view .message-container{background-attachment:scroll;background-size:100% 100%}}}@media (max-width:480px){.mobile-view .chat-main,.mobile-view .message-container{background-position:top!important;background-size:cover!important}.main-content-input-button{font-size:14px;height:32px;width:32px}.input-audio-container{align-items:center;border-radius:20px;display:flex;margin:0;max-height:60px;min-height:48px;width:100%}.input-audio-content{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;overflow:hidden;padding:8px 10px;width:100%}.input-audio-content-progress{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-audio-content-progress,.input-audio-content-timer{font-size:12px}.input-audio-content-timer{flex-shrink:0;margin:0 8px}.input-audio-content .area-buttons{align-items:center;display:flex;flex-shrink:0;gap:4px}.input-audio-content .main-content-input-button{flex-shrink:0;height:32px;width:32px}}.MobileContextBottomSheet_overlay__HVqLh{-webkit-overflow-scrolling:touch;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;height:100vh;height:-webkit-fill-available;left:0;opacity:0;position:fixed;right:0;top:0;touch-action:none;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;width:100vw;z-index:9999}.MobileContextBottomSheet_overlay__HVqLh.MobileContextBottomSheet_open__edNXJ{opacity:1}.MobileContextBottomSheet_bottomSheet__ry3jB{background:#fff;background:var(--bg-color,#fff);border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;left:0;max-height:70vh;max-height:calc(70vh - env(safe-area-inset-bottom, 0px));overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;transform:translateY(100%);-webkit-transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:10000}.MobileContextBottomSheet_bottomSheet__ry3jB.MobileContextBottomSheet_slideUp__O9iBz{transform:translateY(0);-webkit-transform:translateY(0)}.MobileContextBottomSheet_header__KvygN{align-items:center;background:#fff;background:var(--bg-color,#fff);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color,#e9ecef);display:flex;flex-shrink:0;min-height:60px;padding:16px 20px}.MobileContextBottomSheet_backButton__LDC3T{align-items:center;background:#0000;border:none;border-radius:50%;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s ease;width:40px}.MobileContextBottomSheet_backButton__LDC3T:hover{background:#f5f5f5;background:var(--sidebar-item-hover,#f5f5f5)}.MobileContextBottomSheet_title__kOZI9{color:#333;color:var(--text-color,#333);flex:1 1;font-size:18px;font-weight:600;margin-left:12px}.MobileContextBottomSheet_spacer__1xNVU{width:40px}.MobileContextBottomSheet_content__6H\+gT{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fff;background:var(--bg-color,#fff);flex:1 1;max-height:calc(70vh - 60px - env(safe-area-inset-bottom, 0px));min-height:200px;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:none}.MobileContextBottomSheet_content__6H\+gT::-webkit-scrollbar{display:none}.MobileContextBottomSheet_menuList__MNT3U{padding:8px 0 16px}.MobileContextBottomSheet_menuItem__OOHab{align-items:center;border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-color,#0000000d);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.MobileContextBottomSheet_menuItem__OOHab:hover{background:#f8f9fa;background:var(--sidebar-item-hover,#f8f9fa)}.MobileContextBottomSheet_menuItem__OOHab:last-child{border-bottom:none}.MobileContextBottomSheet_menuItemContent__wDEAS{align-items:center;display:flex;flex:1 1;gap:16px}.MobileContextBottomSheet_menuItemContent__wDEAS i{color:#6c757d;color:var(--text-color-light,#6c757d);font-size:16px;text-align:center;width:20px}.MobileContextBottomSheet_menuItemContent__wDEAS span{color:#333;color:var(--text-color,#333);font-size:16px;font-weight:500}.MobileContextBottomSheet_menuItem__OOHab>i{color:#999;color:var(--text-color-light,#999);font-size:14px}.MobileContextBottomSheet_content__6H\+gT:after{background:linear-gradient(0deg,#fff,#0000);background:linear-gradient(to top,var(--bg-color,#fff),#0000);bottom:0;content:"";display:block;height:20px;left:0;pointer-events:none;position:sticky;right:0}@media (hover:none) and (pointer:coarse){.MobileContextBottomSheet_content__6H\+gT{scroll-behavior:smooth}}[data-theme=dark] .MobileContextBottomSheet_bottomSheet__ry3jB{background:var(--bg-color);box-shadow:0 -8px 32px #0009}[data-theme=dark] .MobileContextBottomSheet_header__KvygN{background:var(--bg-color);border-bottom:1px solid var(--border-color)}[data-theme=dark] .MobileContextBottomSheet_content__6H\+gT{background:var(--bg-color)}[data-theme=dark] .MobileContextBottomSheet_menuItem__OOHab{border-bottom:1px solid var(--border-color)}[data-theme=dark] .MobileContextBottomSheet_menuItem__OOHab:hover{background:var(--sidebar-item-hover)}[data-theme=dark] .MobileContextBottomSheet_content__6H\+gT:after{background:linear-gradient(to top,var(--bg-color),#0000)}@media (max-width:600px){.MobileContextBottomSheet_bottomSheet__ry3jB{max-height:65vh;max-height:calc(65vh - env(safe-area-inset-bottom, 0px))}.MobileContextBottomSheet_content__6H\+gT{max-height:calc(65vh - 60px - env(safe-area-inset-bottom, 0px))}.MobileContextBottomSheet_menuItem__OOHab{padding:14px 16px}}@media (max-width:400px){.MobileContextBottomSheet_bottomSheet__ry3jB{max-height:60vh;max-height:calc(60vh - env(safe-area-inset-bottom, 0px))}.MobileContextBottomSheet_content__6H\+gT{max-height:calc(60vh - 60px - env(safe-area-inset-bottom, 0px))}}@media (min-width:768px){.MobileContextBottomSheet_bottomSheet__ry3jB{border-radius:20px;left:50%;max-height:75vh;max-width:400px;transform:translateX(-50%) translateY(100%);-webkit-transform:translateX(-50%) translateY(100%)}.MobileContextBottomSheet_bottomSheet__ry3jB.MobileContextBottomSheet_slideUp__O9iBz{transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0)}.MobileContextBottomSheet_content__6H\+gT{max-height:calc(75vh - 60px)}}@media (min-width:1024px){.MobileContextBottomSheet_overlay__HVqLh{display:none}}.TypingIndicator_container__BvGFp{height:15px;left:5px;overflow:hidden;position:absolute;right:5px;z-index:10}@media (min-width:769px){.TypingIndicator_container__BvGFp{bottom:65px;bottom:var(--pc-form-height,65px);height:15px;height:var(--pc-typing-height,15px)}}@media (max-width:768px){.TypingIndicator_container__BvGFp{bottom:48px;bottom:var(--mobile-form-height,48px);height:15px;height:var(--typing-height,15px);left:5px;position:fixed;right:5px;z-index:15}}.TypingIndicator_roomWritingsLayout__-eJbc{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:100%;overflow-x:auto;overflow-y:hidden;padding:0 4px;scrollbar-width:none}.TypingIndicator_roomWritingsLayout__-eJbc::-webkit-scrollbar{display:none}.TypingIndicator_roomWriting__9lrg\+{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:2px;padding:2px 6px;white-space:nowrap}.TypingIndicator_writingDot__iBfPF{animation:TypingIndicator_typing-bounce__abxD1 1.2s infinite both;background:#999;border-radius:50%;height:3px;width:3px}.TypingIndicator_writingDot__iBfPF:nth-child(2){animation-delay:.1s}.TypingIndicator_writingDot__iBfPF:nth-child(3){animation-delay:.2s}.TypingIndicator_writingDot__iBfPF:nth-child(4){animation-delay:.3s}@keyframes TypingIndicator_typing-bounce__abxD1{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.MobileRightButtons_rightButtons__Wg7yh{display:flex;flex-direction:column;gap:10px;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100}.MobileRightButtons_rightButton__MQEOR{align-items:center;background:#fff;border-radius:10px 0 0 10px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;margin-bottom:8px;padding:10px 12px;position:relative;transition:background .2s}.MobileRightButtons_rightButton__MQEOR:hover{background:#f0f0f0}.MobileRightButtons_menuBadge__x9dye{background:#3182ce;border-radius:8px;bottom:2px;color:#fff;font-size:11px;padding:1px 6px;position:absolute;right:8px}@media (min-width:769px){.MobileRightButtons_rightButtons__Wg7yh{display:none}}.MobileSidePanel_panel__USYno{display:flex;flex-direction:column;transform:translateX(0)}.MobileSidePanel_panelClosed__ov3YJ,.MobileSidePanel_panel__USYno{background:#fff;box-shadow:-2px 0 10px #00000026;height:100vh;max-width:350px;position:fixed;right:0;top:0;transition:transform .3s;width:65vw;z-index:200}.MobileSidePanel_panelClosed__ov3YJ{pointer-events:none;transform:translateX(100%)}.MobileSidePanel_header__cDte6{align-items:center;background:#f7f7f7;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 18px 12px}.MobileSidePanel_title__eFuJd{color:#333;font-size:17px;font-weight:600}.MobileSidePanel_closeBtn__Vm10R{background:none;border:none;color:#888;cursor:pointer;font-size:20px;padding:4px 8px;transition:color .2s}.MobileSidePanel_closeBtn__Vm10R:hover{color:#e75480}.MobileSidePanel_content__hc9w7{flex:1 1;overflow-y:auto;padding:12px 16px}@media (min-width:769px){.MobileSidePanel_panelClosed__ov3YJ,.MobileSidePanel_panel__USYno{display:none}}.MobileBottomSheet_sheet__7KglA{display:flex;flex-direction:column;transform:translateY(0);transform:translateZ(0)}.MobileBottomSheet_sheetClosed__A\+cw4,.MobileBottomSheet_sheet__7KglA{background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -2px 10px #00000026;height:50vh;height:calc(var(--vh, 1vh)*50);left:0;max-height:400px;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;transition:transform .3s;z-index:300}.MobileBottomSheet_sheetClosed__A\+cw4{pointer-events:none;transform:translateY(100%);transform:translate3d(0,100%,0)}.MobileBottomSheet_header__9h--M{align-items:center;background:#f7f7f7;border-bottom:1px solid #eee;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:16px 18px 12px}.MobileBottomSheet_title__2ZltN{color:#333;font-size:17px;font-weight:600}.MobileBottomSheet_closeBtn__4RsLw{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:44px;min-width:44px;padding:4px 8px;transition:color .2s}.MobileBottomSheet_closeBtn__4RsLw:hover{color:#e75480}.MobileBottomSheet_content__-DXZA{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0))}@media (min-width:769px){.MobileBottomSheet_sheetClosed__A\+cw4,.MobileBottomSheet_sheet__7KglA{display:none}}.MobileHeader_mobileHeader__AjCfb{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:0 1px 4px var(--shadow-color);display:flex;height:60px;justify-content:space-between;padding:0 14px;position:relative;transition:background .2s;z-index:10}.MobileHeader_leftArea__OIQRq,.MobileHeader_slider__v1r1B{align-items:center;display:flex;min-width:0}.MobileHeader_slider__v1r1B{height:40px;overflow:hidden;position:relative}.MobileHeader_sliderContent__H72FO{align-items:center;color:var(--text-color);display:flex;font-size:20px;font-weight:700;height:40px;letter-spacing:.5px;min-width:0;transition:opacity .5s}.MobileHeader_logo__858T\+{height:36px;margin-right:8px;object-fit:contain;transition:filter .2s;width:auto}.MobileHeader_roomName__IaLm5{color:var(--text-color);font-size:20px;font-weight:700;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MobileHeader_rightArea__op8Gt{align-items:center;display:flex;gap:18px}.MobileHeader_iconBtn__LbytT{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color-light);cursor:pointer;display:flex;font-size:22px;opacity:.65;outline:none;padding:6px;position:relative;transition:background .2s,color .2s}.MobileHeader_iconBtn__LbytT:hover{background:var(--sidebar-item-hover);opacity:.85}.MobileHeader_iconBtn__LbytT.MobileHeader_active__OsN3L{background:var(--sidebar-item-active);color:var(--text-color);opacity:1}.MobileHeader_iconBtn__LbytT .MobileHeader_fa-bell__h9UDy{color:var(--text-color-light);transition:color .2s}.MobileHeader_iconBtn__LbytT.MobileHeader_active__OsN3L .MobileHeader_fa-bell__h9UDy{color:#e75480}.MobileHeader_badge__nUQJf{background:#e75480;border-radius:10px;box-shadow:0 1px 4px #00000014;color:#fff;font-size:12px;font-weight:700;min-width:18px;padding:1px 6px;position:absolute;right:2px;text-align:center;top:2px;z-index:2}@media (max-width:480px){.MobileHeader_mobileHeader__AjCfb{height:54px;padding:0 6px}.MobileHeader_roomName__IaLm5,.MobileHeader_sliderContent__H72FO{font-size:17px}.MobileHeader_logo__858T\+{height:28px}.MobileHeader_rightArea__op8Gt{gap:10px}}[data-theme=dark] .MobileHeader_mobileHeader__AjCfb{background:var(--bg-color);border-bottom:1px solid var(--border-color)}.MobileUsersFullPanel_panelWrapper__jVkzd{background:var(--bg-color);display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);height:100dvh;left:0;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;top:0;width:100vw;z-index:2000}.MobileUsersFullPanel_header__FEh3N{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;height:54px;justify-content:space-between;padding:0 12px}.MobileUsersFullPanel_tabs__Kzkcu{align-items:center;display:flex;gap:2px;height:100%}.MobileUsersFullPanel_tab__U8WMi{align-items:center;background:#0000;border:none;border-radius:16px 16px 0 0;color:var(--text-color-light);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;padding:8px 18px;position:relative;transition:background .2s,color .2s}.MobileUsersFullPanel_tab__U8WMi:hover{background:var(--sidebar-item-hover);color:var(--text-color)}.MobileUsersFullPanel_tab__U8WMi.MobileUsersFullPanel_active__6utZG{background:var(--sidebar-item-active);color:var(--text-color)}.MobileUsersFullPanel_badge__phlli{background:#e0e0e0;border-radius:10px;color:#888;font-size:12px;font-weight:700;margin-left:4px;min-width:18px;padding:1px 7px;text-align:center}.MobileUsersFullPanel_tab__U8WMi.MobileUsersFullPanel_active__6utZG .MobileUsersFullPanel_badge__phlli{background:#e75480;color:#fff}.MobileUsersFullPanel_closeBtn__6Duw0{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color-light);cursor:pointer;display:flex;font-size:22px;justify-content:center;margin-right:env(safe-area-inset-right,0);min-height:44px;min-width:44px;padding:6px 10px;transition:background .2s}.MobileUsersFullPanel_closeBtn__6Duw0:hover{background:var(--sidebar-item-hover);color:var(--text-color)}.MobileUsersFullPanel_content__LDlhF{align-items:stretch;background:var(--bg-color);display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:0}.MobileUsersFullPanel_emptyState__3ZFjI{align-items:center;color:var(--text-color-light);display:flex;flex:1 1;flex-direction:column;font-size:16px;gap:12px;justify-content:center;margin:0 auto;max-width:90%;opacity:.7;padding:40px 20px;text-align:center}.MobileUsersFullPanel_emptyState__3ZFjI i{color:#bdbdbd;font-size:38px;margin-bottom:8px}.MobileUsersFullPanel_unauthorizedTitle__t-3ln{color:var(--text-color);font-size:16px;font-weight:700;line-height:1.4;margin-bottom:10px;text-align:center}.MobileUsersFullPanel_unauthorizedDesc__AfjUk{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.MobileUsersFullPanel_authorityBtn__mQR0A{align-items:center;background-color:#ffc107;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 auto;padding:12px 30px;transition:transform .2s,box-shadow .2s}.MobileUsersFullPanel_authorityBtn__mQR0A:hover{box-shadow:0 4px 12px #ffc10766;transform:translateY(-2px)}.MobileUsersFullPanel_authorityBtn__mQR0A:active{transform:translateY(0)}.MobileUsersFullPanel_searchContainer__XoZsG{background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:12px 16px;position:sticky;top:0;z-index:10}.MobileUsersFullPanel_searchBox__JiljI{align-items:center;background:var(--sidebar-item-hover);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:10px 14px;transition:border-color .2s}.MobileUsersFullPanel_searchBox__JiljI:focus-within{background:var(--bg-color);border-color:#e75480}.MobileUsersFullPanel_searchBox__JiljI i{color:var(--text-color-light);font-size:14px}.MobileUsersFullPanel_searchInput__09v63{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:15px;outline:none;padding:0}.MobileUsersFullPanel_searchInput__09v63::placeholder{color:var(--text-color-light);opacity:.6}.MobileUsersFullPanel_clearBtn__6NIHB{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color-light);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s,color .2s}.MobileUsersFullPanel_clearBtn__6NIHB:hover{background:var(--sidebar-item-active);color:var(--text-color)}@media (max-width:480px){.MobileUsersFullPanel_header__FEh3N{height:48px;padding:0 4px}.MobileUsersFullPanel_tab__U8WMi{font-size:14px;padding:7px 10px}.MobileUsersFullPanel_content__LDlhF{padding:12px 2px}.MobileUsersFullPanel_emptyState__3ZFjI{max-width:95%;padding:16px}.MobileUsersFullPanel_unauthorizedTitle__t-3ln{font-size:15px;margin-bottom:8px}.MobileUsersFullPanel_unauthorizedDesc__AfjUk{font-size:13px;margin-bottom:16px}.MobileUsersFullPanel_authorityBtn__mQR0A{font-size:15px;padding:10px 24px}.MobileUsersFullPanel_searchContainer__XoZsG{padding:10px 12px}.MobileUsersFullPanel_searchBox__JiljI{padding:8px 12px}.MobileUsersFullPanel_searchInput__09v63{font-size:14px}}.MobileUsersFullPanel_userList__7AFji{flex:1 1;overflow-y:auto;padding:0;width:100%}.MobileUsersFullPanel_userItem__FtP80{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px;transition:background .2s}.MobileUsersFullPanel_userItem__FtP80:hover{background:var(--sidebar-item-hover)}.MobileUsersFullPanel_userAvatar__aePx5{flex-shrink:0;height:48px;position:relative;width:48px}.MobileUsersFullPanel_userAvatar__aePx5 img{border-radius:50%;height:100%;object-fit:cover;width:100%}.MobileUsersFullPanel_onlineIndicator__fK3Tq{background:#bbb;border:2px solid var(--bg-color);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.MobileUsersFullPanel_onlineIndicator__fK3Tq.MobileUsersFullPanel_online__Dknfb{background:#4caf50}.MobileUsersFullPanel_userInfo__fIvXJ{flex:1 1;min-width:0}.MobileUsersFullPanel_userName__H20Hx{color:var(--text-color);font-size:15px;margin-bottom:2px}.MobileUsersFullPanel_userRoom__j4kB9{align-items:center;color:var(--text-color-light);display:flex;font-size:13px}.MobileUsersFullPanel_userMeta__NxcUd{color:var(--text-color-light);display:flex;font-size:14px;gap:8px}[data-theme=dark] .MobileUsersFullPanel_panelWrapper__jVkzd{background:var(--bg-color)}.MobileMessagesFullPanel_panelWrapper__CetZu{background:var(--bg-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}.MobileMessagesFullPanel_header__8zDZi{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;height:54px;justify-content:space-between;padding:0 12px}.MobileMessagesFullPanel_title__OW7E8{color:var(--text-color);font-size:18px;font-weight:700}.MobileMessagesFullPanel_closeBtn__zXXj6{background:none;border:none;border-radius:50%;color:var(--text-color-light);cursor:pointer;font-size:22px;padding:6px 10px;transition:background .2s}.MobileMessagesFullPanel_closeBtn__zXXj6:hover{background:var(--sidebar-item-hover);color:var(--text-color)}.MobileMessagesFullPanel_content__vTzMQ{background:var(--bg-color);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px 0 0}.MobileMessagesFullPanel_emptyState__hzz43{align-items:center;color:var(--text-color-light);display:flex;flex-direction:column;font-size:16px;gap:12px;margin-top:40px;opacity:.7}.MobileMessagesFullPanel_emptyState__hzz43 i{color:#bdbdbd;font-size:38px;margin-bottom:8px}.MobileMessagesFullPanel_messageList__TyjS0{list-style:none;margin:0;padding:0 0 12px}.MobileMessagesFullPanel_messageItem__x7OZc{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 16px}.MobileMessagesFullPanel_avatar__XgmqP{border-radius:50%;height:38px;object-fit:cover;width:38px}.MobileMessagesFullPanel_messageContent__q4wV-{display:flex;flex:1 1;flex-direction:column;gap:2px}.MobileMessagesFullPanel_username__JItjy{color:var(--text-color);font-size:15px;font-weight:600}.MobileMessagesFullPanel_text__LIaXG{color:var(--text-color-secondary);font-size:14px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MobileMessagesFullPanel_time__U7bAd{align-self:flex-end;color:#bdbdbd;font-size:12px;margin-left:8px}@media (max-width:480px){.MobileMessagesFullPanel_header__8zDZi{height:48px;padding:0 4px}.MobileMessagesFullPanel_title__OW7E8{font-size:16px}.MobileMessagesFullPanel_messageItem__x7OZc{gap:8px;padding:10px 6px}.MobileMessagesFullPanel_avatar__XgmqP{height:30px;width:30px}.MobileMessagesFullPanel_text__LIaXG{max-width:110px}}[data-theme=dark] .MobileMessagesFullPanel_panelWrapper__CetZu{background:var(--bg-color)}.MobileNotificationsFullPanel_panelWrapper__U69ql{background:var(--bg-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}.MobileNotificationsFullPanel_header__IHSSe{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;height:54px;justify-content:space-between;padding:0 12px}.MobileNotificationsFullPanel_tabs__bv8QO{align-items:center;display:flex;gap:2px;height:100%}.MobileNotificationsFullPanel_tab__-yA1n{align-items:center;background:#0000;border:none;border-radius:20px 20px 0 0;color:var(--text-color-light);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.MobileNotificationsFullPanel_tab__-yA1n:before{background:linear-gradient(90deg,#e75480,#d63384);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.MobileNotificationsFullPanel_tab__-yA1n:hover{background:var(--sidebar-item-hover);color:var(--text-color);transform:translateY(-2px)}.MobileNotificationsFullPanel_tab__-yA1n.MobileNotificationsFullPanel_active__XsNr9{background:var(--sidebar-item-active);box-shadow:0 4px 12px #e7548033;color:var(--text-color)}.MobileNotificationsFullPanel_tab__-yA1n.MobileNotificationsFullPanel_active__XsNr9:before{transform:scaleX(1)}.MobileNotificationsFullPanel_tabBadge__bZD4q{animation:MobileNotificationsFullPanel_badgePulse__\+q5On 2s infinite;background:linear-gradient(135deg,#e75480,#d63384);border-radius:12px;box-shadow:0 2px 6px #e754804d;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}@keyframes MobileNotificationsFullPanel_badgePulse__\+q5On{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.MobileNotificationsFullPanel_closeBtn__OHnof{background:none;border:none;border-radius:50%;color:var(--text-color-light);cursor:pointer;font-size:22px;padding:6px 10px;transition:background .2s}.MobileNotificationsFullPanel_closeBtn__OHnof:hover{background:var(--sidebar-item-hover);color:var(--text-color)}.MobileNotificationsFullPanel_content__OqnCt{background:var(--bg-color);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px 0 0}.MobileNotificationsFullPanel_emptyState__QptYq{align-items:center;color:var(--text-color-light);display:flex;flex-direction:column;font-size:16px;gap:12px;margin-top:40px;opacity:.7}.MobileNotificationsFullPanel_emptyState__QptYq i{color:#bdbdbd;font-size:38px;margin-bottom:8px}.MobileNotificationsFullPanel_list__O2rqE{list-style:none;margin:0;padding:0 0 12px}.MobileNotificationsFullPanel_item__ceSMV{align-items:flex-start;background:var(--bg-color);border-bottom:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;margin:4px 8px;padding:16px;position:relative;transition:all .3s ease}.MobileNotificationsFullPanel_item__ceSMV:hover{background:var(--sidebar-item-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU{animation:MobileNotificationsFullPanel_pulseGlow__c3uz5 2s infinite;background:linear-gradient(135deg,#e7548014,#e754800a);border-left:4px solid #e75480}.MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU:hover{background:linear-gradient(135deg,#e754801f,#e754800f)}@keyframes MobileNotificationsFullPanel_pulseGlow__c3uz5{0%,to{box-shadow:0 0 5px #e754804d}50%{box-shadow:0 0 15px #e7548080,0 0 25px #e7548033}}.MobileNotificationsFullPanel_iconContainer__7p4CL{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}.MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU .MobileNotificationsFullPanel_iconContainer__7p4CL{animation:MobileNotificationsFullPanel_iconPulse__0Ayqk 2s infinite;background:linear-gradient(135deg,#e75480,#d63384)}.MobileNotificationsFullPanel_item__ceSMV:hover .MobileNotificationsFullPanel_iconContainer__7p4CL{transform:scale(1.1)}@keyframes MobileNotificationsFullPanel_iconPulse__0Ayqk{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.MobileNotificationsFullPanel_icon__7sqDR{color:#6c757d;font-size:20px;transition:color .3s ease}.MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU .MobileNotificationsFullPanel_icon__7sqDR{color:#fff}.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeDefault__nMvzc{background:linear-gradient(135deg,#6c757d,#495057)}.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeSuccess__fx2h5{background:linear-gradient(135deg,#25d366,#128c4b)}.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeWarning__txB06{background:linear-gradient(135deg,#ffc107,#e6a800)}.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeError__0isA2{background:linear-gradient(135deg,#dc3545,#c82333)}.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeInfo__JK9lC{background:linear-gradient(135deg,#17a2b8,#138496)}.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeDefault__nMvzc .MobileNotificationsFullPanel_icon__7sqDR,.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeError__0isA2 .MobileNotificationsFullPanel_icon__7sqDR,.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeInfo__JK9lC .MobileNotificationsFullPanel_icon__7sqDR,.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeSuccess__fx2h5 .MobileNotificationsFullPanel_icon__7sqDR,.MobileNotificationsFullPanel_iconContainer__7p4CL.MobileNotificationsFullPanel_typeWarning__txB06 .MobileNotificationsFullPanel_icon__7sqDR{color:#fff}.MobileNotificationsFullPanel_contentArea__LISP4{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.MobileNotificationsFullPanel_text__DEc4V{word-wrap:break-word;color:var(--text-color);font-size:15px;font-weight:500;line-height:1.4;margin:0;transition:color .3s ease}.MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU .MobileNotificationsFullPanel_text__DEc4V{color:var(--text-color);font-weight:600}.MobileNotificationsFullPanel_time__6MzD7{color:#6c757d;font-size:12px;font-weight:400;transition:color .3s ease}.MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU .MobileNotificationsFullPanel_time__6MzD7{color:#e75480;font-weight:500}.MobileNotificationsFullPanel_deleteBtn__6N6Pj{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:16px;margin-left:8px;opacity:.7;padding:8px;transition:all .3s ease}.MobileNotificationsFullPanel_deleteBtn__6N6Pj:hover{background:#e74c3c;color:#fff;opacity:1;transform:scale(1.1)}.MobileNotificationsFullPanel_deleteBtn__6N6Pj:active{transform:scale(.95)}.MobileNotificationsFullPanel_typeIndicator__5I0\+9{background:#e75480;border-radius:50%;height:8px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s ease;width:8px}.MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU .MobileNotificationsFullPanel_typeIndicator__5I0\+9{animation:MobileNotificationsFullPanel_bounce__ceLUR 1.5s infinite;opacity:1}@keyframes MobileNotificationsFullPanel_bounce__ceLUR{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@media (max-width:480px){.MobileNotificationsFullPanel_header__IHSSe{height:48px;padding:0 4px}.MobileNotificationsFullPanel_tab__-yA1n{font-size:14px;padding:8px 12px}.MobileNotificationsFullPanel_item__ceSMV{gap:10px;margin:2px 4px;padding:12px 8px}.MobileNotificationsFullPanel_iconContainer__7p4CL{height:36px;width:36px}.MobileNotificationsFullPanel_icon__7sqDR{font-size:16px}.MobileNotificationsFullPanel_text__DEc4V{font-size:13px}.MobileNotificationsFullPanel_deleteBtn__6N6Pj{font-size:14px;padding:6px}}[data-theme=dark] .MobileNotificationsFullPanel_panelWrapper__U69ql{background:var(--bg-color)}[data-theme=dark] .MobileNotificationsFullPanel_item__ceSMV{border-bottom:1px solid #333}[data-theme=dark] .MobileNotificationsFullPanel_item__ceSMV.MobileNotificationsFullPanel_unread__1kHZU{background:linear-gradient(135deg,#e7548026,#e7548014)}[data-theme=dark] .MobileNotificationsFullPanel_iconContainer__7p4CL{background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}[data-theme=dark] .MobileNotificationsFullPanel_icon__7sqDR{color:#ccc}[data-theme=dark] .MobileNotificationsFullPanel_time__6MzD7{color:#888}.MobileProfileFullPanel_panelWrapper__rREO\+{-webkit-overflow-scrolling:touch;align-items:center;background:var(--bg-color);display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);height:100dvh;left:0;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100dvh;overflow-y:auto;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) calc(env(safe-area-inset-bottom, 0) + 20px) env(safe-area-inset-left,0);position:fixed;scroll-behavior:smooth;top:0;transform:translateZ(0);width:100vw;z-index:3000}.MobileProfileFullPanel_closeBtn__lBRkk{align-items:center;background:none;border:none;color:var(--text-color-light);cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;min-width:44px;position:absolute;right:calc(16px + env(safe-area-inset-right, 0));top:calc(16px + env(safe-area-inset-top, 0));z-index:10}.MobileProfileFullPanel_profileHeader__joeo1{min-margin-top:60px;align-items:center;display:flex;flex-direction:column;margin-bottom:12px;margin-top:calc(32px + env(safe-area-inset-top, 0));width:100%}.MobileProfileFullPanel_statusSelector__dQcK3{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.MobileProfileFullPanel_statusSelector__dQcK3 button{align-items:center;background:none;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;opacity:.7;padding:6px 12px;transition:background .2s,color .2s}.MobileProfileFullPanel_statusSelector__dQcK3 .MobileProfileFullPanel_active__sT19h{background:var(--sidebar-item-active);color:var(--text-color);opacity:1}.MobileProfileFullPanel_avatarWrapper__TATi0{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;height:84px;justify-content:center;margin:0 auto 8px;overflow:hidden;transition:all .2s ease;width:84px}.MobileProfileFullPanel_avatarWrapper__TATi0:hover{box-shadow:0 4px 16px #0000001f;transform:scale(1.05)}.MobileProfileFullPanel_avatar__u-1Pn{border-radius:50%;height:84px;object-fit:cover;pointer-events:none;width:84px}.MobileProfileFullPanel_username__hBEAj{color:var(--text-color);font-size:20px;font-weight:700;margin-bottom:2px;text-align:center}.MobileProfileFullPanel_role__q5tRj{color:var(--text-color-light);font-size:14px;margin-bottom:8px;text-align:center}.MobileProfileFullPanel_bioArea__7GmME{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000a;margin:0 auto 16px;max-width:400px;padding:12px;width:90%}.MobileProfileFullPanel_bioContent__fnLVf{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:24px}.MobileProfileFullPanel_bioText__3lLiC{color:var(--text-color);font-size:14px;font-weight:500}.MobileProfileFullPanel_bioSeparator__IQdww{color:var(--text-color-light)}.MobileProfileFullPanel_bioPlaceholder__6yCkT{align-items:center;color:var(--text-color-light);display:flex;font-size:14px;font-style:italic;gap:8px;justify-content:center;opacity:.7}.MobileProfileFullPanel_bioPlaceholder__6yCkT i{font-size:12px;opacity:.5}.MobileProfileFullPanel_statsRow__nViE2{display:flex;gap:32px;justify-content:center;margin-bottom:8px}.MobileProfileFullPanel_statsNumber__AgwCj{color:var(--text-color);font-size:18px;font-weight:700;text-align:center}.MobileProfileFullPanel_statsLabel__pN5be{color:var(--text-color-light);font-size:12px;text-align:center}.MobileProfileFullPanel_balanceRow__jNOeN{color:var(--text-color);display:flex;font-size:15px;gap:18px;justify-content:center;margin-bottom:8px}.MobileProfileFullPanel_badgesRow__Ftgge{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 16px;max-width:400px;min-height:70px;padding:16px;width:90%}.MobileProfileFullPanel_badge__UG2zg{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:38px;justify-content:center;overflow:hidden;transition:all .3s ease;width:38px}.MobileProfileFullPanel_badge__UG2zg:hover{border-color:#007bff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.MobileProfileFullPanel_badge__UG2zg img{height:100%;object-fit:cover;width:100%}.MobileProfileFullPanel_badgesEmpty__yXSNw{align-items:center;color:var(--text-color-light);display:flex;font-size:14px;font-style:italic;gap:8px;justify-content:center;opacity:.7;padding:16px;text-align:center;width:100%}.MobileProfileFullPanel_badgesEmpty__yXSNw i{font-size:16px;opacity:.5}.MobileProfileFullPanel_menuButtons__0OU9o{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;margin-top:4px;padding-bottom:calc(20px + env(safe-area-inset-bottom, 0));width:100%}.MobileProfileFullPanel_menuBtn__spG5P{align-items:center;background:var(--sidebar-item-active);border:none;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:var(--text-color);cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:14px;justify-content:center;max-width:420px;padding:14px 0;transition:background .2s,color .2s;width:92vw}.MobileProfileFullPanel_importantBtn__tsaLW{background:linear-gradient(90deg,#e75480 80%,#c0392b);color:#fff}.MobileProfileFullPanel_registerForm__LInB\+{display:flex;flex-direction:column;gap:14px;padding:12px 0}.MobileProfileFullPanel_mathRow__f-S1e{align-items:center;display:flex;gap:8px}.MobileProfileFullPanel_rulesRow__zKd1M{align-items:center;display:flex;font-size:14px;gap:8px}.MobileProfileFullPanel_rulesBtn__NMlcL{background:none;border:none;color:#1976d2;cursor:pointer;font-size:13px;margin-left:8px;text-decoration:underline}.MobileProfileFullPanel_errorMsg__ebty4{background:#fff3f3;border-radius:6px;color:#e53935;font-size:14px;margin-bottom:4px;padding:8px 12px}.MobileProfileFullPanel_registerBtn__lvdBY{background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:8px auto 0;max-width:400px;padding:12px;transition:background .2s;width:90%}.MobileProfileFullPanel_registerBtn__lvdBY:disabled{background:#bdbdbd;cursor:not-allowed}.MobileProfileFullPanel_mathInputFrame__i7Ak6{align-items:center;background:#f8fff4;border:2px solid #25d366;border-radius:10px;box-sizing:border-box;display:flex;gap:8px;margin-bottom:8px;padding:8px 14px;width:100%}.MobileProfileFullPanel_rulesModalOverlay__I6u3s{background:#000000b3;bottom:0;justify-content:center;left:0;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;right:0;top:0;z-index:3000}.MobileProfileFullPanel_rulesModalContent__6JVRr,.MobileProfileFullPanel_rulesModalOverlay__I6u3s{align-items:center;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);height:100dvh;width:100vw}.MobileProfileFullPanel_rulesModalContent__6JVRr{-webkit-overflow-scrolling:touch;background:#fff;border-radius:0;box-shadow:none;flex-direction:column;justify-content:flex-start;max-height:100vh;max-height:calc(var(--vh, 1vh)*100);max-height:100dvh;max-width:100vw;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top, 0)) env(safe-area-inset-right,0) calc(32px + env(safe-area-inset-bottom, 0)) env(safe-area-inset-left,0);position:relative;transform:translateZ(0)}.MobileProfileFullPanel_rulesText__OckmN{word-wrap:break-word;background:#f9f9fb;border-radius:14px;box-shadow:0 2px 12px #0000000a;color:#333;font-size:16px;line-height:1.7;margin:16px;max-width:600px;overflow-x:hidden;padding:32px 18px 18px;width:calc(100% - 32px)}.MobileProfileFullPanel_rulesText__OckmN h4,.MobileProfileFullPanel_rulesText__OckmN h5{color:#25d366;font-weight:700;letter-spacing:.01em;margin-bottom:10px;margin-top:18px}.MobileProfileFullPanel_rulesText__OckmN h4{font-size:20px;margin-bottom:16px}.MobileProfileFullPanel_rulesText__OckmN h5{font-size:16px}.MobileProfileFullPanel_rulesText__OckmN p{color:#444;margin-bottom:12px}.MobileProfileFullPanel_rulesText__OckmN ol,.MobileProfileFullPanel_rulesText__OckmN ul{color:#444;margin-bottom:12px;margin-left:22px}.MobileProfileFullPanel_rulesText__OckmN li{font-size:15px;margin-bottom:7px}.MobileProfileFullPanel_rulesModalBtn__ZVEZC{background:#25d366;border:none;border-radius:8px;bottom:calc(20px + env(safe-area-inset-bottom, 0));color:#fff;cursor:pointer;display:block;font-size:17px;font-weight:600;margin:32px auto calc(20px + env(safe-area-inset-bottom, 0));max-width:400px;min-height:44px;padding:16px 0;position:sticky;width:90%;z-index:10}.MobileProfileFullPanel_inputGroup__8yhge{margin-bottom:16px;position:relative}.MobileProfileFullPanel_inputIcon__uRDBb{color:var(--text-color-light);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.MobileProfileFullPanel_inputModern__67vb1{background:var(--bg-color);border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:var(--text-color);font-family:inherit;font-size:16px;outline:none;padding:16px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.MobileProfileFullPanel_inputModern__67vb1:hover{border-color:#007bff;box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.MobileProfileFullPanel_inputModern__67vb1:focus{animation:MobileProfileFullPanel_inputFocus__ht4qk .4s ease;border-color:#007bff;box-shadow:0 0 0 4px #007bff26;transform:translateY(-1px)}.MobileProfileFullPanel_inputModern__67vb1::placeholder{color:var(--text-color-light);opacity:.6;transition:opacity .2s ease}.MobileProfileFullPanel_inputModern__67vb1:focus::placeholder{opacity:.4}.MobileProfileFullPanel_formLabel__HQRWV{align-items:center;color:var(--text-color);display:flex;font-size:15px;font-weight:600;margin-bottom:10px;padding-left:4px;transition:color .2s ease}.MobileProfileFullPanel_formGroup__ZVvp6:focus-within .MobileProfileFullPanel_formLabel__HQRWV{color:#007bff}.MobileProfileFullPanel_characterCounter__M16Jd{font-size:12px;font-weight:500;margin-top:8px;padding-right:4px;text-align:right;transition:all .2s ease}.MobileProfileFullPanel_characterCounter__M16Jd.MobileProfileFullPanel_normal__WLWV-{color:var(--text-color-light);opacity:.7}.MobileProfileFullPanel_characterCounter__M16Jd.MobileProfileFullPanel_warning__nwz9h{color:#f39c12;font-weight:600;opacity:1}.MobileProfileFullPanel_characterCounter__M16Jd.MobileProfileFullPanel_danger__4OBxR{animation:MobileProfileFullPanel_pulse__zCJXn 1s infinite;color:#e74c3c;font-weight:700;opacity:1}@keyframes MobileProfileFullPanel_pulse__zCJXn{0%,to{opacity:1}50%{opacity:.7}}.MobileProfileFullPanel_formGroup__ZVvp6{margin-bottom:24px;position:relative;transition:all .3s ease}.MobileProfileFullPanel_formGroup__ZVvp6:hover{transform:translateY(-2px)}.MobileProfileFullPanel_inputModern__67vb1[rows]{font-family:inherit;line-height:1.5;min-height:90px;padding-top:16px;resize:vertical}.MobileProfileFullPanel_ageInput__IAu\+\+{font-size:18px;font-weight:600;letter-spacing:1px;text-align:center}.MobileProfileFullPanel_cityInput__RoBs0{font-weight:500;text-transform:capitalize}.MobileProfileFullPanel_bioTextarea__JrI\+e{font-size:15px;line-height:1.6}@keyframes MobileProfileFullPanel_inputFocus__ht4qk{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(-1px) scale(1)}}@media (max-width:480px){.MobileProfileFullPanel_formGroup__ZVvp6{margin-bottom:20px}.MobileProfileFullPanel_inputModern__67vb1{font-size:16px;padding:14px 16px}.MobileProfileFullPanel_formLabel__HQRWV{font-size:14px}}.MobileProfileFullPanel_avatarModal__us\+Wf{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:5000}.MobileProfileFullPanel_avatarModal__us\+Wf.MobileProfileFullPanel_open__sXWXR{opacity:1;visibility:visible}.MobileProfileFullPanel_avatarModalImage__mMnlq{border-radius:12px;box-shadow:0 8px 32px #0000004d;cursor:pointer;height:auto;max-height:90vh;max-width:90vw;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.MobileProfileFullPanel_avatarModal__us\+Wf.MobileProfileFullPanel_open__sXWXR .MobileProfileFullPanel_avatarModalImage__mMnlq{transform:scale(1)}.MobileProfileFullPanel_preferencesContainer__lRGx\+{-webkit-overflow-scrolling:touch;flex:1 1;margin:0 auto;max-width:400px;overflow-y:visible;padding:16px 0;width:90%}.MobileProfileFullPanel_preferenceItem__-q42T{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:16px;padding:16px;transition:all .3s ease}.MobileProfileFullPanel_preferenceItem__-q42T:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.MobileProfileFullPanel_preferenceHeader__RLxhj{margin-bottom:12px}.MobileProfileFullPanel_preferenceTitle__kpKUM{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;margin-bottom:4px}.MobileProfileFullPanel_preferenceDescription__3Ra4e{color:#666;font-size:13px;line-height:1.4}.MobileProfileFullPanel_preferenceOptions__zMrNq{display:flex;flex-wrap:wrap;gap:8px}.MobileProfileFullPanel_preferenceOption__uGb-3{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:100px;padding:8px 12px;transition:all .3s ease}.MobileProfileFullPanel_preferenceOption__uGb-3:hover{background:#f8f9ff;border-color:#007bff;color:#007bff}.MobileProfileFullPanel_preferenceOption__uGb-3.MobileProfileFullPanel_selected__XC9\+m{background:#007bff;border-color:#007bff;color:#fff;font-weight:600}.MobileProfileFullPanel_preferenceOption__uGb-3.MobileProfileFullPanel_selected__XC9\+m:hover{background:#0056b3;border-color:#0056b3}.MobileProfileFullPanel_buttonContainer__mDrHA{margin:0 auto;max-width:400px;padding:16px 0;position:relative;width:90%;z-index:10}@media (max-width:480px){.MobileProfileFullPanel_preferenceOptions__zMrNq{flex-direction:column}.MobileProfileFullPanel_preferenceOption__uGb-3{min-width:auto;width:100%}.MobileProfileFullPanel_preferenceTitle__kpKUM{font-size:15px}.MobileProfileFullPanel_preferenceDescription__3Ra4e{font-size:12px}}.MobileProfileFullPanel_custom-select__L6MYa{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;cursor:pointer!important;padding-right:40px!important;transition:all .2s ease!important}.MobileProfileFullPanel_custom-select__L6MYa:hover{border-color:#007bff!important;box-shadow:0 2px 8px #007bff26!important}.MobileProfileFullPanel_custom-select__L6MYa:focus{border-color:#007bff!important;box-shadow:0 0 0 3px #007bff1a!important;outline:none!important}.MobileProfileFullPanel_custom-select__L6MYa:active{transform:none!important}.MobileProfileFullPanel_custom-select__L6MYa option{background-color:#fff;border:none;color:#333;padding:8px 12px}.MobileProfileFullPanel_custom-select__L6MYa option:hover{background-color:#f8f9fa}.MobileProfileFullPanel_custom-select__L6MYa option:checked{background-color:#007bff;color:#fff}@keyframes MobileProfileFullPanel_dropdownFadeIn__t\+qfA{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-container{position:relative}.custom-dropdown-trigger{transition:all .2s ease}.custom-dropdown-trigger:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.custom-dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.custom-dropdown-item{transition:background-color .2s ease}.custom-dropdown-item:hover{background-color:#f8f9fa!important}.custom-dropdown-item:last-child{border-bottom:none}@media (max-height:700px){.MobileProfileFullPanel_panelWrapper__rREO\+{height:auto;min-height:100%;padding-bottom:50px}.MobileProfileFullPanel_preferencesContainer__lRGx\+{overflow-y:visible}.MobileProfileFullPanel_buttonContainer__mDrHA{background-color:var(--bg-color);box-shadow:0 -4px 10px #0000000d}}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_mobile__1JL0U{max-width:100vw;width:100vw}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_desktop__NVu2x{align-items:center;background:var(--bg-color);box-shadow:-2px 0 20px #00000026;display:flex;flex-direction:column;flex-shrink:0;height:100vh;left:auto;min-height:100vh;min-width:0;order:2;overflow:hidden;position:relative;top:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:0;z-index:999}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_desktop__NVu2x.MobileProfileFullPanel_open__sXWXR{overflow-x:hidden;overflow-y:auto;padding:20px;width:360px}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_desktop__NVu2x .MobileProfileFullPanel_closeBtn__lBRkk{right:16px;top:16px}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6{background:#0000!important;bottom:auto!important;box-shadow:none!important;flex-shrink:0;height:auto!important;left:auto!important;margin:0!important;max-width:100%!important;min-height:auto!important;order:0!important;overflow-x:visible!important;overflow-y:visible!important;padding:16px!important;position:static!important;right:auto!important;top:auto!important;width:100%!important;z-index:auto!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6.MobileProfileFullPanel_open__sXWXR{padding:16px!important;width:100%!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_avatar__u-1Pn{height:80px!important;width:80px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_username__hBEAj{font-size:16px!important;margin-bottom:4px!important;margin-top:8px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_role__q5tRj{font-size:11px!important;margin-bottom:8px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_profileHeader__joeo1{margin-bottom:12px!important;padding:12px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_statsRow__nViE2{gap:16px!important;margin-bottom:8px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_statsNumber__AgwCj{font-size:16px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_statsLabel__pN5be{font-size:11px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_balanceRow__jNOeN{display:none!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_menuBtn__spG5P{background:#fff!important;background:var(--bg-color,#fff)!important;border:2px solid #e0e0e0!important;border:2px solid var(--border-color,#e0e0e0)!important;border-radius:12px!important;box-shadow:0 2px 6px #00000014!important;color:#333!important;color:var(--text-color,#333)!important;font-size:13px!important;font-weight:600!important;margin-bottom:8px!important;max-width:100%!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_menuBtn__spG5P:hover{background:#f5f5f5!important;background:var(--sidebar-item-hover,#f5f5f5)!important;border-color:#3498db!important;border-color:var(--primary-color,#3498db)!important;box-shadow:0 4px 10px #0000001f!important;transform:translateY(-1px)!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_menuBtn__spG5P:active{box-shadow:0 2px 4px #0000001a!important;transform:translateY(0)!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_menuBtn__spG5P i{font-size:14px!important;margin-right:8px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_importantBtn__tsaLW{background:linear-gradient(90deg,#e75480,#c0392b)!important;border-color:#e754804d!important;color:#fff!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_importantBtn__tsaLW:hover{border-color:#e7548099!important;box-shadow:0 4px 12px #e754804d!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_badgesRow__Ftgge{margin-bottom:10px!important;padding:10px!important}.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_sidebar__ei1v6 .MobileProfileFullPanel_badge__UG2zg{font-size:10px!important;padding:3px 8px!important}.MobileProfileFullPanel_loadingContainer__DOhrl{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.MobileProfileFullPanel_interactionButtons__UOC04{background:#fff;background:var(--bg-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:10px 0 6px;max-width:500px;padding:12px;width:100%}.MobileProfileFullPanel_primaryActions__YWqdk{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:8px;width:100%}.MobileProfileFullPanel_followButton__ZMXL5,.MobileProfileFullPanel_friendButton__vVzuO{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s ease}.MobileProfileFullPanel_friendButton__vVzuO{background:#3498db;background:var(--primary-color,#3498db);color:#fff}.MobileProfileFullPanel_friendButton__vVzuO:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.MobileProfileFullPanel_followButton__ZMXL5{background:#e74c3c;color:#fff}.MobileProfileFullPanel_followButton__ZMXL5:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.MobileProfileFullPanel_quickActions__F8gQF{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:0;width:100%}.MobileProfileFullPanel_quickActionBtn__F1Q4C{align-items:center;background:#fff;background:var(--bg-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s ease}.MobileProfileFullPanel_quickActionBtn__F1Q4C i{color:#666;font-size:18px}.MobileProfileFullPanel_quickActionBtn__F1Q4C span{font-size:11px;font-weight:500}.MobileProfileFullPanel_quickActionBtn__F1Q4C:hover{background:#f5f5f5;background:var(--sidebar-item-hover,#f5f5f5);border-color:#3498db;border-color:var(--primary-color,#3498db);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.MobileProfileFullPanel_quickActionBtn__F1Q4C:active{transform:translateY(0)}.MobileProfileFullPanel_giftButton__ClwRW{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:8px;margin-top:8px;max-width:500px;padding:12px 16px;transition:all .2s ease;width:100%}.MobileProfileFullPanel_giftButton__ClwRW:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.MobileProfileFullPanel_giftButton__ClwRW:active{transform:translateY(0)}.MobileProfileFullPanel_giftButton__ClwRW i{font-size:18px}[data-theme=dark] .MobileProfileFullPanel_quickActionBtn__F1Q4C{background:var(--bg-color);border-color:var(--border-color)}[data-theme=dark] .MobileProfileFullPanel_quickActionBtn__F1Q4C:hover{background:var(--sidebar-item-hover)}.MobileProfileFullPanel_userRoomsSection__T2XRz{background:#f9f9f9;border-radius:12px;margin-top:8px;max-width:500px;padding:12px;width:100%}.MobileProfileFullPanel_sectionHeader__NI6V8{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.MobileProfileFullPanel_sectionHeader__NI6V8 i{color:#3498db;color:var(--primary-color,#3498db)}.MobileProfileFullPanel_roomBadges__suBC5{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:0;overflow:hidden}.MobileProfileFullPanel_roomBadge__OWTHv{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 16px;transition:all .2s ease;width:100%}.MobileProfileFullPanel_roomBadge__OWTHv:last-child{border-bottom:none}.MobileProfileFullPanel_roomBadge__OWTHv:hover{background:#f8f9fa;padding-left:20px}.MobileProfileFullPanel_roomBadgeName__NCyr7{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;gap:8px;text-align:left}.MobileProfileFullPanel_roomBadgeName__NCyr7:before{content:"📍";font-size:12px}[data-theme=dark] .MobileProfileFullPanel_userRoomsSection__T2XRz{background:#2a2a2a;background:var(--sidebar-item-hover,#2a2a2a)}[data-theme=dark] .MobileProfileFullPanel_roomBadges__suBC5{border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .MobileProfileFullPanel_roomBadge__OWTHv{background:#1e1e1e;background:var(--bg-color,#1e1e1e);border-bottom-color:#444;border-bottom-color:var(--border-color,#444)}[data-theme=dark] .MobileProfileFullPanel_roomBadge__OWTHv:hover{background:#2a2a2a;background:var(--sidebar-item-hover,#2a2a2a)}[data-theme=dark] .MobileProfileFullPanel_roomBadgeName__NCyr7{color:#e0e0e0;color:var(--text-color,#e0e0e0)}@media (max-width:400px){.MobileProfileFullPanel_quickActions__F8gQF{gap:8px;grid-template-columns:repeat(2,1fr)}.MobileProfileFullPanel_quickActionBtn__F1Q4C{padding:14px 10px}}@media (max-width:1200px){.MobileProfileFullPanel_panelWrapper__rREO\+.MobileProfileFullPanel_desktop__NVu2x.MobileProfileFullPanel_open__sXWXR{width:300px}}.DesktopModal_modalOverlay__3\+vsR{align-items:center;animation:DesktopModal_fadeIn__7E0yG .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes DesktopModal_fadeIn__7E0yG{0%{opacity:0}to{opacity:1}}.DesktopModal_modalContent__zRWRO{animation:DesktopModal_slideUp__GPJzs .3s ease;background:#fff;background:var(--bg-color,#fff);border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;position:relative;width:100%}@keyframes DesktopModal_slideUp__GPJzs{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.DesktopModal_modalHeader__ZTKo5{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.DesktopModal_modalTitle__Qh6BE{color:#333;color:var(--text-color,#333);font-size:20px;font-weight:600;margin:0}.DesktopModal_closeButton__3rGOh{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;color:var(--text-color-light,#666);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.DesktopModal_closeButton__3rGOh:hover{background:#f5f5f5;background:var(--sidebar-item-hover,#f5f5f5);color:#333;color:var(--text-color,#333)}.DesktopModal_closeButton__3rGOh:active{transform:scale(.95)}.DesktopModal_modalBody__-fE9z{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.DesktopModal_modalBody__-fE9z::-webkit-scrollbar{width:8px}.DesktopModal_modalBody__-fE9z::-webkit-scrollbar-track{background:#0000}.DesktopModal_modalBody__-fE9z::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color,#e0e0e0);border-radius:4px}.DesktopModal_modalBody__-fE9z::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-color-light,#999)}@media (max-width:768px){.DesktopModal_modalContent__zRWRO{border-radius:12px;max-height:90vh}.DesktopModal_modalHeader__ZTKo5{padding:16px 20px}.DesktopModal_modalTitle__Qh6BE{font-size:18px}.DesktopModal_modalBody__-fE9z{padding:20px}}.mobile-rooms-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-rooms-panel{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-color,#fff);border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:400px;transform-origin:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-rooms-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);display:flex;justify-content:space-between;padding:20px}.mobile-rooms-title{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.mobile-rooms-title i{color:#007bff;color:var(--primary-color,#007bff)}.mobile-rooms-closeBtn{background:none;border:none;border-radius:50%;color:#666;color:var(--text-color-light,#666);cursor:pointer;font-size:18px;padding:8px;transition:background-color .2s}.mobile-rooms-closeBtn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.mobile-rooms-list{flex:1 1;max-height:400px;overflow-y:auto;padding:16px 20px}.mobile-room-card{align-items:center;background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s}.mobile-room-card:hover{background:#e9ecef;background:var(--hover-bg,#e9ecef);transform:translateY(-1px)}.mobile-room-card.active{background:#007bff;background:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.mobile-room-content{flex:1 1}.mobile-room-name{font-size:16px;margin-bottom:4px}.mobile-room-name b{font-weight:600}.mobile-room-online{color:#666;color:var(--text-color-light,#666);font-size:14px}.mobile-room-card.active .mobile-room-online{color:#fffc}.mobile-room-actions{align-items:center;display:flex;gap:8px}.mobile-room-unread{background:#dc3545;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.mobile-room-settings{background:none;border:none;border-radius:50%;color:#666;color:var(--text-color-light,#666);cursor:pointer;font-size:16px;padding:6px;transition:all .2s}.mobile-room-settings:hover{background:#e9ecef;background:var(--hover-bg,#e9ecef);color:#333;color:var(--text-color,#333)}.mobile-room-card.active .mobile-room-settings{color:#ffffffb3}.mobile-room-card.active .mobile-room-settings:hover{background:#ffffff1a;color:#fff}.mobile-rooms-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);display:flex;flex-direction:column;gap:8px;padding:16px 20px}.mobile-rooms-footerBtn{align-items:center;background:#0000;border:2px solid #007bff;border:2px solid var(--primary-color,#007bff);border-radius:8px;color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.mobile-rooms-footerBtn:first-child,.mobile-rooms-footerBtn:hover{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.mobile-rooms-footerBtn:first-child:hover{background:#0056b3;background:var(--primary-dark,#0056b3)}.mobile-users-overlay{align-items:flex-end;animation:mobile-users-fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes mobile-users-fadeIn{0%{opacity:0}to{opacity:1}}.mobile-users-panel{animation:mobile-users-slideUp .3s ease-out;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column;max-height:50vh;min-height:300px;overflow:hidden;width:100%}@keyframes mobile-users-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-users-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.mobile-users-title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.mobile-users-title i{color:#007bff}.mobile-users-closeBtn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:8px;transition:all .2s ease;width:32px}.mobile-users-closeBtn:hover{background:#e9ecef;color:#333}.mobile-users-list{-webkit-overflow-scrolling:touch;flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0;scrollbar-color:#ccc #0000;scrollbar-width:thin}.mobile-users-list::-webkit-scrollbar{width:4px}.mobile-users-list::-webkit-scrollbar-track{background:#0000}.mobile-users-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.mobile-users-list::-webkit-scrollbar-thumb:hover{background:#999}.mobile-user-item{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;min-height:80px;padding:16px 20px;position:relative;transition:background-color .2s ease}.mobile-user-item:hover{background:#f8f9fa}.mobile-user-item:last-child{border-bottom:none}.mobile-user-avatar{align-items:center;display:flex;flex-shrink:0;height:52px;justify-content:center;margin-right:16px;position:relative;width:52px}.mobile-user-avatar img{background:#f1f3f4;border:2px solid #e9ecef;border-radius:50%;display:block;height:48px;object-fit:cover;width:48px}.mobile-user-online-indicator{border:3px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0003;height:14px;position:absolute;right:2px;width:14px}.mobile-user-online-indicator.online{background-color:#28a745}.mobile-user-online-indicator.different-room{background-color:#dc3545}.mobile-user-online-indicator.offline{background-color:#6c757d}.mobile-user-content{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-height:60px;position:relative}.mobile-user-name{color:#333;font-size:15px;font-weight:600;line-height:1.2;margin:0}.mobile-user-rank{color:#666;font-size:12px;font-weight:500;margin:0}.mobile-user-authority{margin:2px 0}.mobile-user-status{border:1px solid;border-radius:12px;display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:3px 8px}.mobile-user-status[data-authority=founder]{background:#ff52521a;border-color:rgba(255,82,82,.376);color:#ff5252}.mobile-user-status[data-authority=operator]{background:#7955481a;border-color:rgba(121,85,72,.376);color:#795548}.mobile-user-status[data-authority=moderator]{background:#607d8b1a;border-color:rgba(96,125,139,.376);color:#607d8b}.mobile-user-meta{align-items:center;display:flex;gap:10px;margin-top:4px}.mobile-user-meta i{color:#666;font-size:13px}.mobile-user-meta .fa-venus{color:#e91e63}.mobile-user-meta .fa-mars{color:#2196f3}.mobile-user-options{cursor:pointer;position:absolute;right:0;top:8px;z-index:1}.mobile-user-options-icon{align-items:center;border-radius:50%;color:#666;display:flex;font-size:16px;height:36px;justify-content:center;padding:10px;transition:all .2s ease;width:36px}.mobile-user-options-icon:hover{background:#e9ecef;color:#333}.mobile-user-options-icon:active{background:#dee2e6}.mobile-users-empty{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:60px 20px;text-align:center}.mobile-users-empty i{color:#ddd;font-size:64px;margin-bottom:20px}.mobile-users-empty p{font-size:16px;font-weight:500;margin:0}.mobile-users-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.mobile-users-count{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center}.mobile-users-count i{color:#007bff}.mobile-users-refresh{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:transform .3s ease;width:36px}.mobile-users-refresh:hover{background-color:#0056b3;transform:rotate(180deg)}.mobile-users-refresh i{font-size:16px}@media (max-width:480px){.mobile-users-panel{max-height:60vh;min-height:250px}.mobile-user-item{min-height:76px;padding:12px 16px}.mobile-user-avatar{height:48px;margin-right:12px;width:48px}.mobile-user-avatar img{height:44px;width:44px}.mobile-user-name{font-size:14px}.mobile-user-rank{font-size:11px}.mobile-user-options-icon{font-size:14px;height:32px;padding:8px;width:32px}}@media (max-width:360px){.mobile-users-panel{max-height:65vh}.mobile-user-item{min-height:72px;padding:10px 12px}.mobile-users-footer,.mobile-users-header{padding:12px 16px}}html[data-theme=dark] .mobile-users-overlay{background-color:#000000b3!important}html[data-theme=dark] .mobile-users-panel{background:#2a2a2a!important;box-shadow:0 -4px 20px #0006!important;color:#fff!important}html[data-theme=dark] .mobile-users-header{background:#333!important;border-bottom:1px solid #444!important}html[data-theme=dark] .mobile-users-title{color:#fff!important}html[data-theme=dark] .mobile-users-closeBtn{background:#0000!important;color:#fff!important}html[data-theme=dark] .mobile-users-closeBtn:hover{background:#444!important}html[data-theme=dark] .mobile-users-list{background:#2a2a2a!important}html[data-theme=dark] .mobile-user-item{background:#333!important;border-bottom:1px solid #444!important}html[data-theme=dark] .mobile-user-item:hover{background:#3a3a3a!important}html[data-theme=dark] .mobile-user-name{color:#fff!important}html[data-theme=dark] .mobile-user-rank{color:#ccc!important}html[data-theme=dark] .mobile-user-status[data-authority=founder]{background:linear-gradient(45deg,#ff6b6b,#ff8e53)!important;color:#fff!important}html[data-theme=dark] .mobile-user-status[data-authority=admin]{background:linear-gradient(45deg,#4ecdc4,#44a08d)!important;color:#fff!important}html[data-theme=dark] .mobile-user-status[data-authority=moderator]{background:linear-gradient(45deg,#667eea,#764ba2)!important;color:#fff!important}html[data-theme=dark] .mobile-user-status[data-authority=operator]{background:linear-gradient(45deg,#f093fb,#f5576c)!important;color:#fff!important}html[data-theme=dark] .mobile-user-meta i{color:#888!important}html[data-theme=dark] .mobile-user-meta .fa-mars{color:#4a90e2!important}html[data-theme=dark] .mobile-user-meta .fa-venus{color:#e91e63!important}html[data-theme=dark] .mobile-user-options-icon{color:#888!important}html[data-theme=dark] .mobile-user-options-icon:hover{background:#444!important;color:#fff!important}html[data-theme=dark] .mobile-users-footer{background:#333!important;border-top:1px solid #444!important}html[data-theme=dark] .mobile-users-refresh{background-color:#007bff!important}html[data-theme=dark] .mobile-users-refresh:hover{background-color:#0056b3!important}html[data-theme=dark] .mobile-users-count{color:#ccc!important}html[data-theme=dark] .mobile-users-count i{color:#4a90e2!important}html[data-theme=dark] .mobile-user-online-indicator.online{background-color:#28a745!important}html[data-theme=dark] .mobile-user-online-indicator.different-room{background-color:#dc3545!important}html[data-theme=dark] .mobile-user-online-indicator.offline{background-color:#6c757d!important}.ConnectionLoadingScreen_loadingScreen__f5iCb{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;color:#fff;display:flex;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}.ConnectionLoadingScreen_container__UHEOu{max-width:400px;padding:20px;text-align:center;width:90%}.ConnectionLoadingScreen_logoSection__NR1V5{animation:ConnectionLoadingScreen_fadeInDown__lXZ8c .8s ease-out;margin-bottom:40px}.ConnectionLoadingScreen_logo__3hqqJ{background:#ffffff1a;border-radius:50%;filter:brightness(1.2);height:80px;margin-bottom:15px;padding:15px;width:80px}.ConnectionLoadingScreen_title__1SAEY{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 2px 10px #0000004d}.ConnectionLoadingScreen_userSection__7QJI7{animation:ConnectionLoadingScreen_fadeInUp__JzYXu .8s ease-out .2s both;margin-bottom:40px}.ConnectionLoadingScreen_userAvatar__WY5tU{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;height:60px;margin:0 auto 15px;overflow:hidden;width:60px}.ConnectionLoadingScreen_userAvatar__WY5tU img{height:100%;object-fit:cover;width:100%}.ConnectionLoadingScreen_userName__RbEQT{color:#fff;font-size:20px;font-weight:600;margin-bottom:5px}.ConnectionLoadingScreen_userStatus__dQd4\+{background:#ffffff1a;border-radius:15px;color:#fffc;display:inline-block;font-size:14px;padding:4px 12px}.ConnectionLoadingScreen_stepsContainer__MPUpU{animation:ConnectionLoadingScreen_fadeInUp__JzYXu .8s ease-out .4s both;margin-bottom:30px}.ConnectionLoadingScreen_progressFill__Dg9Ml{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:10px;box-shadow:0 0 10px #00d4ff80;height:100%;transition:width .3s ease-out}.ConnectionLoadingScreen_step__uXIe3{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;margin:10px 0;opacity:.6;padding:15px 20px;transform:translateX(-10px);transition:all .2s ease-in-out}.ConnectionLoadingScreen_stepActive__e0z5b{animation:ConnectionLoadingScreen_slideIn__eTm9S .3s ease-out;background:#00d4ff33;border:1px solid #00d4ff4d;opacity:1;transform:translateX(0)}.ConnectionLoadingScreen_stepCurrent__INUC7{animation:ConnectionLoadingScreen_pulse__M62T7 1s infinite;background:#0f83;border:1px solid #0f86}@keyframes ConnectionLoadingScreen_slideIn__eTm9S{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes ConnectionLoadingScreen_pulse__M62T7{0%,to{box-shadow:0 0 0 0 #0f86;transform:scale(1)}50%{box-shadow:0 0 0 8px #0f80;transform:scale(1.02)}}.ConnectionLoadingScreen_dot__WO1y3{animation:ConnectionLoadingScreen_loadingDot__lut0z .8s ease-in-out infinite;background:#00d4ff;border-radius:50%;height:8px;margin:0 3px;width:8px}.ConnectionLoadingScreen_dot__WO1y3:first-child{animation-delay:0s}.ConnectionLoadingScreen_dot__WO1y3:nth-child(2){animation-delay:.1s}.ConnectionLoadingScreen_dot__WO1y3:nth-child(3){animation-delay:.2s}@keyframes ConnectionLoadingScreen_loadingDot__lut0z{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ConnectionLoadingScreen_spinner__nQJoS{animation:ConnectionLoadingScreen_spin__mE5Uz .5s linear infinite;border:2px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:20px;width:20px}@keyframes ConnectionLoadingScreen_spin__mE5Uz{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ConnectionLoadingScreen_fadeInDown__lXZ8c{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes ConnectionLoadingScreen_fadeInUp__JzYXu{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.ConnectionLoadingScreen_container__UHEOu{max-width:500px}.ConnectionLoadingScreen_logo__3hqqJ{height:100px;padding:20px;width:100px}.ConnectionLoadingScreen_title__1SAEY{font-size:32px}.ConnectionLoadingScreen_userAvatar__WY5tU{height:80px;width:80px}.ConnectionLoadingScreen_userName__RbEQT{font-size:24px}.ConnectionLoadingScreen_stepText__3A5mv{font-size:18px}.ConnectionLoadingScreen_stepIcon__OFIyv{font-size:20px;width:28px}}[data-theme=dark] .ConnectionLoadingScreen_loadingScreen__f5iCb{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}[data-theme=dark] .ConnectionLoadingScreen_userStatus__dQd4\+{background:#ffffff26}[data-theme=dark] .ConnectionLoadingScreen_step__uXIe3{background:#ffffff14}[data-theme=dark] .ConnectionLoadingScreen_stepActive__e0z5b{background:#ffffff2e}[data-theme=dark] .ConnectionLoadingScreen_stepCurrent__INUC7{background:#ffffff40}.ConnectionLoadingScreen_connectionQuality__MFjgb{animation:ConnectionLoadingScreen_fadeInUp__JzYXu .8s ease-out .3s both;margin-bottom:25px}.ConnectionLoadingScreen_qualityIndicator__oCq8B{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;justify-content:center;padding:10px 20px;transition:all .3s ease}.ConnectionLoadingScreen_qualityIcon__7JGiR{font-size:20px;margin-right:10px}.ConnectionLoadingScreen_qualityText__VsjbG{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ConnectionLoadingScreen_statusMessage__9ZZeX{animation:ConnectionLoadingScreen_fadeInUp__JzYXu .6s ease-out;background:#ffffff14;border-left:4px solid #00d4ff;border-radius:15px;color:#ffffffe6;font-size:16px;font-weight:500;margin-bottom:20px;padding:15px 20px;text-align:center}.ConnectionLoadingScreen_reconnectInfo__8Q6Go{animation:ConnectionLoadingScreen_slideInUp__Zq4to .5s ease-out;background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:12px;margin-top:20px;padding:15px 20px;text-align:center}.ConnectionLoadingScreen_reconnectText__uUrYw{color:#ff6b6b;font-size:16px;font-weight:600;margin-bottom:5px}.ConnectionLoadingScreen_reconnectSubtext__0xmH5{color:#ffffffb3;font-size:13px;font-style:italic}.ConnectionLoadingScreen_stepPending__-CARO{opacity:.4;transform:translateX(-5px)}.ConnectionLoadingScreen_stepIcon__OFIyv{align-items:center;display:flex;font-size:18px;justify-content:center;margin-right:12px;transition:all .3s ease;width:24px}.ConnectionLoadingScreen_stepText__3A5mv{flex:1 1;font-size:16px;font-weight:500;text-align:left}.ConnectionLoadingScreen_progressContainer__A2ftv{animation:ConnectionLoadingScreen_fadeInUp__JzYXu .8s ease-out .6s both;margin-bottom:30px}.ConnectionLoadingScreen_progressBar__PtAWM{background:#fff3;border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.ConnectionLoadingScreen_progressBar__PtAWM:after{animation:ConnectionLoadingScreen_shimmer__jCkmb 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ConnectionLoadingScreen_progressText__7hc2F{color:#ffffffe6;font-size:14px;font-weight:600;text-align:center}.ConnectionLoadingScreen_loadingAnimation__8bBP2{animation:ConnectionLoadingScreen_fadeInUp__JzYXu .8s ease-out .8s both}.ConnectionLoadingScreen_loadingDots__VSRvK{display:flex;gap:8px;justify-content:center}@keyframes ConnectionLoadingScreen_slideInUp__Zq4to{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ConnectionLoadingScreen_shimmer__jCkmb{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:480px){.ConnectionLoadingScreen_qualityIndicator__oCq8B{padding:8px 15px}.ConnectionLoadingScreen_qualityText__VsjbG{font-size:12px}.ConnectionLoadingScreen_statusMessage__9ZZeX{font-size:14px;padding:12px 15px}.ConnectionLoadingScreen_reconnectInfo__8Q6Go{padding:12px 15px}.ConnectionLoadingScreen_reconnectText__uUrYw{font-size:14px}.ConnectionLoadingScreen_reconnectSubtext__0xmH5{font-size:12px}}.admin-panel{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.admin-panel h1{border-bottom:2px solid #ddd;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px}.admin-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.tab-btn{background-color:initial;border:none;color:#666;cursor:pointer;font-size:16px;padding:10px 20px;position:relative;transition:color .3s}.tab-btn:hover{color:#333}.tab-btn.active{color:#25d366;font-weight:700}.tab-btn.active:after{background-color:#25d366;bottom:-1px;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.admin-content{background-color:#fff;border-radius:6px;box-shadow:0 1px 5px #0000000d;padding:20px}.admin-data-table{overflow-x:auto}.admin-data-table table{border-collapse:collapse;width:100%}.admin-data-table td,.admin-data-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.admin-data-table th{background-color:#f9f9f9;color:#333;font-weight:700}.admin-data-table tr:hover{background-color:#f5f5f5}.status{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px}.status.active{background-color:#e6f7e6;color:#28a745}.status.inactive{background-color:#f8d7da;color:#dc3545}.status.public{background-color:#e6f7f9;color:#17a2b8}.status.private{background-color:#fff3cd;color:#ffc107}.admin-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:5px;padding:6px 12px;transition:all .3s}.admin-btn.edit{background-color:#007bff;color:#fff}.admin-btn.edit:hover{background-color:#0069d9}.admin-btn.delete{background-color:#dc3545;color:#fff}.admin-btn.delete:hover{background-color:#c82333}.loading{font-style:italic}.loading,.no-data{color:#666;padding:40px;text-align:center}.no-data{background-color:#f9f9f9;border-radius:6px}.admin-panel-error{background-color:#f8d7da;border-radius:8px;color:#721c24;margin:100px auto;max-width:600px;padding:50px 20px;text-align:center}.admin-panel-error h2{margin-bottom:10px}.settings-panel{padding:20px}.settings-panel h2{color:#333;margin-bottom:20px}.settings-container{background-color:#fff;padding:20px}.settings-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.settings-section h3{color:#333;font-size:18px;margin-bottom:15px}.style-options{display:flex;flex-wrap:wrap;gap:20px}.style-option{border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s;width:300px}.style-option:hover{border-color:#b3e6cc;box-shadow:0 0 10px #25d3661a}.style-option.selected{border-color:#25d366;box-shadow:0 0 10px #25d36633}.style-preview{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:10px;min-height:120px;padding:10px}.style-name{color:#333;font-weight:700;margin-bottom:5px}.style-description{color:#666;font-size:13px}.preview-message-row{align-items:flex-start;display:flex;margin-bottom:10px}.preview-message-row.received{justify-content:flex-start}.preview-message-row.sent{justify-content:flex-end}.preview-message-row.classic{justify-content:flex-start}.preview-avatar{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;font-size:18px;height:30px;justify-content:center;margin-right:8px;width:30px}.preview-bubble{background-color:#fff;border-radius:10px;box-shadow:0 1px 1px #0000001a;max-width:200px;padding:8px 10px}.preview-bubble.sent{background-color:#d9fdd3}.preview-bubble.classic{background-color:#f0f0f0}.preview-username{color:#6b7c85;font-size:11px;font-weight:700;margin-bottom:2px}.preview-text{color:#303030;font-size:12px}.admin-setting-option{margin-bottom:15px}.admin-setting-option label{align-items:center;color:#333;display:flex;font-weight:700;margin-bottom:5px}.admin-setting-option input[type=checkbox]{margin-right:10px}.setting-help-text{color:#666;font-size:13px;margin-left:24px}.settings-message{border-radius:5px;margin:15px 0;padding:10px 15px}.settings-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.settings-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.settings-actions{display:flex;justify-content:flex-end;margin-top:20px}.settings-save-button{background-color:#25d366;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.settings-save-button:hover{background-color:#1faa54}.settings-save-button:disabled{background-color:#a8d4bb;cursor:not-allowed}@media (max-width:768px){.admin-panel{margin:10px;padding:15px}.admin-tabs{flex-wrap:wrap}.tab-btn{font-size:14px;padding:8px 15px}.admin-content{padding:15px}.admin-data-table td,.admin-data-table th{font-size:14px;padding:8px 10px}.style-options{flex-direction:column}.style-option{width:100%}}*{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;--danger-color:#e74c3c}::-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)}.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:3000}.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.1bb807bd.css.map*/