.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.auth-card{width:100%;max-width:420px;position:relative;overflow:visible}.auth-title-row{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.auth-back-btn{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s}.auth-back-btn:active{background:var(--item-hover);transform:translateY(-50%) scale(.92)}.auth-header{position:relative;text-align:center;margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.auth-subtitle{color:var(--text-muted);font-size:.95rem;margin-top:8px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-tertiary)}.form-group input{padding:12px 16px;border:1.5px solid var(--border-color);border-radius:60px;font-size:.95rem;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-primary);outline:none;height:55px}.form-group input::placeholder{color:var(--text-muted)}.auth-button{padding:12px 24px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:60px;height:55px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-button:hover{opacity:.85}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-error{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:14px 18px;border-radius:16px;font-size:.875rem;text-align:center}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text-muted2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s}.password-toggle:hover{color:var(--text-muted3)}.auth-footer{text-align:center;margin-top:24px;color:var(--text-muted2);font-size:.9rem}.auth-footer a{color:var(--text-primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover{color:var(--text-tertiary)}.code-inputs{display:flex;gap:10px;justify-content:center;margin:8px 0 4px}.code-digit{width:48px;height:56px;text-align:center;font-size:2.2rem;font-weight:600;border:1.5px solid #222;border-radius:12px;background:#101010;color:#fff;outline:none;transition:border-color .2s}.code-digit:focus{border-color:var(--accent, #611bda);box-shadow:0 0 0 3px #7c3aed26}.code-digit.filled{border-color:#333}.home-container{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.home-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.top-bar{padding:28px 16px 18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.top-bar:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;height:50px;border-radius:50%;background:radial-gradient(ellipse,rgba(124,58,237,.7) 0%,transparent 60%);filter:blur(24px);pointer-events:none}.top-bar-logo{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:-.03em;background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.top-bar-left{position:relative;z-index:1}.spinner{width:28px;height:28px;border:3px solid #222;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.chat-list>:not(.chat-list-empty):not(.chat-list-status){width:100%;max-width:1024px}.chat-list::-webkit-scrollbar{width:3px}.chat-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-list-status{display:flex;align-items:center;justify-content:center;padding:32px}.chat-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:64px 16px;color:var(--text-muted);text-align:center}.chat-list-empty p{font-size:.95rem;color:#444;font-weight:500}.chat-list-empty span{font-size:.82rem;color:#333}.chat-item-wrap{position:relative;width:100%;max-width:1024px;overflow:hidden}.chat-item-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:15px;padding-right:8px;z-index:1}.chat-action-btn{width:42px;height:42px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.chat-action-pin{background:var(--bg-secondary);color:var(--text-muted3)}.chat-action-pin.active{background:var(--bg-tertiary);color:var(--text-primary)}.chat-action-delete{background:var(--bg-secondary);color:var(--text-primary)}.chat-action-delete:active{background:var(--item-hover)}.chat-item{display:flex;align-items:center;gap:12px;padding:12px;border:none;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background .15s;width:100%;text-align:left;position:relative;z-index:10;touch-action:pan-y;border-bottom:1px solid var(--border-light);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.chat-item:active{background:var(--bg-secondary)}.chat-item-avatar-wrap{position:relative;flex-shrink:0}.chat-item-online{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--online-dot);box-shadow:0 0 0 2px var(--bg-secondary);border-radius:50%}.chat-item-avatar{width:48px;height:48px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:var(--text-primary);overflow:hidden}.chat-item-avatar img{width:100%;height:100%;object-fit:cover}.chat-item-avatar span{font-size:1.1rem}.chat-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.chat-item-top{display:flex;justify-content:space-between;align-items:center}.chat-item-end{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-item-name{font-size:.95rem;font-weight:500;color:var(--text-primary);z-index:1}.chat-item-time{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.chat-item-badge{background:#3b82f6;color:#fff;font-size:.55rem;font-weight:500;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.chat-item-preview{font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-content-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:8px;padding:32px;text-align:center;overflow-y:auto;min-height:0}.tab-content-center h2{font-size:1.2rem;font-weight:600;color:var(--text-secondary)}.tab-description{font-size:.85rem;color:var(--text-muted)}.settings-profile-card{width:100%;display:flex;justify-content:center}.settings-section{width:100%;padding:4px 0}.settings-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;transition:background .15s}.settings-item:active{background:var(--item-hover)}.settings-item-icon{width:36px;height:36px;border-radius:10px;background:var(--settings-icon-bg);display:flex;align-items:center;justify-content:center;color:var(--settings-icon-color);flex-shrink:0}.settings-item-label{font-size:.95rem;color:var(--text-secondary)}.settings-signout-wrap{width:100%;padding:16px;display:flex;justify-content:center}.settings-logout-delete{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;width:100%;max-width:400px}.settings-logout:active{background:var(--item-hover)}.bottom-bar{position:relative;display:flex;align-items:center;justify-content:center;padding:18px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.bottom-nav{display:flex;align-items:center;justify-content:center;gap:4px;background:var(--bg-tertiary);padding:6px 10px;border-radius:32px;height:64px;flex-shrink:1;min-width:0}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:80px;padding:8px 14px 6px;border:none;border-radius:26px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:1}@media (min-width: 768px){.sheet-backdrop{align-items:center;justify-content:center}.sheet-panel{max-width:1000px;width:100%;border-radius:20px;max-height:80vh}.sheet-content{max-width:750px;width:100%;align-self:center}.sheet-body{align-items:center}.user-profile-card,.sheet-field-row,.sheet-actions{width:100%;max-width:480px}.settings-profile-card{max-width:1000px;width:100%}.settings-section,.settings-signout-wrap{max-width:520px;width:100%}.settings-item{padding:16px 20px}.settings-item:hover{background:var(--item-hover)}.settings-signout-wrap{padding:17px 20px}.settings-logout{max-width:520px}}@media (max-width: 420px){.bottom-bar{padding:18px 12px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.nav-btn{min-width:64px;padding:8px 8px 6px}.bottom-nav{gap:2px;padding:6px}.search-btn{margin-left:8px}}.nav-btn.active{background:var(--bg-primary);color:var(--text-primary)}.nav-btn:active{transform:scale(.92)}.nav-label{font-size:.75rem;font-weight:500;line-height:1}.search-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--border-color);background:transparent;color:var(--icon-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;margin-left:12px;flex-shrink:0}.search-btn:active{border-color:#444;color:var(--text-primary);background:var(--bg-secondary)}.search-btn.open{border-color:var(--border-color);color:var(--text-primary);background:var(--bg-secondary)}.search-icon-wrap{position:relative;width:22px;height:22px}.search-icon-search,.search-icon-close{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .25s,transform .3s}.search-icon-close{opacity:0;transform:rotate(-90deg) scale(.6)}.search-btn.open .search-icon-search{opacity:0;transform:rotate(90deg) scale(.6)}.search-btn.open .search-icon-close{opacity:1;transform:rotate(0) scale(1)}.search-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:400px;max-width:calc(100vw - 32px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:0 12px 48px #0009;animation:popupFade .15s ease}@keyframes popupFade{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.search-popup-input{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border-light)}.search-popup-input input{flex:1;border:none;background:none;color:var(--text-primary);font-size:1rem;outline:none}.search-popup-input input::placeholder{color:var(--text-muted)}.search-popup-results{max-height:320px;overflow-y:auto;display:flex;flex-direction:column}.search-popup-status{display:flex;align-items:center;justify-content:center;flex:1;padding:24px;color:var(--text-muted);font-size:.9rem;min-height:96px}.search-popup-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border:none;background:none;color:var(--text-primary);cursor:pointer;width:100%;text-align:left;transition:background .15s}.search-popup-item:active{background:var(--item-hover)}.search-popup-avatar{width:44px;height:44px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:var(--text-primary);flex-shrink:0;overflow:hidden}.search-popup-avatar img{width:100%;height:100%;object-fit:cover}.search-popup-info{display:flex;flex-direction:column;gap:3px}.search-popup-name{font-size:.95rem;font-weight:500;color:var(--text-primary)}.search-online-text{font-size:.75rem;color:var(--text-muted2)}.desktop-sidebar-search-info{display:flex;flex-direction:column;gap:2px}.desktop-sidebar-search-info span:first-child{font-size:.9rem;font-weight:500;color:var(--text-primary)}.chat-window{flex:1;display:flex;flex-direction:column;min-height:0;align-items:center}.chat-window>*{width:100%;max-width:none}.chat-header{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--border-light);background:var(--nav-bg);justify-content:space-between}.chat-back-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-left:-4px}.chat-back-btn:active{background:var(--border-light)}.chat-header-avatar{width:40px;height:40px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:var(--text-primary);flex-shrink:0;overflow:hidden}.chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-avatar span{font-size:.9rem}.chat-header-info{display:flex;flex-direction:column;gap:1px;flex:1;text-align:center;align-items:center}.chat-header-name{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.chat-header-status{font-size:.7rem;color:var(--text-muted2)}.chat-header-status.online{color:var(--text-muted)}.chat-header-status.typing{color:#1a73e8}.typing-dot{display:inline-block;animation:typingBounce 1.4s infinite;font-size:1.1em;line-height:1}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-center{flex:1;display:flex;align-items:center;justify-content:center}.text-muted{color:var(--text-muted);font-size:.85rem}.message{max-width:82%;padding:10px 14px;font-size:.9rem;line-height:1.4;word-wrap:break-word;align-self:flex-start;background:var(--bg-secondary);color:var(--text-primary);border-radius:16px 16px 16px 4px;-webkit-touch-callout:none;-webkit-user-select:none}.message.message-own{align-self:flex-end;background:#1a73e8;color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:4px}.message.message-pending{opacity:.5}.date-divider{display:flex;align-items:center;justify-content:center;padding:8px 0 6px}.date-divider-label{font-size:.72rem;color:var(--icon-color);font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:60px;padding:5px 14px}.message-time{font-size:.68rem;color:var(--text-muted2);margin-top:4px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.msg-status{display:inline-flex;align-items:center;flex-shrink:0}.msg-status svg{display:block}.msg-sent{color:#fff}.msg-read{color:#4fc3f7}.msg-read .check-2{animation:checkBounce .3s cubic-bezier(.34,1.56,.64,1) both;transform-origin:left}@keyframes checkBounce{0%{opacity:0;transform:scale(0) translate(-4px)}50%{transform:scale(1.2) translate(1px)}70%{transform:scale(.9) translate(0)}to{opacity:1;transform:scale(1) translate(0)}}.chat-input-area{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-input-wrap{flex:1;max-width:900px;width:100%}.chat-input-wrap input{width:100%;max-width:900px;padding:12px 16px;border-radius:60px;font-size:.9rem;background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:.3s ease;display:block;margin:0 auto;border:1.5px solid transparent}.chat-input-wrap input:focus{border-color:var(--text-muted)}.chat-send-btn{width:44px;height:44px;border-radius:50%;border:none;background:#1a73e8;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.chat-send-btn:active{background:#1a73e8;transform:scale(.92)}.chat-send-btn:disabled{background:var(--border-light);color:var(--text-muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000080;display:flex;align-items:flex-end;animation:backdropFadeIn .25s ease}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.sheet-panel{width:100%;background:var(--bg-secondary);border-radius:20px 20px 0 0;max-height:70vh;display:flex;flex-direction:column;animation:sheetSlideUp .35s cubic-bezier(.32,.72,0,1);overflow:hidden}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--sheet-handle);margin:10px auto 4px;flex-shrink:0}.sheet-content{display:flex;flex-direction:column;overflow-y:auto;padding:0 20px 24px;max-width:900px;-webkit-overflow-scrolling:touch}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 16px}.sheet-title{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.sheet-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--border-light);color:var(--text-muted3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.sheet-close-btn:active{background:var(--item-hover)}.sheet-body{display:flex;flex-direction:column;gap:18px}.sheet-avatar-section{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.sheet-avatar{width:80px;height:80px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;position:relative}.sheet-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;overflow:hidden}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:#0009;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff}.avatar-delete-btn{position:absolute;top:-2px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .15s}.avatar-delete-btn:active{transform:scale(.85)}.sheet-avatar-hint{font-size:.75rem;color:var(--text-muted)}.sheet-avatar-remove{font-size:.75rem;color:#a855f7;cursor:pointer;transition:opacity .15s}.sheet-avatar-remove:active{opacity:.6}.sheet-field-row{display:flex;flex-direction:column;gap:6px}.sheet-field-label{font-size:.82rem;color:var(--text-muted3);font-weight:500}.sheet-field-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:16px!important;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.sheet-field-input:focus{border-color:#611bda;box-shadow:0 0 0 3px #7c3aed26}.sheet-field-counter{font-size:.72rem;color:var(--text-muted);text-align:right;margin-top:4px}.sheet-actions{display:flex;gap:12px;padding-top:4px}.sheet-btn{flex:1;padding:12px 0;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.sheet-btn-primary{background:var(--text-primary);color:var(--bg-primary)}.sheet-btn-primary:disabled{opacity:.4;cursor:not-allowed}.sheet-btn-primary:active:not(:disabled){opacity:.85}.sheet-btn-danger{background:#ef4444;color:#fff}.sheet-btn-danger:disabled{opacity:.4;cursor:not-allowed}.sheet-btn-danger:active:not(:disabled){background:#dc2626}.settings-profile-detail{display:flex;flex-direction:column;gap:16px;padding:24px 16px 12px;width:100%;align-items:center}.settings-profile-detail-top{display:flex;align-items:center;gap:14px}.settings-profile-detail-right{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.settings-profile-detail-avatar{width:64px;height:64px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.settings-profile-detail-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-detail-avatar span,.sheet-avatar span,.user-profile-avatar span,.desktop-sidebar-search-avatar span,.search-popup-avatar span{font-weight:600;color:var(--text-primary);font-size:1.3rem}.settings-profile-detail-name{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.settings-profile-detail-email{font-size:.82rem;color:var(--text-muted2)}.settings-profile-detail-bio-wrap{width:auto}.settings-profile-detail-bio{font-size:.85rem;color:var(--text-muted3);font-weight:400;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.settings-profile-detail-empty{font-size:.82rem;color:var(--text-muted);font-style:italic}.settings-edit-profile-btn{display:inline-flex;align-items:center;align-self:center;gap:6px;padding:7px 14px;border:1.5px solid var(--border-color);border-radius:10px;background:transparent;color:var(--text-muted3);cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s}.settings-edit-profile-btn:active{border-color:#611bda;color:var(--text-primary);background:#7c3aed1a}.user-profile-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.user-profile-avatar{width:96px;height:96px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-profile-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-name{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.user-profile-bio{font-size:.85rem;color:var(--text-muted3);text-align:center;line-height:1.4;max-width:280px}.user-profile-joined{font-size:.75rem;color:var(--text-muted);margin-top:4px}.chat-item.pinned{background:var(--bg-pinned)}.context-menu{position:fixed;z-index:200;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:4px;min-width:170px;max-width:240px;animation:contextFade .1s ease}@keyframes contextFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:.85rem;width:100%;text-align:left;border-radius:8px;transition:background .1s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.context-menu-item:hover,.context-menu-item.danger:hover{background:var(--bg-primary);color:var(--text-primary)}.sheet-loading{display:flex;align-items:center;justify-content:center;padding:32px}.user-profile-name-display{text-align:center;font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-top:4px}.user-profile-bio-display{text-align:center;font-size:.85rem;color:var(--text-muted3);line-height:1.4;background:var(--bg-tertiary);padding:10px 14px;border-radius:10px;word-break:break-word;overflow-wrap:break-word}.user-profile-status{font-size:.8rem;color:var(--text-muted2);text-align:center}.user-profile-status.online{color:var(--text-muted2)}.fullscreen-avatar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000e6;display:flex;align-items:center;justify-content:center;animation:backdropFadeIn .2s ease;cursor:pointer}.fullscreen-avatar-overlay img{max-width:90vw;max-height:90vh;border-radius:12px;object-fit:contain}.desktop-sidebar{display:none}.desktop-sidebar-header{padding:29.5px 16px 18px;border-bottom:1px solid var(--nav-border);display:flex;flex-direction:column;flex-shrink:0;position:relative;overflow:hidden}.desktop-sidebar-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.desktop-sidebar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,70vw);height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(124,58,237,.5) 0%,transparent 60%);filter:blur(60px);pointer-events:none;z-index:0}.sidebar-logo{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:-.03em;background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none;position:relative;z-index:1;text-align:center;display:block;margin-left:auto;margin-right:auto;width:fit-content}.desktop-sidebar-actions{position:relative;z-index:1}.desktop-search-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border-color);background:transparent;color:var(--icon-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.desktop-search-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-secondary)}.desktop-search-btn .search-icon-wrap{width:18px;height:18px}.desktop-search-btn.open .search-icon-search{opacity:0;transform:rotate(90deg) scale(.6)}.desktop-search-btn.open .search-icon-close{opacity:1;transform:rotate(0) scale(1)}.desktop-sidebar-search{padding:12px 0 0;position:relative;z-index:1}.desktop-sidebar-search-input{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px}.desktop-sidebar-search-input input{flex:1;border:none;background:none;color:var(--text-primary);font-size:.9rem;outline:none}.desktop-sidebar-search-input input::placeholder{color:var(--text-muted)}.desktop-sidebar-search-status{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--text-muted);font-size:.85rem;min-height:60px}.desktop-sidebar-search-avatar{width:36px;height:36px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}.desktop-sidebar-search-avatar img{width:100%;height:100%;object-fit:cover}.desktop-sidebar-search-results{max-height:240px;overflow-y:auto}.desktop-sidebar-search-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;width:100%;text-align:left;border-radius:8px;transition:background .15s;font-size:.85rem;margin-bottom:5px}.desktop-sidebar-search-item:hover{background:var(--item-hover)}.desktop-chat-list{flex:1;overflow-y:auto}.desktop-chat-list::-webkit-scrollbar{width:3px}.desktop-chat-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.desktop-chat-list .chat-item{background:var(--bg-card)}.desktop-chat-list .chat-item.pinned{background:var(--bg-pinned)}.desktop-chat-list .chat-item:active{background:var(--bg-secondary)}.desktop-chat-list .chat-item-wrap{max-width:none}.desktop-sidebar-footer{border-top:1px solid var(--border-light);padding:12px 16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.desktop-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.desktop-welcome-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(500px,60vw);height:150px;border-radius:50%;background:radial-gradient(ellipse,rgba(124,58,237,.5) 0%,transparent 60%);filter:blur(60px);pointer-events:none}.desktop-welcome-title{font-family:Unbounded,sans-serif;font-size:1.6rem;font-weight:500;letter-spacing:-.03em;background:var(--welcome-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;position:relative;z-index:1}.desktop-welcome-subtitle{color:var(--text-muted);font-size:.9rem;max-width:280px;line-height:1.5;text-align:center;position:relative;z-index:1}.desktop-layout{flex:1;display:flex;flex-direction:column;min-height:0}@media (min-width: 1024px){.desktop-layout{flex-direction:row}.desktop-sidebar{display:flex;flex-direction:column;width:370px;min-width:370px;background:var(--nav-bg);border-right:1px solid var(--border-light)}.bottom-bar{display:none}.chat-window{flex:1;min-width:0}.chat-back-btn{display:none}.chat-header{padding:26px 20px 18px}.chat-messages{padding:16px 20px}.chat-messages::-webkit-scrollbar{width:4px}.chat-input-area{padding:14px 20px}.chat-input-wrap input{padding:14px 18px;font-size:.95rem}.message{max-width:55%}.home-content{flex:1;min-width:0}.settings-section,.settings-signout-wrap{margin:0 auto}.sheet-backdrop{align-items:center;justify-content:center}.sheet-panel{max-width:480px;border-radius:20px;max-height:80vh}.sheet-handle{display:none}.settings-item:hover,.settings-logout:hover{background:var(--item-hover)}.desktop-chat-list .chat-item{border-bottom:1px solid var(--border-light)}}.delete-btn-cancel{flex:1;padding:12px 0;border:1.5px solid var(--border-color);border-radius:10px;background:transparent;color:var(--text-muted3);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.delete-btn-cancel:active{background:var(--item-hover)}.delete-btn-confirm{flex:1;padding:12px 0;border:none;border-radius:10px;background:#7c3aed;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.delete-btn-confirm:disabled{opacity:.4;cursor:not-allowed}.delete-btn-confirm:active:not(:disabled){background:#6d28d9}.settings-delete-error{color:#a855f7;font-size:.85rem;text-align:center;margin-top:12px}.tab-fade-in{flex:1;display:flex;flex-direction:column;min-height:0;animation:tabFadeIn .2s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.delete-page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg-primary);animation:deletePageFade .2s ease}.delete-page,.chat-window{will-change:transform}@keyframes deletePageFade{0%{opacity:0}to{opacity:1}}.delete-page{display:flex;flex-direction:column;height:100%}.delete-page-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-light);min-height:56px}.delete-page-back{width:36px;height:36px;border-radius:50%;border:none;background:var(--border-light);color:var(--text-muted3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-page-back:active{background:var(--item-hover)}.delete-page-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.delete-page-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;position:relative;overflow-y:auto;min-height:0}.delete-page-glow{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:min(500px,80vw);height:160px;border-radius:50%;background:radial-gradient(ellipse,rgba(124,58,237,.6) 0%,transparent 60%);filter:blur(60px);pointer-events:none;z-index:0}.delete-page-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;position:relative;z-index:1}.delete-code-inputs{display:flex;gap:10px;justify-content:center;width:100%}.code-digit{width:46px;height:56px;border-radius:12px;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1.4rem;font-weight:600;text-align:center;outline:none;transition:border-color .2s}.code-digit:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.delete-page-actions{display:flex;gap:12px;width:100%;margin-top:20px}.devices-list{display:flex;flex-direction:column;gap:4px;padding:8px 16px}.devices-status{display:flex;align-items:center;justify-content:center;padding:48px 16px;color:var(--text-muted);font-size:.9rem}.devices-error{padding:16px;color:#a855f7;font-size:.85rem;text-align:center}.device-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border-bottom:1px solid var(--border-light)}.device-item-icon{width:40px;height:40px;border-radius:10px;background:var(--settings-icon-bg);display:flex;align-items:center;justify-content:center;color:var(--icon-color);flex-shrink:0}.device-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.device-item-name{font-size:.9rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-item-badge{font-size:.62rem;font-weight:600;color:#a855f7;border:1px solid #a855f7;border-radius:4px;padding:1px 6px;flex-shrink:0}.device-item-meta{font-size:.78rem;color:var(--text-muted)}.device-item-remove{padding:6px 14px;border:none;border-radius:8px;background:var(--border-light);color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;flex-shrink:0}.device-item-remove:active:not(.disabled){background:var(--item-hover)}.device-item-remove.disabled{opacity:.3;cursor:not-allowed}.theme-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s}.theme-item:active{background:var(--item-hover)}.theme-item-active{background:#a855f714}.theme-item-icon{width:40px;height:40px;border-radius:10px;background:var(--settings-icon-bg);display:flex;align-items:center;justify-content:center;color:var(--icon-color);flex-shrink:0}.theme-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.theme-item-name{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.theme-item-meta{font-size:.78rem;color:var(--text-muted)}.devices-signout-wrap{width:100%;padding:8px 16px 24px;display:flex;justify-content:center}.devices-signout-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;width:100%;max-width:400px}.devices-signout-btn:active{background:var(--item-hover)}.session-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:12px}.session-card-device-icon{width:72px;height:72px;border-radius:20px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:2px}.session-card-device-name{font-size:.92rem;font-weight:600;color:var(--text-secondary);text-align:center}.session-card-badge{font-size:.7rem;font-weight:600;color:#a855f7;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:6px;padding:3px 10px}.session-card-divider{width:100%;height:1px;background:var(--border-light);margin:2px 0}.session-card-field{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 4px}.session-card-label{font-size:.72rem;color:var(--text-muted2);flex-shrink:0}.session-card-value{font-size:.92rem;color:var(--text-secondary);text-align:right;word-break:break-word;max-width:60%}.session-card-ua{font-size:.82rem;color:var(--text-muted);font-family:monospace;word-break:break-all;max-width:60%}.session-card-actions{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:16px}.session-card-back-btn{padding:12px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s}.session-card-back-btn:active{background:var(--border-color)}.session-card-remove-btn{padding:12px;border:1px solid var(--border-color);border-radius:12px;background:transparent;color:var(--text-primary);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s}.session-card-remove-btn:active{background:var(--border-color)}.session-card-delete-wrap{width:100%;margin-top:12px;display:flex;justify-content:center}.session-card-delete-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;width:100%;max-width:400px}.session-card-delete-btn:active{background:var(--item-hover)}.chat-mic-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--icon-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.chat-mic-btn:hover{color:var(--text-primary)}.chat-mic-btn:active{transform:scale(.92)}.voice-recording-area{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.voice-recording-input{flex:1;max-width:900px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;min-height:44px;border-radius:60px;background:var(--bg-secondary);border:1.5px solid transparent}.voice-recording-time{font-size:.9rem;color:var(--text-primary);font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}.voice-recording-cancel{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--icon-color);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.voice-recording-cancel:hover{color:var(--text-primary);background:var(--border-light)}.voice-recording-cancel:active{transform:scale(.92)}.voice-recording-send{width:40px;height:40px;border-radius:50%;border:none;background:#1a73e8;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.voice-recording-send:active{background:#1557b0;transform:scale(.92)}.message-voice{max-width:280px!important}.voice-msg{display:flex;flex-direction:column;gap:2px;cursor:pointer;padding:4px 0;width:100%}.voice-msg-top{display:flex;align-items:center;gap:8px;width:100%}.voice-play-btn{width:36px;height:36px;border-radius:50%;border:none;background:#1557b0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.voice-play-btn:hover{background:#105bbc}.voice-play-btn:active{transform:scale(.92)}.voice-play-active{background:#4a90ff}.voice-progress{flex:1;height:4px;border-radius:2px;background:#ffffff26;position:relative;overflow:hidden}.voice-progress-bar{height:100%;border-radius:2px;background:#4a90ff;transition:width .1s linear}.message-own .voice-progress{background:#ffffff40}.message-own .voice-progress-bar{background:#fff}.voice-duration{font-size:.78rem;color:var(--text-muted3);font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}.voice-time{display:flex;align-items:center;gap:4px;flex-shrink:0}.message-own .voice-duration{color:#fffc}.reply-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;width:100%;max-width:900px;background:var(--bg-tertiary);border-radius:15px}.reply-bar-line{width:3px;height:32px;border-radius:2px;background:#4a90ff;flex-shrink:0}.reply-bar-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reply-bar-name{font-size:.78rem;font-weight:600;color:var(--text-primary)}.reply-bar-text{font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.reply-bar-close:active{background:var(--border-light);color:var(--text-primary)}.message-reply-preview{display:flex;gap:8px;margin-bottom:4px;padding-bottom:4px}.message-reply-line{width:3px;border-radius:2px;background:#4a90ff;flex-shrink:0}.message-own .message-reply-line{background:#fff9}.message-reply-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.message-reply-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.message-own .message-reply-name{color:#fff}.message-reply-text{font-size:.8rem;color:var(--text-muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-own .message-reply-text{color:#ffffffb3}.message-deleted{opacity:.5!important;pointer-events:none}.message-deleted-text{font-size:.82rem;font-style:italic;color:var(--text-primary)}.message-highlighted{background:var(--message-highlighted)!important;transition:background .3s ease}.message-own.message-highlighted{background:#2979e8!important}.chat-attach-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--icon-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.chat-attach-btn:hover{color:var(--text-primary)}.chat-attach-btn:active{transform:scale(.92)}.message-image{max-width:100%;max-height:300px;border-radius:8px;display:block;cursor:pointer;margin-top:6px}.message-own .message-image{border:1px solid rgba(255,255,255,.15)}.image-preview-area{display:flex;align-items:center;gap:10px;padding:6px 12px;width:100%;max-width:900px}.image-preview-main{height:60px;width:auto;max-width:120px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.image-preview-remove{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-muted2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.image-preview-remove:active{background:var(--border-light);color:var(--text-primary)}.message-reply-preview{cursor:pointer}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}:root,[data-theme=dark]{--bg-primary: #000;--bg-secondary: #111;--bg-tertiary: #141414;--bg-card: #0a0a0a;--bg-pinned: #0c0c18;--border-color: #222;--border-light: #1a1a1a;--text-primary: #fff;--text-secondary: #eee;--text-tertiary: #ccc;--text-muted: #555;--text-muted2: #666;--text-muted3: #aaa;--icon-color: #888;--nav-bg: #080808;--nav-border: #141414;--item-hover: #141414;--settings-icon-bg: #141414;--settings-icon-color: #ccc;--glow-color: rgba(124, 58, 237, .7);--logo-gradient: linear-gradient(160deg, #fff 30%, #555 100%);--avatar-bg: #1d1132;--online-dot: #593a90;--sheet-handle: #333;--message-highlighted: #2a2a2a;--welcome-title-gradient: linear-gradient(160deg, #fff 30%, #555 100%)}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #fff;--bg-tertiary: #f0f0f0;--bg-card: #fff;--bg-pinned: #f0f0ff;--border-color: #e0e0e0;--border-light: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #333;--text-tertiary: #555;--text-muted: #888;--text-muted2: #999;--text-muted3: #aaa;--icon-color: #666;--nav-bg: #fff;--nav-border: #e8e8e8;--item-hover: #e8e8e8;--settings-icon-bg: #e8e8e8;--settings-icon-color: #555;--glow-color: rgba(124, 58, 237, .4);--logo-gradient: linear-gradient(160deg, #222 30%, #888 100%);--avatar-bg: #e6ddf5;--online-dot: #7c3aed;--sheet-handle: #ccc;--message-highlighted: #e8f0fe;--welcome-title-gradient: linear-gradient(160deg, #222 30%, #888 100%)}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:Unbounded,sans-serif}input,button{font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select,button{font-size:16px!important;touch-action:manipulation}