@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;450;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.chat-floating-element{animation:float-around 25s linear infinite;font-size:1.8rem;opacity:.4;position:absolute}.chat-element-1{animation-delay:0s;animation-duration:30s;left:10%;top:20%}.chat-element-2{animation-delay:-8s;animation-duration:35s;right:15%;top:30%}.chat-element-3{animation-delay:-15s;animation-duration:40s;bottom:25%;left:15%}.chat-element-4{animation-delay:-22s;animation-duration:32s;right:20%;top:70%}@media (max-width:768px){.chat-floating-element{font-size:1.4rem;opacity:.3}.chat-element-1{animation-duration:25s}.chat-element-2{animation-duration:28s}.chat-element-3{animation-duration:30s}.chat-element-4{animation-duration:26s}}.App{background:#000;overflow:hidden;position:relative}#root,.App{min-height:100vh}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}:focus-visible{border-radius:4px;outline:2px solid #fff9;outline-offset:2px}html{scroll-behavior:smooth}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.container{align-items:center;background:#000!important;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.login-floating-element{animation:float-around 25s linear infinite;font-size:2.5rem;opacity:.2;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.element-1{animation-delay:0s;animation-duration:30s;left:5%;top:5%}.element-2{animation-delay:-8s;animation-duration:35s;right:8%;top:15%}.element-3{animation-delay:-15s;animation-duration:40s;bottom:35%;left:12%}.element-4{animation-delay:-22s;animation-duration:32s;right:15%;top:75%}.element-5{animation-delay:-30s;animation-duration:28s;bottom:8%;right:5%}.element-6{animation-delay:-12s;animation-duration:38s;left:2%;top:50%}@keyframes float-around{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(60px,-50px) rotate(90deg)}50%{transform:translate(-40px,-60px) rotate(180deg)}75%{transform:translate(-70px,40px) rotate(270deg)}}.logo-container{display:inline-block;margin-bottom:30px;position:relative;z-index:10}.logo{height:auto;transition:transform .3s ease;width:120px}.logo:hover{transform:scale(1.05)}.logo-container .status-dot{animation:blink 1.5s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e99;height:14px;position:absolute;right:-5px;top:25px;width:14px}.title{font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:40px;position:relative;text-shadow:0 4px 20px #ffffff1a;z-index:10}.title,.title .highlight{color:#fff;font-weight:700}.title .highlight{text-shadow:0 2px 10px #ffffff4d}.form{display:flex;flex-direction:column;gap:20px;max-width:400px;position:relative;width:100%;z-index:10}.input{background:#1a1a1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s ease}.input::placeholder{color:#666}.input:focus{background:#2a2a2a;border-color:#fff6;box-shadow:0 8px 25px #ffffff1a;outline:none;transform:translateY(-2px)}.button{background:#fff;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.button:hover{background:#e5e5e5;box-shadow:0 8px 25px #fff3;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #0000004d;border-top-color:#000;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.error{background:#ff6b6b26;border:1px solid #ff6b6b66;border-radius:10px;box-shadow:0 4px 12px #ff6b6b33;color:#ff6b6b}.error,.success{animation:slideDown .3s ease-out;font-weight:500;margin-top:15px;max-width:400px;padding:14px 20px;position:relative;width:100%;z-index:10}.success{background:#22c55e26;border:1px solid #22c55e66;border-radius:10px;box-shadow:0 4px 12px #22c55e33;color:#22c55e}.encryption-badge{align-items:center;color:#ffffff80;display:flex;font-size:13px;gap:6px;justify-content:center;margin:-30px 0 30px;position:relative;z-index:10}.encryption-badge:before{content:"🔒";font-size:12px}.signup-section{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:30px}.info-text,.signup-section{position:relative;z-index:10}.info-text{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0;text-align:center}.signup-button{background:#0000;border:2px solid #fff9;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;letter-spacing:1px;padding:12px 40px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.signup-button:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 4px 15px #ffffff1a;transform:translateY(-2px)}.signup-button:active{transform:translateY(0)}@media (max-width:768px){.container{padding:15px}.title{font-size:2.5rem;margin-bottom:30px}.logo{width:100px}.logo-container{margin-bottom:25px}.logo-container .status-dot{height:12px;right:-4px;top:20px;width:12px}.form{max-width:100%}.button,.input{font-size:16px}.info-text{font-size:13px}.signup-section{margin-top:25px}.signup-button{font-size:15px;padding:10px 35px}.login-floating-element{font-size:1.5rem;opacity:.15}}@media (max-width:480px){.title{font-size:2rem}.logo{width:80px}.logo-container .status-dot{height:10px;right:-3px;top:16px;width:10px}.container{padding:10px}.form{gap:15px}.button,.input{padding:14px 18px}.login-floating-element{font-size:1.2rem;opacity:.1}}.friends-container{background:#000;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.friends-search-container{align-items:center;background:#000;border-bottom:1px solid #ffffff14;display:flex;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:60px;z-index:50}.friends-search-input{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:14px;color:#fff;flex:1 1;font-family:inherit;font-size:15px;font-weight:400;padding:14px 18px;transition:all .25s ease}.friends-search-input::placeholder{color:#666}.friends-search-input:focus{background:#1a1a1a;border-color:#ffffff40;box-shadow:0 0 0 4px #ffffff0d;outline:none}.friends-search-clear{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.friends-search-clear:hover{background:#2a2a2a;color:#fff}.friends-list{display:flex;flex:1 1;flex-direction:column;list-style:none;margin:0 auto;max-width:600px;overflow-y:auto;padding:8px 0;width:100%}.friend-item{align-items:center;animation:friendSlideIn .3s ease-out forwards;background:#000;border-bottom:1px solid #ffffff0f;cursor:pointer;display:flex;opacity:0;padding:16px 20px;position:relative;transition:all .2s ease}.friend-item:first-child{animation-delay:.05s}.friend-item:nth-child(2){animation-delay:.1s}.friend-item:nth-child(3){animation-delay:.15s}.friend-item:nth-child(4){animation-delay:.2s}.friend-item:nth-child(5){animation-delay:.25s}.friend-item:nth-child(n+6){animation-delay:.3s}@keyframes friendSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.friend-item:hover{background:#0a0a0a}.friend-item:active{background:#1a1a1a;transform:scale(.99)}.friend-profile-pic{border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 2px 8px #0006;flex-shrink:0;height:52px;margin-right:14px;object-fit:cover;transition:all .2s ease;width:52px}.friend-item:hover .friend-profile-pic{border-color:#fff3;transform:scale(1.02)}.friend-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.friend-username{color:#fff;font-size:16px;font-weight:600;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status{color:#666;font-size:13px;font-weight:400;transition:color .2s ease}.friend-item:hover .friend-status{color:#888}.friend-action{align-items:center;background:#1a1a1a;border-radius:50%;color:#666;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.friend-item:hover .friend-action{background:#2a2a2a;color:#fff;transform:scale(1.05)}.friend-item:active .friend-action{transform:scale(.95)}.friends-empty-state{align-items:center;animation:fadeIn .4s ease-out;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px;text-align:center}.friends-empty-icon{filter:grayscale(100%);font-size:72px;margin-bottom:20px;opacity:.2}.friends-empty-state h3{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px}.friends-empty-state p{color:#666;font-size:15px;line-height:1.5;margin:0;max-width:280px}.friends-skeleton-container{padding:8px 0}.friends-skeleton-item{align-items:center;background:#000;border-bottom:1px solid #ffffff0f;display:flex;padding:16px 20px}.friends-skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0a0a0a 25%,#1a1a1a 50%,#0a0a0a 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;height:52px;margin-right:14px;width:52px}.friends-skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:10px}.friends-skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0a0a0a 25%,#1a1a1a 50%,#0a0a0a 75%);background-size:200% 100%;border-radius:7px;height:14px}.friends-skeleton-name{width:140px}.friends-skeleton-status{opacity:.6;width:90px}@media (max-width:768px){.friends-search-container{padding:14px 16px;top:56px}.friends-search-input{border-radius:12px;font-size:15px;padding:12px 16px}.friend-item{padding:14px 16px}.friend-profile-pic{height:48px;margin-right:12px;width:48px}.friend-username{font-size:15px}.friend-status{font-size:12px}.friend-action{height:36px;width:36px}.friend-action svg{height:18px;width:18px}}@media (max-width:480px){.friends-search-container{padding:12px;top:52px}.friends-search-input{font-size:14px;padding:11px 14px}.friend-item{padding:12px}.friend-profile-pic{height:44px;margin-right:10px;width:44px}.friend-username{font-size:14px}.friend-status{font-size:11px}.friend-action{height:32px;width:32px}.friend-action svg{height:16px;width:16px}.friends-empty-icon{font-size:56px}.friends-empty-state h3{font-size:18px}.friends-empty-state p{font-size:14px}}.header{background:#000;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-logo-container{align-items:center;display:flex}.header-logo-container{flex-shrink:0;gap:8px}.header-logo{cursor:pointer;flex-shrink:0;height:36px;transition:transform .2s ease,opacity .2s ease;width:auto}.header-logo:hover{opacity:.9;transform:scale(1.05)}.header-logo:active{transform:scale(.98)}.status-dot{animation:blink 1.5s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e99;height:10px;width:10px}@keyframes blink{0%,to{box-shadow:0 0 8px #22c55e99;opacity:1}50%{box-shadow:0 0 4px #22c55e4d;opacity:.4}}.header-center-logo{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.header-logo-center{height:32px;width:auto}.status-dot-center{animation:blink 1.5s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e99;height:10px;width:10px}.header-title{flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em;margin:0;text-align:center}.back-button,.header-title{color:#fff;font-size:18px;font-weight:600}.back-button{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.back-button:hover{background:#2a2a2a;transform:scale(1.05)}.back-button:active{transform:scale(.95)}.header-spacer{width:40px}@media (max-width:768px){.header{padding:12px 16px}.header-logo{height:32px}.header-title{font-size:16px}.back-button{font-size:13px;padding:6px 12px}.status-dot{height:8px;width:8px}.header-logo-center{height:28px}.status-dot-center{height:8px;width:8px}}@media (max-width:480px){.header{padding:10px 12px}.header-logo{height:28px}.header-title{font-size:15px}.back-button{font-size:12px;padding:5px 10px}.status-dot{height:7px;width:7px}.header-logo-center{height:24px}.status-dot-center{height:7px;width:7px}}.burger-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:32px;justify-content:center;padding:4px;position:relative;transition:all .2s ease;width:32px;z-index:1001}.burger-button:hover{opacity:.7}.burger-button:active{opacity:.5}.burger-line{background:#fff;border-radius:1px;display:block;height:1.5px;transition:all .25s ease;width:20px}.burger-button.open .burger-line:first-child{transform:rotate(-45deg) translate(-5px,5px)}.burger-button.open .burger-line:nth-child(2){opacity:0;transform:translateX(10px)}.burger-button.open .burger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-5px)}.burger-overlay{animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.burger-menu{background:#0a0a0a;border-left:1px solid #ffffff1a;box-shadow:-8px 0 32px #0009;display:flex;flex-direction:column;height:100vh;position:fixed;right:-320px;top:0;transition:right .3s cubic-bezier(.16,1,.3,1);width:320px;z-index:1000}.burger-menu.open{right:0}.burger-menu-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px 20px 20px}.burger-menu-header h3{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.burger-menu-content{flex:1 1;overflow-y:auto;padding:12px}.burger-menu-item{align-items:center;background:none;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:500;gap:14px;margin-bottom:4px;padding:14px 16px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.burger-menu-item:hover{background:#ffffff14;transform:translateX(4px)}.burger-menu-item:active{background:#ffffff1f;transform:translateX(4px) scale(.98)}.burger-menu-item.active{background:#ffffff1f;color:#fff}.burger-menu-item.danger{color:#ff6b6b}.burger-menu-item.danger:hover{background:#ff6b6b1f}.burger-menu-item.danger svg{stroke:#ff6b6b}.burger-menu-icon{align-items:center;background:#1a1a1a;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;min-width:40px;transition:all .2s ease;width:40px}.burger-menu-item:hover .burger-menu-icon{background:#2a2a2a;transform:scale(1.05)}.burger-menu-icon svg{stroke:#fff}.burger-menu-item.danger .burger-menu-icon{background:#ff6b6b26}.burger-menu-text{color:inherit;flex:1 1;font-size:15px;font-weight:500;letter-spacing:-.01em}.burger-menu-arrow{align-items:center;color:#666;display:flex;transition:all .2s ease}.burger-menu-item:hover .burger-menu-arrow{color:#888;transform:translateX(2px)}.burger-menu-arrow.external{color:#666}.burger-menu-arrow.external svg{stroke:currentColor}.burger-menu-divider{background:#ffffff14;height:1px;margin:12px 8px}@media (max-width:768px){.burger-menu{right:calc(min(320px, 85vw)*-1);width:min(320px,85vw)}.burger-menu.open{right:0}.burger-menu-header{padding:20px 16px 16px}.burger-menu-header h3{font-size:18px}.burger-menu-content{padding:8px}.burger-menu-item{gap:12px;padding:12px 14px}.burger-menu-icon{border-radius:8px;height:36px;min-width:36px;width:36px}.burger-menu-icon svg{height:18px;width:18px}}@media (max-width:480px){.burger-button{height:28px;padding:4px;width:28px}.burger-line{height:1.5px;width:18px}.burger-menu-item{padding:10px 12px}.burger-menu-text{font-size:14px}}.settings-page{background:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.settings-container{margin:0 auto;max-width:600px;padding:20px}.settings-section{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 1px 3px #0000004d;margin-bottom:16px;padding:20px}.settings-section-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0 0 16px;padding-bottom:12px}.settings-item{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.settings-item:not(:last-child){border-bottom:1px solid #ffffff0f}.settings-label{color:#aaa;font-size:14px;font-weight:500}.settings-value{color:#fff;font-size:14px;font-weight:400}.settings-link-item{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff0f;cursor:pointer;display:flex;padding:14px 0;text-align:left;transition:all .2s ease;width:100%}.settings-link-item:hover{background:#ffffff0a;margin:0 -20px;padding-left:20px;padding-right:20px}.settings-link-item:last-child{border-bottom:none}.settings-link-icon{font-size:20px;margin-right:12px}.settings-link-text{color:#fff;flex:1 1;font-size:14px;font-weight:500;letter-spacing:-.01em}.settings-link-arrow{color:#666;font-size:16px}.settings-danger-button{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.settings-danger-button:hover{background:#e5e5e5;box-shadow:0 4px 12px #ffffff26;transform:translateY(-1px)}.settings-danger-button:active{transform:translateY(0)}@media (max-width:768px){.settings-container{padding:16px}.settings-section{margin-bottom:12px;padding:16px}.settings-section-title{font-size:15px}.settings-label,.settings-link-text,.settings-value{font-size:13px}}@media (max-width:480px){.settings-container{padding:12px}.settings-section{border-radius:10px;padding:14px}.settings-section-title{font-size:14px;margin-bottom:12px;padding-bottom:10px}.settings-item{padding:10px 0}.settings-link-item{padding:12px 0}.settings-danger-button{font-size:13px;padding:10px 16px}}.messages-page{background:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.messages-header{align-items:center;background:#000;border-bottom:1px solid #ffffff14;display:flex;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.messages-logo-container{align-items:center;display:flex;flex-shrink:0;gap:1px}.messages-logo{cursor:pointer;height:40px;margin-right:-4px;width:auto}.messages-logo-text{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.02em}.messages-status-dot{animation:statusBlink 1.5s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e99;height:8px;margin-bottom:4px;margin-left:4px;width:8px}@keyframes statusBlink{0%,to{box-shadow:0 0 8px #22c55e99;opacity:1}50%{box-shadow:0 0 4px #22c55e4d;opacity:.4}}.messages-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.floating-new-chat-button{align-items:center;background:#fff;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #fff3,0 2px 8px #0000004d;color:#000;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .2s ease;width:56px;z-index:1000}.floating-new-chat-button:hover{box-shadow:0 6px 24px #ffffff4d,0 4px 12px #0006;transform:scale(1.08)}.floating-new-chat-button:active{transform:scale(.95)}.floating-new-chat-button svg{stroke:#000}.search-container{background:#000;border-bottom:1px solid #ffffff14;padding:12px 20px;position:-webkit-sticky;position:sticky;top:72px;z-index:50}.search-input{background:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;color:#fff;font-family:inherit;font-size:15px;font-weight:400;padding:12px 16px;transition:all .2s ease;width:100%}.messages-page.sidebar-mode .search-input{background:#0d0d0d;border-color:#ffffff0d;border-radius:10px;font-size:14px;padding:10px 14px}.search-input::placeholder{color:#666}.search-input:focus{background:#2a2a2a;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d;outline:none}.search-clear{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:4px 8px;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:color .2s ease}.search-clear:hover{color:#fff}.messages-container{margin:0 auto;max-width:600px;min-height:calc(100vh - 140px)}.chat-list{list-style:none;margin:0;padding:0}.chat-item{align-items:center;background:#000;border-bottom:1px solid #ffffff14;cursor:pointer;display:flex;padding:16px 50px 16px 20px;position:relative;transition:all .2s ease}.chat-item:hover{background:#0a0a0a}.chat-item:active{background:#1a1a1a}.chat-profile-pic{border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 1px 3px #0000004d;flex-shrink:0;height:48px;margin-right:12px;object-fit:cover;width:48px}.chat-content{flex:1 1;min-width:0}.chat-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.chat-username{color:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.chat-timestamp{color:#666;flex-shrink:0;font-size:13px;margin-left:8px}.chat-preview{color:#888;font-size:14px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unseen-chat{background:#1a1a1a!important;border-left:4px solid #fff;border-radius:0;box-shadow:0 2px 8px #ffffff0d;margin:0;overflow:hidden;padding-right:50px;position:relative}.unseen-chat:before{background:linear-gradient(45deg,#0000 30%,#ffffff05 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.unseen-chat:hover{background:#2a2a2a!important;box-shadow:0 4px 12px #ffffff14;transform:none}.unseen-chat .chat-profile-pic{border:3px solid #fff;box-shadow:0 2px 8px #fff3}.unseen-chat .chat-username{color:#fff;font-weight:700}.unseen-chat .chat-preview{color:#ccc;font-weight:600}.unseen-chat .chat-timestamp{color:#aaa;font-weight:600}.unread-badge{animation:pulse 2s infinite;background:#fff;border:2px solid #000;border-radius:50%;bottom:20px;box-shadow:0 2px 6px #ffffff4d;height:12px;position:absolute;right:16px;width:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.unread-count{background:#fff;border:2px solid #000;border-radius:10px;bottom:16px;box-shadow:0 2px 6px #fff3;color:#000;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:16px;text-align:center}.selected-chat{background:#2a2a2a!important;border-left:4px solid #fff;position:relative}.selected-chat .chat-username{color:#fff;font-weight:700}.selected-chat .chat-preview{color:#ccc;font-weight:500}.selected-chat .chat-timestamp{color:#aaa;font-weight:600}.selected-chat .chat-profile-pic{border:2px solid #fff;box-shadow:0 2px 8px #ffffff26}.messages-page.sidebar-mode{background:#000;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;width:100%}.messages-header.sidebar-mode{border-bottom:none;padding:12px 16px}.messages-header.sidebar-mode .messages-logo-container{flex:1 1}.messages-header.sidebar-mode .messages-header-actions{gap:0}.messages-page.sidebar-mode .floating-new-chat-button{display:none}.messages-page.sidebar-mode .search-container{border-bottom:none;flex-shrink:0;padding:8px 16px;position:static;top:auto}.sidebar-new-chat-button{align-items:center;background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:0 16px 12px;padding:10px 16px;transition:all .2s ease}.sidebar-new-chat-button:hover{background:#e5e5e5;transform:translateY(-1px)}.sidebar-new-chat-button:active{transform:translateY(0)}.sidebar-new-chat-button svg{stroke:#000}.messages-page.sidebar-mode .messages-container{flex:1 1;max-width:none;min-height:0;overflow-y:auto;padding:0;width:100%}.messages-page.sidebar-mode .chat-item{border-bottom:1px solid #ffffff0a;border-left:none;border-radius:0;margin:0;padding:12px 16px}.messages-page.sidebar-mode .unseen-chat{background:#1a1a1a!important;border-left:4px solid #fff!important;border-radius:0!important;box-shadow:0 2px 8px #ffffff0d;margin:0!important}.messages-page.sidebar-mode .chat-item:hover{background:#0a0a0a}.messages-page.sidebar-mode .unseen-chat:hover{background:#2a2a2a!important;box-shadow:0 4px 12px #ffffff14;transform:none}.messages-page.sidebar-mode .selected-chat{background:#2a2a2a!important;border-left:4px solid #fff;border-radius:0;margin:0}.messages-page.sidebar-mode .chat-list{width:100%}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state h3{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.empty-state p{color:#888;font-size:14px;margin:0}.skeleton-container{padding:0}.skeleton-chat-item{align-items:center;background:#000;border-bottom:1px solid #ffffff14;display:flex;padding:16px 20px}.skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:50%;height:48px;margin-right:12px;width:48px}.skeleton-content{flex:1 1}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:8px}.skeleton-title{width:120px}.skeleton-text{opacity:.6;width:200px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.e2ee-status-banner{align-items:center;background:#000;border-bottom:1px solid #ffffff1a;display:flex;gap:6px;justify-content:center;padding:8px 16px}.e2ee-status-banner span{color:#34c759;font-size:12px;font-weight:500}.encrypted-icon{display:inline-block;margin-right:4px;opacity:.7;vertical-align:middle}@media (max-width:768px){.messages-header{padding:12px 16px}.messages-logo{height:28px}.messages-logo-text{font-size:16px}.messages-status-dot{height:8px;width:8px}.floating-new-chat-button{bottom:20px;height:52px;right:20px;width:52px}.floating-new-chat-button svg{height:22px;width:22px}.search-container{padding:10px 16px;top:60px}.chat-item{padding:14px 16px}.chat-profile-pic{height:44px;width:44px}}@media (max-width:480px){.messages-header{gap:10px;padding:10px 12px}.messages-logo{height:26px}.messages-logo-text{font-size:15px}.floating-new-chat-button{bottom:16px;height:48px;right:16px;width:48px}.floating-new-chat-button svg{height:20px;width:20px}.search-container{padding:8px 12px;top:54px}.search-input{font-size:14px;padding:10px 14px}.chat-item{padding:12px}.chat-profile-pic{height:40px;margin-right:10px;width:40px}.chat-username{font-size:14px}.chat-timestamp{font-size:12px}.chat-preview{font-size:13px}}.pin-modal-overlay{align-items:flex-start;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}.pin-modal-container{animation:slideDown .2s ease-out;background-color:#1c1c1e;border-radius:16px;max-width:320px;padding:24px;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pin-modal-header{align-items:center;display:flex;margin-bottom:16px}.pin-modal-icon{align-items:center;background-color:#34c759;border-radius:8px;display:flex;height:32px;justify-content:center;margin-right:12px;width:32px}.pin-modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.pin-modal-subtitle{color:#8e8e93;font-size:14px;line-height:1.5;margin:0 0 24px}.pin-input-container{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;position:relative}.pin-dots-row{display:flex;gap:16px;margin-bottom:16px}.pin-dot{background-color:#3a3a3c;border-radius:50%;height:14px;transition:background-color .15s ease;width:14px}.pin-dot.filled{background-color:#fff}.pin-hidden-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.pin-hint{color:#8e8e93;font-size:13px;margin:0}.pin-error{color:#ff3b30;font-size:13px;margin:0 0 16px;text-align:center}.pin-button{align-items:center;background-color:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;min-height:48px;padding:14px;transition:opacity .2s ease;width:100%}.pin-button:hover:not(.disabled){opacity:.9}.pin-button.disabled{cursor:not-allowed;opacity:.4}.pin-spinner{animation:spin .8s linear infinite;border:2px solid #000;border-radius:50%;border-top-color:#0000;height:20px;width:20px}.pin-warning{color:#ff9500;font-size:12px;line-height:1.4;margin:16px 0 0;text-align:center}:root{--vh:1vh}.personal-message-page{background:#000;bottom:0;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;height:100dvh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0}.personal-message-container{display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.messages-container,.personal-message-container{background:#000;min-height:0;padding:0;width:100%}.messages-container{-webkit-overflow-scrolling:touch;display:block;flex:1 1;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.messages-list{box-sizing:border-box;contain:layout style;display:flex;flex-direction:column;gap:4px;margin:0;padding:20px 0;width:100%}.personal-message-page.split-view .messages-list{box-sizing:border-box;margin:0;min-width:100%;padding:20px 0;width:100%}.date-separator{align-items:center;display:flex;justify-content:center;margin:20px 0 16px;position:relative;text-align:center}.date-separator-text{background:#000;color:#666;font-size:13px;font-weight:500;padding:4px 12px;position:relative;z-index:1}.message{align-items:flex-end;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box;display:flex;margin:0 0 2px;padding:0;transform:translateZ(0);width:100%;will-change:transform,opacity}.message.sent{align-items:flex-end;justify-content:flex-end}.message.received{align-items:flex-start;justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:16px;contain:content;display:flex;flex-direction:column;gap:2px;max-width:75%;min-width:120px;padding:10px 14px;position:relative}.message.sent .message-content{align-items:flex-end;background:#fff;border-bottom-right-radius:4px;color:#000}.message.received .message-content{align-items:flex-start;background:#1a1a1a;border-bottom-left-radius:4px;color:#fff}.message-text{font-size:15px;letter-spacing:-.01em;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.message-timestamp{align-items:center;display:flex;font-size:11px;gap:4px;margin-top:2px}.message.sent .message-timestamp{color:#00000080;justify-content:flex-end}.message.received .message-timestamp{color:#666;justify-content:flex-start}.message-link{background:#0000001a;border-radius:6px;color:#000;cursor:pointer;font-weight:500;padding:2px 6px;text-decoration:none;transition:all .2s ease}.message.received .message-link{background:#ffffff1a;border:1px solid #fff3;color:#fff}.message.sent .message-link:hover{background:#0003;transform:translateY(-1px)}.message.received .message-link:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.message.has-links .message-content{border-radius:18px!important;overflow:hidden;position:relative}.message.sent.has-links .message-content{background:#fff;border:2px solid #0003;box-shadow:0 6px 20px #ffffff26;color:#000}.message.sent.has-links .message-content:before{background:linear-gradient(45deg,#0000 30%,#00000008 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.message.received.has-links .message-content{background:#2a2a2a;border:2px solid #fff3;box-shadow:0 6px 20px #ffffff0d;color:#fff}.link-preview{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000001a;border:1px solid #0003;border-radius:14px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:14px;gap:10px;margin-top:10px;padding:12px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.link-preview.clickable:hover{background:#00000026;border-color:#0000004d;box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.link-preview.clickable:active{transform:translateY(-1px)}.message.received .link-preview{background:#ffffff1a;border:1px solid #fff3;color:#fff}.message.received .link-preview.clickable:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 6px 20px #ffffff1a;transform:translateY(-3px)}.link-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));font-size:16px;transition:all .3s ease}.message.received .link-icon{filter:drop-shadow(0 1px 3px rgba(255,255,255,.2))}.link-preview.clickable:hover .link-icon{transform:scale(1.1) rotate(-5deg)}.link-text{flex:1 1;font-size:14px;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 2px #0000001a}.message.received .link-text{text-shadow:0 1px 2px #ffffff1a}.link-arrow{font-size:16px;font-weight:900;opacity:.8;text-shadow:0 1px 2px #0003;transition:all .3s ease}.message.received .link-arrow{color:#fff}.link-preview.clickable:hover .link-arrow{opacity:1;transform:translateX(4px) scale(1.1)}.read-status{align-items:center;display:flex;font-size:12px;line-height:1;margin-left:4px}.read-status.sent{color:#0006}.read-status.sent:after{content:"\2713"}.read-status.delivered{color:#0006;position:relative}.read-status.delivered:after{content:"\2713\2713";letter-spacing:-4px}.read-status.read{color:#22c55e;position:relative}.read-status.read:after{content:"\2713\2713";letter-spacing:-4px}@keyframes messageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes messageFadeSent{0%{opacity:0}to{opacity:1}}@keyframes messageSlideReceived{0%{opacity:0;transform:translate3d(-8px,0,0)}to{opacity:1;transform:translateZ(0)}}.message.sent{animation:messageFadeSent .15s ease-out}.message.received{animation:messageSlideReceived .2s ease-out}.input-container{align-items:center;background:#000;border-top:1px solid #ffffff1a;display:flex;gap:12px;min-height:60px;padding:16px 32px 20px;position:relative;width:100%;z-index:10}.message-input{word-wrap:break-word;-ms-overflow-style:none;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:20px;color:#fff;flex:1 1;font-family:inherit;font-size:15px;line-height:1.4;max-height:120px;min-height:38px;outline:none;overflow-y:auto;padding:10px 14px;resize:none;scrollbar-width:none;transition:all .2s ease;white-space:pre-wrap}.message-input::-webkit-scrollbar{display:none}.message-input::placeholder{color:#666}.message-input:focus{background:#2a2a2a;border-color:#fff3;box-shadow:0 0 0 1px #fff3}.send-button{align-items:center;background:#fff;border:none;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.send-button:hover:not(:disabled){background:#e5e5e5}.send-button:disabled{background:#333;cursor:not-allowed;opacity:.3}.send-icon{transform:translateX(1px) translateY(-1px)}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #1a1a1a;border-radius:50%;border-top-color:#fff;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.empty-chat-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.empty-chat-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-chat-title{color:#fff;font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.empty-chat-message{color:#666;font-size:14px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}.message.received.consecutive-same,.message.sent.consecutive-same{margin-top:2px}.message.sent.consecutive-same .message-content{border-bottom-right-radius:16px}.message.received.consecutive-same .message-content{border-bottom-left-radius:16px}.message.sent.first-in-group .message-content{border-bottom-right-radius:4px;border-top-right-radius:16px}.message.received.first-in-group .message-content{border-bottom-left-radius:4px;border-top-left-radius:16px}.message.sent.middle-in-group .message-content{border-bottom-right-radius:4px;border-top-right-radius:4px}.message.received.middle-in-group .message-content{border-bottom-left-radius:4px;border-top-left-radius:4px}.message.sent.last-in-group .message-content{border-bottom-right-radius:16px;border-top-right-radius:4px}.message.received.last-in-group .message-content{border-bottom-left-radius:16px;border-top-left-radius:4px}@media (min-width:1024px){.personal-message-page.split-view .message.sent{padding-left:35%;padding-right:24px}.personal-message-page.split-view .message.received{padding-left:24px;padding-right:35%}.personal-message-page.split-view .message-content{padding:12px 16px}.personal-message-page.split-view .message-text{font-size:16px;line-height:1.5}}@media (min-width:1400px){.personal-message-page.split-view .message.sent{padding-left:40%;padding-right:24px}.personal-message-page.split-view .message.received{padding-left:24px;padding-right:40%}}@media (max-width:768px){.personal-message-container{max-width:none}.messages-container{padding:16px}.message-content{max-width:80%;padding:8px 12px}.message-text{font-size:15px}.input-container{max-width:none;padding:12px 16px 16px}.message-input{font-size:15px;padding:8px 12px}}@media (max-width:480px){.messages-container{padding:8px}.message-content{max-width:85%}.message-text{font-size:14px}.message-timestamp{font-size:10px}.read-status{font-size:11px}.input-container{gap:8px;padding:8px 8px 12px}.send-button{font-size:18px;height:32px;width:32px}}@supports (-webkit-touch-callout:none){.personal-message-page{height:-webkit-fill-available}.input-container{padding-bottom:env(safe-area-inset-bottom,16px)}}.chat-floating-elements{display:none}.personal-message-page.split-view{display:flex;flex-direction:column;height:100vh;max-width:none;overflow:hidden;position:relative;width:100%}.split-header{align-items:center;background:#000;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.split-chat-title{color:#fff;flex:1 1;font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.split-header-actions{align-items:center;display:flex;gap:12px}.close-chat-button{align-items:center;background:#1a1a1a;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:20px;font-weight:400;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.close-chat-button:hover{background:#2a2a2a;color:#fff;transform:scale(1.05)}.close-chat-button:active{transform:scale(.95)}.personal-message-page.split-view .personal-message-container{display:flex;flex:1 1;flex-direction:column;height:100%;max-width:none;overflow:hidden;width:100%}.personal-message-page.split-view .messages-container{box-sizing:border-box;flex:1 1;height:100%;margin:0;max-width:none;overflow-y:auto;padding:0;width:100%}.personal-message-page.split-view .input-container{background:#000;border-top:1px solid #ffffff1a;flex-shrink:0;margin:0;max-width:none;padding:16px 24px 20px;position:relative;width:100%}.personal-message-page.split-view .message.sent{padding-left:30%;padding-right:24px}.personal-message-page.split-view .message.received{padding-left:24px;padding-right:30%}.personal-message-page.split-view .message-content{flex:none;max-width:none;width:auto}.e2ee-indicator{align-items:center;background:#000;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px}.e2ee-indicator.encrypted span{color:#34c759}.e2ee-indicator.not-encrypted span{color:#ff9500}.input-container.disabled{background:#0a0a0a;border-top:1px solid #ffffff1a;padding:16px 20px}.encryption-required-message{background:#1a1a1a;border-radius:12px;color:#8e8e93;font-size:14px;padding:12px;text-align:center}.personal-message-page.split-view .e2ee-indicator{padding:6px 24px}.send-button{background:#fff!important;border:3px solid #fff!important;border-radius:50%;height:44px;overflow:hidden;padding:0;transition:all .15s ease-out;width:44px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #fff3;transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.send-button.sending{animation:sendPulse .25s ease-out}.send-logo{height:110%;object-fit:contain;transform:translateX(-1px);width:110%}.split-layout{background:#000;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.split-sidebar{border-right:1px solid #ffffff0f;flex:0 0 auto;flex-direction:column;min-width:300px;width:360px;z-index:10}.split-main,.split-sidebar{background:#000;display:flex;overflow:hidden;position:relative}.split-main{flex:1 1;flex-direction:column;min-width:0}.split-empty{background:#000;display:flex;flex-direction:column;height:100%}.split-empty-header{align-items:center;background:#000;border-bottom:none;display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 24px}.split-empty-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;padding:40px;text-align:center;width:100%}.split-empty-icon{font-size:64px;margin-bottom:24px;opacity:.3}.split-empty h2{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.split-empty p{color:#888;font-size:16px;line-height:1.5;margin:0 0 24px}.start-chat-button{align-items:center;background:#fff;border:none;border-radius:24px;box-shadow:0 4px 12px #ffffff26;color:#000;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.start-chat-button:hover{background:#e5e5e5;box-shadow:0 6px 20px #ffffff40;transform:translateY(-2px)}.start-chat-button:active{transform:translateY(0)}.start-chat-icon{font-size:18px;font-weight:400;line-height:1}.split-layout .floating-new-chat-button{display:none}@media (min-width:1400px){.split-sidebar{width:400px}.split-main{flex:1 1}}@media (max-width:1200px){.split-sidebar{min-width:320px;width:320px}.split-main{flex:1 1}}@media (max-width:1024px){.split-sidebar{min-width:300px;width:300px}.split-main{flex:1 1}.split-empty-icon{font-size:48px}.split-empty h2{font-size:20px}.split-empty p{font-size:14px}}@media (max-width:900px){.split-sidebar{min-width:280px;width:280px}.split-main{flex:1 1}}@media (max-width:768px){.split-layout{flex-direction:column;position:relative}.split-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;flex:none;height:100vh;width:100%}.split-main{height:100vh;width:100vw}}
/*# sourceMappingURL=main.ac0d044d.css.map*/