:root{--disco-purple-bright: #4b1a8d;--disco-bg: #1a0b2e;--sidebar-light-purple: #25103f;--neon-pink: #ff00de;--neon-cyan: #00f2ff}html,body,#root{margin:0!important;padding:0!important;overflow:hidden;background-color:var(--disco-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#ff00de4d;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ff00de99}.App{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}.muff-header-shared{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);width:100%}.auth-page-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,var(--disco-purple-bright) 0%,var(--disco-bg) 100%);z-index:9999}.auth-card{background:#1e0f32d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:40px 50px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0009,0 0 20px #ff00de1a;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;box-sizing:border-box}.sidebar{width:280px;min-width:280px;flex-shrink:0;background-color:var(--sidebar-light-purple);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.sidebar-user-footer{width:100%;box-sizing:border-box;background-color:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:16px 20px;margin-top:auto}.sidebar-item{padding:8px 10px;border-radius:6px;cursor:pointer;margin-bottom:2px;color:#ffffffb3;transition:all .2s ease;display:flex;align-items:center;position:relative}.sidebar-item:hover{background:#ffffff0d;color:#fff}.active-zone{background:#ff00de26!important;color:#ff00de!important;font-weight:700;border-left:3px solid #ff00de}.unread-glow{color:#fff!important;font-weight:700!important;background:#ff00de1a!important;text-shadow:0 0 8px rgba(255,0,222,.8)}.unread-glow:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:#ff00de;border-radius:0 4px 4px 0;box-shadow:0 0 10px #ff00de;animation:notify-pulse 2s infinite}.notification-dot{width:8px;height:8px;background-color:#ff00de;border-radius:50%;display:inline-block;margin-left:8px;box-shadow:0 0 8px #ff00de}.add-zone-btn{width:100%;background:#ff00de0d;border:1px dashed rgba(255,0,222,.3);border-radius:8px;color:#ff00de;padding:10px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.add-zone-btn:hover{background:#ff00de26;border-color:#ff00de}.chat-window-container{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;background:radial-gradient(circle,#5b28a8,#2e0d5e)!important}.message-item{display:flex;gap:12px;padding:6px 20px;align-items:flex-start;position:relative;transition:background .2s ease}.message-item:hover{background:#ffffff08}.user-avatar{width:32px;height:32px;border-radius:50%;margin-top:4px}.message-content{display:flex;flex-direction:column;max-width:85%}.message-header{margin-bottom:2px;display:flex;align-items:baseline;gap:8px}.message-sender{color:var(--neon-cyan)!important;font-weight:600;font-size:.85rem}.message-time{color:#fff6;font-size:.7rem}.message-text{background:#ffffff14;padding:8px 14px;border-radius:0 16px 16px;font-size:.92rem;line-height:1.4;color:#fff!important;border:1px solid rgba(255,255,255,.05);display:inline-block;width:fit-content;word-break:break-word}.message-text pre{background-color:#0006!important;padding:12px;border-radius:8px;margin:8px 0;border-left:3px solid var(--neon-pink);overflow-x:auto}.message-text code{color:#ff00de!important;font-family:Fira Code,monospace;font-size:.85rem;background:#0003;padding:2px 4px;border-radius:4px}.message-actions-wrapper{position:absolute;right:20px;top:15px;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .2s ease}.message-item:hover .message-actions-wrapper,.message-actions-wrapper.active{opacity:1}.action-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;opacity:.5;filter:grayscale(100%);transition:all .2s ease;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.action-btn:hover{opacity:1;filter:grayscale(0%);transform:scale(1.15)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0514d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content.glass{background:#1e0b36;border:1px solid rgba(255,0,222,.3);border-radius:16px;padding:35px;width:420px;box-shadow:0 20px 60px #000000b3;animation:modalPop .25s ease-out}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-header h3{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.close-btn{background:transparent;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:0;transition:all .2s ease}.close-btn:hover{color:#fff;transform:scale(1.1);text-shadow:0 0 10px rgba(255,255,255,.5)}.modal-subtitle{color:#fff9;font-size:.9rem;margin-bottom:25px}.input-group{margin-bottom:20px}.input-group label{color:var(--neon-pink);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;display:block}.input-wrapper input,.input-group select,.muff-input{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px;color:#fff;padding:12px;width:100%;box-sizing:border-box;font-size:1rem;transition:all .2s}.input-wrapper input:focus,.input-group select:focus,.muff-input:focus{outline:none;border-color:var(--neon-pink)!important;box-shadow:0 0 10px #ff00de33}.create-btn{width:100%;background:var(--neon-pink)!important;color:#fff;padding:14px;border-radius:8px;font-weight:700;border:none;cursor:pointer;font-size:1rem;transition:transform .1s,filter .2s}.create-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.create-btn:disabled{opacity:.5;cursor:not-allowed}.user-list,.zone-results{max-height:280px;overflow-y:auto;margin-top:15px;display:flex;flex-direction:column;gap:8px;padding-right:8px}.user-list-item,.zone-result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .2s ease;color:#fff;font-weight:700}.user-list-item:hover,.zone-result-item:hover{background:#ffffff14;border-color:var(--neon-cyan);transform:translate(2px)}.invite-btn,.zone-result-item button{background:#00f2ff1a;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:6px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.invite-btn:hover,.zone-result-item button:hover{background:var(--neon-cyan);color:#1a0b2e;box-shadow:0 0 12px #00f2ff99;transform:scale(1.05)}.disco-glow-text{color:#fff!important;font-weight:800;text-shadow:0 0 10px #fff,0 0 20px #ff00de,0 0 40px #ff00de,0 0 80px #ff00de!important}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes notify-pulse{0%{box-shadow:0 0 #ff00de66}70%{box-shadow:0 0 0 10px #ff00de00}to{box-shadow:0 0 #ff00de00}}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--neon-cyan);cursor:pointer;margin-right:15px;padding:0;transition:transform .2s}.mobile-menu-btn:active{transform:scale(.95);opacity:.7}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0a0514b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9998}@media(max-width:768px){.mobile-menu-btn{display:flex!important;align-items:center}.sidebar{position:fixed;left:0;top:0;height:100dvh;z-index:9999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #000c}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block}.muff-header-shared h2{font-size:1.1rem!important}.muff-header-shared{padding:0 15px}}@keyframes slideDown{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}button.lk-button[aria-label=Chat],button.lk-chat-toggle,.lk-chat{display:none!important}.message-bubble img,.chat-message img,.message-content img{max-width:100%;max-height:250px;object-fit:contain;border-radius:12px;margin-top:8px;border:1px solid rgba(255,255,255,.1);display:block}@keyframes radiate-green{0%{box-shadow:0 0 #00ff8ccc}70%{box-shadow:0 0 0 8px #00ff8c00}to{box-shadow:0 0 #00ff8c00}}.live-call-indicator{display:inline-block;width:10px;height:10px;background-color:#00ff8c;border-radius:50%;animation:radiate-green 1.5s infinite;box-shadow:0 0 5px #00ff8c;flex-shrink:0}