*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto;height:100vh;overflow:hidden}.auth,body{background:#0f0f0f}.auth{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.auth-box{background:#1a1a1a;border-radius:28px;padding:32px 24px;text-align:center;width:280px}.auth-box h2{background:linear-gradient(135deg,#fff,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:32px;margin-bottom:20px}.auth-box input{background:#2c2c30;margin:8px 0}.auth-box button,.auth-box input{border:none;border-radius:28px;color:#fff;font-size:16px;padding:14px;width:100%}.auth-box button{background:#ff6b6b;font-weight:700}.auth-box button,.auth-box p{cursor:pointer;margin-top:16px}.auth-box p{color:#ff6b6b;font-size:14px}.app{background:#0f0f0f;display:flex;flex-direction:column;height:100vh}.header{align-items:center;background:#1a1a1a;border-bottom:.5px solid #2c2c2c;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding:16px 20px}.header button,.logout-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:24px}.main-content{flex:1 1;overflow:hidden;position:relative}.tab-content{bottom:0;left:0;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(20px);transition:all .3s ease}.tab-content.active{opacity:1;pointer-events:auto;transform:translateX(0)}.chats{height:100%;overflow-y:auto;padding:12px}.empty-chats{color:#8e8e93;padding:60px 20px;text-align:center}.empty-hint{font-size:12px;margin-top:8px}.chat-item{align-items:center;background:#1a1a1a;border-radius:14px;cursor:pointer;display:flex;gap:14px;margin-bottom:8px;padding:14px 16px;position:relative;transition:.1s}.chat-item:active{background:#2a2a2a;transform:scale(.98)}.chat-item.pinned{border-left:3px solid #ff6b6b}.chat-avatar{align-items:center;background:#ff6b6b20;border-radius:50%;color:#ff6b6b;display:flex;font-size:22px;font-weight:700;height:52px;justify-content:center;width:52px}.chat-info{flex:1 1}.chat-name{font-weight:600;margin-bottom:4px}.chat-last{color:#8e8e93;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{align-items:center;background:#ff3b30;border-radius:20px;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.profile-container{align-items:center;display:flex;flex-direction:column;padding:32px 20px}.profile-avatar{align-items:center;background:#2c2c2e;border-radius:60px;cursor:pointer;display:flex;height:120px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#ff6b6b;font-size:48px;font-weight:700}.avatar-edit{align-items:center;background:#ff6b6b;border-radius:16px;bottom:4px;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:4px;width:32px}.profile-name{font-size:24px;margin-bottom:24px}.logout-btn-profile{background:#ff6b6b20;border:1px solid #ff6b6b;border-radius:28px;color:#ff6b6b;cursor:pointer;font-size:16px;font-weight:700;padding:14px;width:100%}.groups-container{height:100%;overflow-y:auto;padding:20px}.create-group-card{background:#1a1a1a;border-radius:20px;padding:20px}.create-group-card h3{margin-bottom:16px}.create-group-card input{background:#2c2c2e;border:none;border-radius:28px;color:#fff;font-size:16px;margin-bottom:20px;padding:14px;width:100%}.members-label{color:#8e8e93;margin-bottom:12px}.members-list{margin-bottom:20px;max-height:300px;overflow-y:auto}.member-checkbox{align-items:center;border-bottom:.5px solid #2c2c2c;cursor:pointer;display:flex;gap:10px;padding:8px 0}.member-checkbox input{cursor:pointer;height:20px;width:20px}.create-group-btn{background:#ff6b6b;border:none;border-radius:28px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;width:100%}.search-container{align-items:center;display:flex;justify-content:center;min-height:80%;padding:24px}.search-card{background:#1a1a1a;border-radius:24px;max-width:340px;padding:32px 24px;text-align:center;width:100%}.search-card h3{margin-bottom:20px}.search-input-group{display:flex;gap:10px;margin-bottom:16px}.search-input-group input{background:#2c2c2e;flex:1 1;font-size:16px;outline:none;padding:14px 18px}.search-btn,.search-input-group input{border:none;border-radius:30px;color:#fff}.search-btn{background:#ff6b6b;cursor:pointer;font-weight:700;padding:14px 20px}.search-hint{color:#8e8e93;font-size:12px;margin-top:8px}.chat-screen{animation:slideIn .3s ease;background:#0f0f0f;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:10}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.chat-header{background:#1a1a1a;border-bottom:.5px solid #2c2c2c;gap:16px;padding:16px}.back-btn,.chat-header{align-items:center;display:flex}.back-btn{background:none;border:none;border-radius:30px;color:#ff6b6b;cursor:pointer;font-size:28px;height:44px;justify-content:center;width:44px}.back-btn:active{background:#ff6b6b33}.chat-header span{cursor:pointer;font-size:18px;font-weight:600}.editing-panel{align-items:center;background:#2c2c2e;color:#ff6b6b;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px}.cancel-edit-top{background:none;border:none;border-radius:20px;color:#ff6b6b;cursor:pointer;font-size:14px;padding:4px 12px}.messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.message{word-wrap:break-word;animation:messageAppear .2s ease;border-radius:20px;font-size:15px;max-width:80%;padding:10px 14px}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end;background:#ff6b6b;border-bottom-right-radius:4px;cursor:pointer}.message.received{align-self:flex-start;background:#2c2c2e;border-bottom-left-radius:4px}.message.edited{opacity:.8}.edited-badge{font-size:10px;margin-left:6px;opacity:.6}.time{font-size:10px;margin-top:4px;opacity:.7;text-align:right}.context-menu{background:#2c2c2e;border-radius:14px;box-shadow:0 4px 20px #0000004d;min-width:160px;overflow:hidden;position:fixed;z-index:200}.context-menu-item{color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px 20px;transition:background .1s}.context-menu-item:active{background:#3a3a3c}.context-menu-item.delete{color:#ff6b6b}.input-area{background:#1a1a1a;border-top:.5px solid #2c2c2c;display:flex;gap:10px;padding:12px 16px}.input-area input{background:#2c2c2e;flex:1 1;font-size:16px;outline:none;padding:12px 18px}.input-area button,.input-area input{border:none;border-radius:30px;color:#fff}.input-area button{background:#ff6b6b;cursor:pointer;font-size:18px;padding:0 24px}.group-members-popup{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.group-members-popup-content{background:#1a1a1a;border-radius:28px;padding:24px;text-align:center;width:280px}.group-members-popup-content h4{margin-bottom:16px}.group-members-popup-content div{border-bottom:.5px solid #2c2c2c;padding:8px}.group-members-popup-content button{background:#ff6b6b;border:none;border-radius:28px;color:#fff;cursor:pointer;margin-top:16px;padding:10px 20px}.bottom-nav{background:#1a1a1a;border-top:.5px solid #2c2c2c;justify-content:space-around;padding:10px 0}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:30px;cursor:pointer;flex-direction:column;gap:4px;padding:8px 20px;transition:all .2s ease}.nav-item:active{background:#ff6b6b1a;transform:scale(.95)}.nav-item.active{background:#ff6b6b26}.nav-icon{font-size:24px}.nav-label{color:#8e8e93;font-size:11px}.nav-item.active .nav-label{color:#ff6b6b}.typing-indicator{animation:fadeIn .3s ease;font-size:12px;font-style:italic;padding:8px 16px}.unread-badge-mobile{flex-shrink:0;margin-left:8px}@media (max-width:480px){.search-btn{font-size:14px!important;padding:14px 16px!important}}.swipe-container{flex:1 1;overflow:hidden;position:relative;touch-action:pan-y}.swipe-track{display:flex;height:100%;transition:transform .3s ease;will-change:transform}.swipe-slide{height:100%;min-width:100%;overflow-y:auto}@keyframes chatSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes chatSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.838c0233.css.map*/