@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:linear-gradient(135deg,#667eea,#764ba2);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:linear-gradient(135deg,#667eea,#764ba2);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 #667eea99;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:linear-gradient(135deg,#667eea,#764ba2)!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:.4;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{height:auto;margin-bottom:30px;position:relative;transition:transform .3s ease;width:120px;z-index:10}.logo:hover{transform:scale(1.05)}.title{color:#fff;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;margin-bottom:40px;position:relative;text-shadow:0 4px 20px #0000004d;z-index:10}.title .highlight{color:gold;font-weight:700;text-shadow:0 2px 10px #ffd70080}.form{display:flex;flex-direction:column;gap:20px;max-width:400px;position:relative;width:100%;z-index:10}.input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#2d3436;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s ease}.input::placeholder{color:#999}.input:focus{background:#fff;box-shadow:0 8px 25px #667eea33;outline:none;transform:translateY(-2px)}.button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.button:hover{background:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;margin-top:15px;max-width:400px;padding:14px 20px;position:relative;width:100%;z-index:10}.success{background:#00b89426;border:1px solid #00b89466;border-radius:10px;box-shadow:0 4px 12px #00b89433;color:#00b894}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:#ffffffe6;font-size:14px;line-height:1.6;margin:0;text-align:center}.signup-button{background:#0000;border:2px solid #fffc;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:#fff3;border-color:#fff;box-shadow:0 4px 15px #0003;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{margin-bottom:25px;width:100px}.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:.25}}@media (max-width:480px){.title{font-size:2rem}.logo{width:80px}.container{padding:10px}.form{gap:15px}.button,.input{padding:14px 18px}.login-floating-element{font-size:1.2rem;opacity:.2}}.friends-container{background:#fafafa;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.friends-search-container{background:#fff;border-bottom:1px solid #0000000f;padding:16px 20px;position:-webkit-sticky;position:sticky;top:60px;z-index:50}.friends-search-input{background:#f4f4f5;border:1px solid #0000;border-radius:12px;color:#18181b;font-family:inherit;font-size:15px;font-weight:400;padding:12px 16px;transition:all .2s ease;width:100%}.friends-search-input::placeholder{color:#a1a1aa}.friends-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.friends-list{display:flex;flex:1 1;flex-direction:column;list-style:none;margin:0 auto;max-width:600px;overflow-y:auto;padding:0;width:100%}.friend-item{align-items:center;background:#fff;border-bottom:1px solid #0000000f;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:all .2s ease}.friend-item:hover{background:#f9fafb}.friend-item:active{background:#f4f4f5}.friend-profile-pic{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000014;flex-shrink:0;height:48px;margin-right:12px;object-fit:cover;width:48px}.friend-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.friend-username{color:#18181b;font-size:15px;font-weight:600;letter-spacing:-.01em}.friend-status{color:#52525b;font-size:13px;font-weight:400}.friend-status.online{color:#10b981}.friend-status.offline{color:#a1a1aa}.message-button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.message-button:hover{background:#4f46e5;box-shadow:0 2px 8px #6366f140;transform:translateY(-1px)}.message-button:active{transform:translateY(0)}.friends-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.friends-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.friends-empty-state h3{color:#18181b;font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.friends-empty-state p{color:#52525b;font-size:14px;margin:0}.friends-skeleton-container{padding:0}.friends-skeleton-item{align-items:center;background:#fff;border-bottom:1px solid #0000000f;display:flex;padding:16px 20px}.friends-skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f4f4f5 25%,#e4e4e7 50%,#f4f4f5 75%);background-size:200% 100%;border-radius:50%;height:48px;margin-right:12px;width:48px}.friends-skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.friends-skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f4f4f5 25%,#e4e4e7 50%,#f4f4f5 75%);background-size:200% 100%;border-radius:6px;height:12px}.friends-skeleton-name{width:120px}.friends-skeleton-status{opacity:.6;width:80px}@media (max-width:768px){.friends-search-container{padding:12px 16px}.friend-item{padding:14px 16px}.friend-profile-pic{height:44px;width:44px}.message-button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.friends-search-container{padding:10px 12px}.friends-search-input{font-size:14px;padding:10px 14px}.friend-item{padding:12px}.friend-profile-pic{height:40px;margin-right:10px;width:40px}.friend-username{font-size:14px}.friend-status{font-size:12px}.message-button{font-size:11px;padding:5px 10px}}.header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.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)}.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:#18181b;font-size:18px;font-weight:600}.back-button{align-items:center;background:#f4f4f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.back-button:hover{background:#e4e4e7;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}}@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}}.burger-button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:8px;position:relative;transition:background .2s ease;width:40px;z-index:1001}.burger-button:hover{background:#0000000a}.burger-line{background:#18181b;border-radius:2px;display:block;height:2px;transition:all .2s 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}.burger-button.open .burger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-5px)}.burger-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.burger-menu{background:#fff;border-left:1px solid #0000000f;box-shadow:-4px 0 24px #00000014;display:flex;flex-direction:column;height:100vh;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:1000}.burger-menu.open{right:0}.burger-menu-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:20px 20px 16px}.burger-menu-header h3{color:#18181b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}.burger-menu-content{flex:1 1;overflow-y:auto;padding:8px}.burger-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#18181b;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:500;gap:12px;margin-bottom:2px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.burger-menu-item:hover{background:#f4f4f5}.burger-menu-item.active{background:#6366f114;color:#6366f1}.burger-menu-item.danger{color:#ef4444}.burger-menu-item.danger:hover{background:#ef444414}.burger-menu-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:24px;text-align:center}.burger-menu-text{color:inherit;font-size:15px;font-weight:500;letter-spacing:-.01em}.burger-menu-divider{background:#0000000f;height:1px;margin:8px 0}@media (max-width:768px){.burger-menu{right:calc(min(280px, 80vw)*-1);width:min(280px,80vw)}.burger-menu.open{right:0}}.settings-page{background:#fafafa;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:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:16px;padding:20px}.settings-section-title{border-bottom:1px solid #0000000f;color:#18181b;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 #0000000a}.settings-label{color:#52525b;font-size:14px;font-weight:500}.settings-value{color:#18181b;font-size:14px;font-weight:400}.settings-link-item{align-items:center;background:none;border:none;border-bottom:1px solid #0000000a;cursor:pointer;display:flex;padding:14px 0;text-align:left;transition:all .2s ease;width:100%}.settings-link-item:hover{background:#6366f10a;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:#18181b;flex:1 1;font-size:14px;font-weight:500;letter-spacing:-.01em}.settings-link-arrow{color:#a1a1aa;font-size:16px}.settings-danger-button{background:#ef4444;border:none;border-radius:8px;color:#fff;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:#dc2626;box-shadow:0 4px 12px #ef444440;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:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.search-container{background:#fff;border-bottom:1px solid #0000000f;padding:16px 20px;position:-webkit-sticky;position:sticky;top:60px;z-index:50}.search-input{background:#f4f4f5;border:1px solid #0000;border-radius:12px;color:#18181b;font-family:inherit;font-size:15px;font-weight:400;padding:12px 16px;transition:all .2s ease;width:100%}.search-input::placeholder{color:#a1a1aa}.search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-clear{background:none;border:none;color:#a1a1aa;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:#52525b}.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:#fff;border-bottom:1px solid #0000000f;cursor:pointer;display:flex;padding:16px 50px 16px 20px;position:relative;transition:all .2s ease}.chat-item:hover{background:#f9fafb}.chat-item:active{background:#f4f4f5}.chat-profile-pic{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000014;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:#18181b;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.chat-timestamp{color:#a1a1aa;flex-shrink:0;font-size:13px;margin-left:8px}.chat-preview{color:#52525b;font-size:14px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unseen-chat{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#bae6fd)!important;border-left:4px solid #0ea5e9;border-radius:8px;box-shadow:0 2px 8px #0ea5e926,0 1px 3px #0000001a;margin:4px 8px;overflow:hidden;padding-right:50px;position:relative}.unseen-chat:before{background:linear-gradient(45deg,#0000 30%,#0ea5e90d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.unseen-chat:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd 50%,#7dd3fc)!important;box-shadow:0 4px 12px #0ea5e940,0 2px 6px #0000001a;transform:translateY(-1px)}.unseen-chat .chat-profile-pic{border:3px solid #0ea5e9;box-shadow:0 2px 8px #0ea5e94d}.unseen-chat .chat-username{color:#0369a1;font-weight:700;text-shadow:0 1px 2px #0ea5e91a}.unseen-chat .chat-preview{color:#0f172a;font-weight:600}.unseen-chat .chat-timestamp{color:#0369a1;font-weight:600}.unread-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:2px solid #fff;border-radius:50%;bottom:20px;box-shadow:0 2px 6px #0ea5e966;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:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:10px;bottom:16px;box-shadow:0 2px 6px #ef444466;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:16px;text-align:center}.selected-chat{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-left:4px solid #f59e0b;position:relative}.selected-chat .chat-username{color:#92400e;font-weight:700}.selected-chat .chat-preview{color:#78350f;font-weight:500}.selected-chat .chat-timestamp{color:#92400e;font-weight:600}.selected-chat .chat-profile-pic{border:2px solid #f59e0b;box-shadow:0 2px 8px #f59e0b33}.messages-page.sidebar-mode{background:#fff;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;width:100%}.messages-page.sidebar-mode .search-container{flex-shrink:0;padding:12px 16px;position:static;top:auto}.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 #0000000f;border-left:none;border-radius:0;margin:0;padding:14px 16px}.messages-page.sidebar-mode .unseen-chat{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#bae6fd)!important;border-left:4px solid #0ea5e9!important;border-radius:0!important;box-shadow:0 2px 8px #0ea5e926,0 1px 3px #0000001a;margin:0!important}.messages-page.sidebar-mode .chat-item:hover{background:#f8fafc}.messages-page.sidebar-mode .unseen-chat:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd 50%,#7dd3fc)!important;box-shadow:0 4px 12px #0ea5e940,0 2px 6px #0000001a;transform:translateY(-1px)}.messages-page.sidebar-mode .selected-chat{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-left:4px solid #f59e0b;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:.5}.empty-state h3{color:#18181b;font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.empty-state p{color:#52525b;font-size:14px;margin:0}.skeleton-container{padding:0}.skeleton-chat-item{align-items:center;background:#fff;border-bottom:1px solid #0000000f;display:flex;padding:16px 20px}.skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f4f4f5 25%,#e4e4e7 50%,#f4f4f5 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,#f4f4f5 25%,#e4e4e7 50%,#f4f4f5 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}}.create-button{align-items:center;background:#6366f1;border:none;border-radius:24px;bottom:24px;box-shadow:0 4px 12px #6366f140;color:#fff;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:14px 20px;position:fixed;right:24px;text-transform:uppercase;transition:all .2s ease;z-index:100}.create-button:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.create-button:active{transform:translateY(0)}.create-icon{font-size:18px;font-weight:400;line-height:1}@media (max-width:768px){.search-container{padding:12px 16px}.chat-item{padding:14px 16px}.chat-profile-pic{height:44px;width:44px}.create-button{bottom:20px;font-size:13px;padding:12px 18px;right:20px}}@media (max-width:480px){.search-container{padding:10px 12px}.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}.create-button{bottom:16px;font-size:12px;padding:10px 16px;right:16px}}:root{--vh:1vh}.personal-message-page{background:#fff;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:#fff;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;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:#fff;color:#71717a;font-size:13px;font-weight:500;padding:4px 12px;position:relative;z-index:1}.message{align-items:flex-end;animation:messageSlide .2s ease-out;box-sizing:border-box;display:flex;margin:0 0 2px;padding:0;width:100%}.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;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:#6366f1;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{align-items:flex-start;background:#f4f4f5;border-bottom-left-radius:4px;color:#18181b}.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:#ffffffb3;justify-content:flex-end}.message.received .message-timestamp{color:#a1a1aa;justify-content:flex-start}.message-link{background:#ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:2px 6px;text-decoration:none;transition:all .2s ease}.message.received .message-link{background:#1e40af1a;border:1px solid #1e40af33;color:#1e40af}.message.sent .message-link:hover{background:#ffffff40;transform:translateY(-1px)}.message.received .message-link:hover{background:#1e40af26;border-color:#1e40af4d;transform:translateY(-1px)}.message.has-links .message-content{border-radius:18px!important;overflow:hidden;position:relative}.message.sent.has-links .message-content{background:linear-gradient(135deg,#f59e0b,#ff8c00 50%,#ff6b35);border:2px solid #ffffff4d;box-shadow:0 6px 20px #f59e0b66,0 2px 8px #0000001a;color:#fff}.message.sent.has-links .message-content:before{background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.message.received.has-links .message-content{background:linear-gradient(135deg,#fef3c7,#fde68a 50%,#fcd34d);border:2px solid #f59e0b;box-shadow:0 6px 20px #f59e0b40,0 2px 8px #0000000d;color:#92400e}.link-preview{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;border:1px solid #fff6;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:#ffffff59;border-color:#fff9;box-shadow:0 6px 20px #fff3,0 2px 10px #00000026;transform:translateY(-3px)}.link-preview.clickable:active{transform:translateY(-1px)}.message.received .link-preview{background:#92400e1a;border:1px solid #f59e0b66;color:#78350f}.message.received .link-preview.clickable:hover{background:#92400e26;border-color:#f59e0b99;box-shadow:0 6px 20px #f59e0b4d,0 2px 10px #0000001a;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(146,64,14,.3))}.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 #92400e33}.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:#d97706}.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:#fff9}.read-status.sent:after{content:"✓"}.read-status.delivered{color:#fff9;position:relative}.read-status.delivered:after{content:"✓✓";letter-spacing:-4px}.read-status.read{color:#34d399;position:relative}.read-status.read:after{content:"✓✓";letter-spacing:-4px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-container{align-items:center;background:#fff;border-top:1px solid #e4e4e7;display:flex;gap:12px;min-height:60px;padding:16px 32px 20px;position:relative;width:100%;z-index:10}.message-input{word-wrap:break-word;background:#f4f4f5;border:none;border-radius:20px;color:#18181b;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;transition:all .2s ease;white-space:pre-wrap}.message-input::placeholder{color:#a1a1aa}.message-input:focus{background:#fff;box-shadow:0 0 0 1px #e4e4e7}.send-button{align-items:center;background:#6366f1;border:none;border-radius:50%;color:#fff;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:#4f46e5;transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:#d1d5db;cursor:not-allowed;opacity:.5}.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 #e4e4e7;border-radius:50%;border-top-color:#6366f1;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:#18181b;font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.empty-chat-message{color:#71717a;font-size:14px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.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:#fff;border-bottom:1px solid #e4e4e7;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:#18181b;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:#f4f4f5;border:none;border-radius:50%;color:#71717a;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:#e4e4e7;color:#18181b;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:#fff;border-top:1px solid #e4e4e7;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}.split-layout{background:#fafafa;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{background:#fff;border-right:1px solid #00000014;display:flex;flex:0 0 auto;flex-direction:column;min-width:300px;overflow:hidden;position:relative;width:360px;z-index:10}.sidebar-header{background:#fff;border-bottom:1px solid #0000000f;padding:20px 20px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sidebar-title{color:#18181b;font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.split-main{background:#fff;flex:1 1;min-width:0;overflow:hidden;position:relative}.split-empty,.split-main{display:flex;flex-direction:column}.split-empty{background:#fafafa;height:100%}.split-empty-header{align-items:center;background:#fff;border-bottom:1px solid #e4e4e7;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:.4}.split-empty h2{color:#18181b;font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.split-empty p{color:#71717a;font-size:16px;line-height:1.5;margin:0 0 24px}.start-chat-button{align-items:center;background:#6366f1;border:none;border-radius:24px;box-shadow:0 4px 12px #6366f140;color:#fff;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:#4f46e5;box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.start-chat-button:active{transform:translateY(0)}.start-chat-icon{font-size:18px;font-weight:400;line-height:1}@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 #00000014;border-right:none;flex:none;height:100vh;width:100%}.split-main{height:100vh;width:100vw}}
/*# sourceMappingURL=main.21717de8.css.map*/