:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--bg-tertiary:#1a1a3e;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--accent-primary:#6c5ce7;--accent-secondary:#a29bfe;--accent-gradient:linear-gradient(135deg,#6c5ce7,#a29bfe,#74b9ff);--accent-glow:#6c5ce74d;--text-primary:#f0f0ff;--text-secondary:#9d9dbd;--text-muted:#5e5e7e;--border-subtle:#ffffff0f;--border-accent:#6c5ce74d;--success:#00cec9;--danger:#ff6b6b;--warning:#ffeaa7;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px #0000004d;--shadow-lg:0 16px 48px #0006;--shadow-glow:0 0 40px var(--accent-glow);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.5s cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a1a;background:var(--bg-primary);color:#f0f0ff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root,body{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#5e5e7e;background:var(--text-muted);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9d9dbd;background:var(--text-secondary)}::selection{background:#6c5ce7;background:var(--accent-primary);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,20px) scale(1.05)}66%{transform:translate(25px,-35px) scale(.9)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-container{animation:fadeIn .5s ease-out;background:var(--bg-glass);display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.chat-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff05;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:.75rem 1.5rem;z-index:10}.chat-header,.chat-header-user{align-items:center;display:flex}.chat-header-user{gap:.85rem}.chat-header-avatar{border:2px solid var(--border-accent);border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-header-avatar-fallback{align-items:center;background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.chat-header-info{display:flex;flex-direction:column}.chat-header-name{color:var(--text-primary);font-size:1rem;font-weight:600}.chat-header-status{font-size:.75rem;font-weight:600;transition:color var(--transition-fast)}.chat-header-status.online{color:var(--success)}.chat-header-status.offline{color:var(--text-muted)}.typing-pulse{animation:pulse 1.5s ease-in-out infinite;color:var(--accent-secondary)}.image-preview-container{animation:slideUp .3s ease-out;background:var(--bg-glass);border-top:1px solid var(--border-subtle);padding:.75rem}.preview-card{border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:140px;overflow:hidden;position:relative;width:140px}.preview-card img{height:100%;object-fit:cover;width:100%}.cancel-preview{align-items:center;background:#ff5757d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .2s;width:24px;z-index:20}.cancel-preview:hover{background:#ff4757;transform:scale(1.1)}.upload-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:15}.progress-bar{background:var(--accent-gradient);bottom:0;box-shadow:0 0 10px var(--accent-glow);height:5px;left:0;position:absolute;transition:width .3s ease-in-out}.progress-text{color:#fff;font-size:.85rem;font-weight:700;text-shadow:0 0 8px #00000080}.chat-image--clickable{cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.chat-image--clickable:hover{filter:brightness(1.1);transform:scale(1.03)}.lightbox-overlay{animation:fadeIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000f2;inset:0;overflow:hidden;padding:2rem;position:fixed;z-index:9999}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{animation:zoomIn .4s cubic-bezier(.34,1.56,.64,1);height:auto;max-height:90vh;max-width:95vw;position:relative;width:auto}.lightbox-content img,.lightbox-content video{border:1px solid #ffffff0d;border-radius:var(--radius-sm);box-shadow:0 0 60px #000c;height:auto;max-height:85vh;max-width:95vw;object-fit:contain;width:auto}.lightbox-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;line-height:1;position:fixed;right:20px;top:20px;transition:all .2s;width:44px;z-index:10000}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}@keyframes zoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.media-grid{grid-gap:4px;border-radius:var(--radius-md);display:grid;gap:4px;margin-bottom:8px;max-width:100%;overflow:hidden}.media-grid--1{grid-template-columns:1fr}.media-grid--2,.media-grid--3{grid-template-columns:1fr 1fr}.media-grid--3{grid-template-rows:200px 200px}.media-grid--3 .media-item:first-child{grid-row:span 2}.media-grid--4{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px}.media-item{background:#ffffff0d;cursor:pointer;overflow:hidden;position:relative;transition:opacity .3s}.media-grid--1 .media-item{background:#1a1a2e;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;height:260px;max-width:100%;overflow:hidden;width:260px}.media-grid--1 .media-item img,.media-grid--1 .media-item video{display:block;height:100%!important;max-height:260px;max-width:260px;object-fit:cover!important;width:100%!important}.media-item img,.media-item video{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.media-item:hover img,.media-item:hover video{transform:scale(1.05)}.media-preview-row{animation:slideUp .3s ease-out;background:var(--bg-glass);border-top:1px solid var(--border-subtle);display:flex;gap:12px;overflow-x:auto;padding:12px}.media-preview-item{border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0;height:110px;overflow:hidden;position:relative;width:110px}.media-preview-item img,.media-preview-item video{height:100%;object-fit:cover;width:100%}.remove-media{background:#ff5757e6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.65rem;height:20px;right:4px;top:4px;width:20px;z-index:10}.drag-drop-overlay,.remove-media{align-items:center;display:flex;justify-content:center;position:absolute}.drag-drop-overlay{animation:fadeIn .2s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#00d4ff1a;border:4px dashed var(--border-accent);border-radius:var(--radius-lg);color:var(--border-accent);font-size:1.5rem;font-weight:800;inset:0;margin:1rem;pointer-events:none;z-index:10000}.is-dragging{transform:scale(.98);transition:transform .3s ease}.full-video{border-radius:var(--radius-lg);max-height:80vh;max-width:90vw;outline:none}.messages-area{gap:.25rem;overflow-y:auto;padding:1.5rem}.messages-area,.messages-empty{display:flex;flex:1 1;flex-direction:column}.messages-empty{align-items:center;animation:fadeIn 1s ease-out;color:var(--text-muted);gap:.75rem;justify-content:center}.messages-empty-icon{animation:float 4s ease-in-out infinite;font-size:3rem;opacity:.5}.messages-empty-text{color:var(--text-secondary);font-size:1rem;font-weight:500}.messages-empty-hint{font-size:.8rem}.message-wrapper{animation:messageSlideIn .3s ease-out both;display:flex}.message-wrapper--own{justify-content:flex-end}.message-wrapper--other{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:var(--radius-lg);max-width:70%;overflow-wrap:break-word;padding:.75rem 1rem;position:relative}.message-bubble--own{background:var(--accent-primary);border-bottom-right-radius:6px;color:#fff}.message-bubble--other{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-bottom-left-radius:6px;color:var(--text-primary)}.message-sender{color:var(--accent-secondary);display:block;font-size:.7rem;font-weight:600;margin-bottom:.25rem}.message-bubble--own .message-sender{color:#ffffffb3}.message-text{font-size:.95rem;line-height:1.5;white-space:pre-wrap}.chat-image{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:block;margin:.5rem 0;max-height:280px;max-width:100%;transition:transform .3s ease}.chat-image:hover{transform:scale(1.02)}.message-time{font-size:.65rem;margin-top:.35rem;opacity:.5;text-align:right}.date-divider{align-items:center;display:flex;gap:1rem;padding:.75rem 0}.date-divider:after,.date-divider:before{background:var(--border-subtle);content:"";flex:1 1;height:1px}.date-divider-text{color:var(--text-muted);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.input-area{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--bg-glass);border-top:1px solid var(--border-subtle);padding:1rem 1.25rem;position:relative}.input-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);gap:.5rem;padding:.25rem .5rem}.attachment-btn,.input-container{align-items:center;display:flex;transition:all var(--transition-fast)}.attachment-btn{background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:1.1rem;height:38px;justify-content:center;width:38px}.attachment-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.input-container:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 3px #6c5ce71a}.message-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;outline:none;padding:.5rem 0}.message-input::placeholder{color:var(--text-muted)}.send-btn{align-items:center;background:var(--accent-gradient);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.send-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:scale(1.08)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{cursor:not-allowed;opacity:.3}.send-btn svg{fill:#fff;height:18px;width:18px}.typing-area{align-items:center;display:flex;height:1.5rem;padding:0 1.5rem}.typing-text{color:var(--text-muted);font-size:.72rem;font-style:italic}@media (max-width:600px){.messages-area{padding:1rem}.input-area{padding:.75rem 1rem 1rem}.message-bubble{max-width:85%}}.sidebar{animation:slideInLeft .5s ease-out;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--bg-glass);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 64px);width:320px}.sidebar-me{background:#ffffff08;border-bottom:2px solid var(--border-subtle);padding:1.25rem 1.5rem}.me-header{display:flex;flex-direction:column;gap:.35rem}.me-label{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.me-code{color:var(--accent-secondary);cursor:pointer;font-family:JetBrains Mono,Courier New,monospace;font-size:1.1rem;font-weight:800;transition:all var(--transition-fast);width:fit-content}.me-code:hover{color:var(--text-primary);text-shadow:0 0 10px var(--accent-glow)}.me-code:active{transform:scale(.95)}.sidebar-search{border-bottom:1px solid var(--border-subtle);padding:1rem 1.25rem}.search-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;gap:.5rem;padding:.35rem .35rem .35rem 1rem}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.85rem;outline:none}.search-input::placeholder{color:var(--text-muted)}.add-friend-btn{background:var(--accent-gradient);border:none;border-radius:var(--radius-full);color:var(--bg-primary);cursor:pointer;font-size:.75rem;font-weight:800;padding:.35rem .85rem;text-transform:uppercase;transition:all var(--transition-fast)}.add-friend-btn:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.search-status{animation:fadeInUp .3s ease-out;color:var(--success);font-size:.72rem;font-weight:600;margin-top:.65rem;text-align:center}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.5rem}.sidebar-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.user-count{background:#00cec91a;border-radius:var(--radius-full);color:var(--success);font-size:.75rem;font-weight:600;padding:2px 8px}.sidebar-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.75rem}.sidebar-user-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all var(--transition-normal)}.sidebar-user-item:hover{background:var(--bg-glass-hover);transform:translateX(4px)}.sidebar-user-item--active{background:#6c5ce726;border:1px solid var(--border-accent)}.user-avatar-container{flex-shrink:0;height:44px;position:relative;width:44px}.user-avatar{border:2px solid var(--border-subtle);border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar-fallback{align-items:center;background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:100%;justify-content:center;width:100%}.online-indicator{background:var(--success);border:2.5px solid var(--bg-secondary);border-radius:50%;bottom:2px;box-shadow:0 0 8px #00cec966;height:12px;position:absolute;right:2px;width:12px}.user-info{flex:1 1}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:2px}.user-status{color:var(--text-muted);font-size:.75rem}.active-marker{background:var(--accent-primary);border-radius:var(--radius-full);box-shadow:-2px 0 10px var(--accent-glow);height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px}.sidebar-empty{color:var(--text-muted);padding:2rem;text-align:center}.sidebar-empty-hint{font-size:.8rem;margin-top:.5rem}@media (max-width:768px){.sidebar{padding:.75rem 0;width:80px}.sidebar-header,.sidebar-header h3,.user-count,.user-info{display:none}.sidebar-user-item{justify-content:center}}.app-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.orb{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb--1{animation:orbFloat1 12s ease-in-out infinite;background:var(--accent-primary);height:400px;right:-100px;top:-100px;width:400px}.orb--2{animation:orbFloat2 15s ease-in-out infinite;background:#a29bfe;bottom:-80px;height:350px;left:-80px;width:350px}.orb--3{animation:orbFloat1 18s ease-in-out infinite reverse;background:#74b9ff;height:250px;left:50%;opacity:.2;top:50%;transform:translate(-50%,-50%);width:250px}.app{position:relative;z-index:1}.app,.login-screen{display:flex;flex-direction:column;min-height:100vh}.login-screen{align-items:center;animation:fadeIn .8s ease-out;justify-content:center;padding:2rem}.login-card{animation:fadeInUp .6s ease-out .2s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:3rem 2.5rem;text-align:center;width:100%}.login-icon{align-items:center;animation:float 4s ease-in-out infinite;border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);display:flex;font-size:2rem;height:72px;justify-content:center;margin:0 auto 1.5rem;width:72px}.login-icon,.login-title{background:var(--accent-gradient)}.login-title{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:2rem}.login-btn{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 2rem;transition:all var(--transition-normal);width:100%}.login-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn svg{height:20px;width:20px}.login-features{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.login-feature{align-items:center;display:flex;flex-direction:column;gap:.35rem}.login-feature-icon{font-size:1.25rem}.login-feature-label{color:var(--text-muted);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.chat-layout{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;height:100vh}.topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-glass);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;padding:.75rem 1.5rem}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:.75rem}.topbar-logo{align-items:center;background:var(--accent-gradient);border-radius:var(--radius-sm);display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.topbar-title{font-size:1.05rem;font-weight:600}.topbar-status{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:.4rem}.topbar-status-dot{animation:pulse 2s ease-in-out infinite;background:var(--success);border-radius:50%;box-shadow:0 0 8px #00cec980;height:7px;width:7px}.topbar-right{gap:1rem}.topbar-right,.topbar-user{align-items:center;display:flex}.topbar-user{gap:.6rem}.topbar-avatar{border:2px solid var(--border-accent);border-radius:50%;height:32px;object-fit:cover;width:32px}.topbar-avatar-fallback{align-items:center;background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.topbar-username{color:var(--text-secondary);font-size:.85rem;font-weight:500}.logout-btn{background:#0000;border:1px solid #ff6b6b4d;border-radius:var(--radius-full);color:var(--danger);cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;padding:.45rem 1rem;transition:all var(--transition-fast)}.logout-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b80}.chat-window-container,.main-content{display:flex;flex:1 1;overflow:hidden}.chat-window-container{flex-direction:column;position:relative}.welcome-screen{align-items:center;animation:fadeIn .8s ease-out;background:#ffffff05;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.welcome-icon{animation:float 4s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.welcome-screen h2{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.welcome-screen p{color:var(--text-secondary);font-size:1rem}@media (max-width:600px){.login-card{margin:0 1rem;padding:2rem 1.5rem}.topbar{padding:.75rem 1rem}.topbar-username{display:none}.login-features{flex-wrap:wrap;gap:1rem}}
/*# sourceMappingURL=main.3480ebe0.css.map*/