.auth-container{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;animation:fadeIn var(--transition-normal) ease-out}.auth-logo{width:20rem;height:20rem;margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.auth-logo img{width:100%;height:100%;object-fit:contain}.auth-form{width:100%;max-width:20rem;display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{width:100%}.form-group input{width:100%;padding:var(--spacing-sm);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-small);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--accent);background-color:var(--bg-secondary)}.form-group input::placeholder{color:var(--text-secondary)}.auth-button{width:100%;padding:var(--spacing-sm);background:var(--accent);color:#fff;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.auth-switch{margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:.875rem;text-align:center}.link-button{color:var(--accent);text-decoration:underline;background:none;border:none;padding:0;font-size:inherit;cursor:pointer;transition:color var(--transition-fast)}.link-button:hover{color:var(--accent-hover)}.app-header{width:100%;max-width:600px;height:4rem;background:linear-gradient(to right,#00ddff1a,#ff00d41a);box-shadow:0 5px 5px #000;position:relative;top:0;z-index:100;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.header-content{display:flex;align-items:center;height:100%;padding:.5rem;gap:var(--spacing-md)}.header-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:var(--bg-tertiary);transition:transform var(--transition-fast)}.header-avatar:hover{transform:scale(1.05)}.header-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:1.25rem;font-weight:600}.forward-cancel-button{font-size:1.5rem;color:var(--text-primary);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast)}.header-text{font-size:1.2rem;font-style:italic;background:linear-gradient(to right,#0df,#ff00d4);-webkit-background-clip:text;background-clip:text;color:transparent}.header-text.forward-text{display:flex;align-items:center;gap:.45rem;color:#0f0!important;font-weight:700}.header-forward-icon{width:1.8rem;height:1.8rem;flex-shrink:0;background-color:currentColor;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%208V6.25C13%205.61%2013.735%205.249%2014.241%205.641L20.052%2010.141C20.449%2010.448%2020.449%2011.052%2020.052%2011.359L14.241%2015.859C13.735%2016.251%2013%2015.89%2013%2015.25V13.5H11.5C8.5%2013.5%206.25%2015%204.5%2018C4.5%2012.5%207.5%208%2012.75%208H13Z'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%208V6.25C13%205.61%2013.735%205.249%2014.241%205.641L20.052%2010.141C20.449%2010.448%2020.449%2011.052%2020.052%2011.359L14.241%2015.859C13.735%2016.251%2013%2015.89%2013%2015.25V13.5H11.5C8.5%2013.5%206.25%2015%204.5%2018C4.5%2012.5%207.5%208%2012.75%208H13Z'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat}.chat-list-container{--chat-list-mini-player-reserved-space: 2.5rem;width:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);position:relative;will-change:transform;flex:1;min-height:0;overflow:hidden}.chat-list{flex:1;min-height:0;box-sizing:border-box;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.chat-list-container--with-mini-player .chat-list{padding-top:var(--chat-list-mini-player-reserved-space);scroll-padding-top:var(--chat-list-mini-player-reserved-space)}.chat-list::-webkit-scrollbar{display:none}.chat-item{display:flex;align-items:center;padding:0 .5rem;gap:var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid #3a3a3a38;height:4.5rem}.chat-item.unread{background-color:#ffffff0d}.chat-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.chat-avatar.online{box-shadow:0 0 7px 1px #0f0}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar .default-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-info{flex:1;min-width:0;height:4.5rem;display:flex;flex-direction:column;justify-content:space-between;padding:.3rem 0}.chats-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.chat-name{font-size:1rem;font-weight:500;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{font-size:.75rem;color:#7b6a5b;flex-shrink:0}.chat-preview{display:flex;align-items:center;margin:auto 0;min-width:0;overflow:hidden}.chat-preview-forward-icon{width:1.4rem;height:1.4rem;flex-shrink:0;background-color:#00ff004d;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%208V6.25C13%205.61%2013.735%205.249%2014.241%205.641L20.052%2010.141C20.449%2010.448%2020.449%2011.052%2020.052%2011.359L14.241%2015.859C13.735%2016.251%2013%2015.89%2013%2015.25V13.5H11.5C8.5%2013.5%206.25%2015%204.5%2018C4.5%2012.5%207.5%208%2012.75%208H13Z'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%208V6.25C13%205.61%2013.735%205.249%2014.241%205.641L20.052%2010.141C20.449%2010.448%2020.449%2011.052%2020.052%2011.359L14.241%2015.859C13.735%2016.251%2013%2015.89%2013%2015.25V13.5H11.5C8.5%2013.5%206.25%2015%204.5%2018C4.5%2012.5%207.5%208%2012.75%208H13Z'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;margin-right:var(--spacing-xs)}.chat-preview-images{display:flex;align-items:center;gap:.15rem;flex-shrink:0;max-height:1.75rem;margin-right:var(--spacing-xs)}.chat-preview-image{width:1.75rem;height:1.75rem;border-radius:.3rem;object-fit:cover;flex-shrink:0}.chat-preview-image--skeleton{display:inline-block;background:linear-gradient(100deg,#7b6a5b2e 40%,#7b6a5b14,#7b6a5b2e 60%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.chat-preview-voice-icon{display:inline-block;width:1.4rem;height:1.4rem;flex-shrink:0;background-color:#fff;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cg%20fill='%23FFFFFF'%20transform='translate(4%204)%20scale(0.875)'%3e%3cpath%20d='M32%2054C20.954%2054%2012%2045.046%2012%2034a2%202%200%200%201%204%200c0%208.837%207.163%2016%2016%2016s16-7.163%2016-16a2%202%200%200%201%204%200c0%2011.046-8.954%2020-20%2020Z'/%3e%3cpath%20d='M32%2062a2%202%200%200%201-2-2v-8a2%202%200%200%201%204%200v8a2%202%200%200%201-2%202Z'/%3e%3cpath%20d='M32%2046c-6.627%200-12-5.373-12-12V14c0-6.627%205.373-12%2012-12s12%205.373%2012%2012v20c0%206.627-5.373%2012-12%2012Zm0-40a8%208%200%200%200-8%208v20a8%208%200%200%200%2016%200V14a8%208%200%200%200-8-8Z'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cg%20fill='%23FFFFFF'%20transform='translate(4%204)%20scale(0.875)'%3e%3cpath%20d='M32%2054C20.954%2054%2012%2045.046%2012%2034a2%202%200%200%201%204%200c0%208.837%207.163%2016%2016%2016s16-7.163%2016-16a2%202%200%200%201%204%200c0%2011.046-8.954%2020-20%2020Z'/%3e%3cpath%20d='M32%2062a2%202%200%200%201-2-2v-8a2%202%200%200%201%204%200v8a2%202%200%200%201-2%202Z'/%3e%3cpath%20d='M32%2046c-6.627%200-12-5.373-12-12V14c0-6.627%205.373-12%2012-12s12%205.373%2012%2012v20c0%206.627-5.373%2012-12%2012Zm0-40a8%208%200%200%200-8%208v20a8%208%200%200%200%2016%200V14a8%208%200%200%200-8-8Z'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;opacity:.5}.chat-preview-voice-icon.unlistened{background-color:#0f0;opacity:1}.chat-preview-voice-unlistened-indicator{width:.6rem;height:.6rem;flex-shrink:0;background-color:#0f0;-webkit-mask:url("data:image/svg+xml,%3csvg%20id='emoji'%20viewBox='0%200%2072%2072'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='color-foreground'%3e%3ccircle%20cx='36'%20cy='36'%20r='20'%20fill='rgb(255,%200,%200)'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20id='emoji'%20viewBox='0%200%2072%2072'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='color-foreground'%3e%3ccircle%20cx='36'%20cy='36'%20r='20'%20fill='rgb(255,%200,%200)'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat}.chat-text{font-size:.875rem;color:#7b6a5b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;max-height:2.4em;white-space:pre-line;min-width:0;flex:1}.chat-text.unread{font-weight:500;color:#c2b2a4}.new-chat-button-container{position:absolute;right:2rem;bottom:2rem;z-index:2;pointer-events:auto}.new-chat-button{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(to right,#00ddff1a,#ff00d41a);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 1px 3px #5400ffb3;border:none;padding:0}.new-chat-button-icon{width:3rem;height:3rem;fill:#fff}.chat-last-status{display:inline-flex;align-items:center;margin-right:.3rem}.chat-status-icon{width:.9rem;height:.9rem;flex-shrink:0}.chat-status-icon.sent{opacity:.5;width:.7rem;height:.7rem}.chat-status-icon.read{opacity:.6}.chat-unread-count{min-width:1.1rem;height:1.1rem;margin-right:.3rem;color:#0f0;background:linear-gradient(to right,#00ddff4d,#ff00d44d);border-radius:50%;font-size:.6rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.chat-typing-indicator{font-style:italic;color:#0f09;font-size:.875rem;display:flex;align-items:center;gap:4px;opacity:0;animation:fadeIn .3s forwards}.chat-list-activity-indicator{display:flex;align-items:center;gap:4px;font-style:italic;color:#0f09;font-size:.875rem;opacity:0;animation:fadeIn .3s forwards;max-height:none;-webkit-line-clamp:unset}.chat-list-recording-indicator{display:flex;align-items:center;gap:.25rem;min-width:0;max-width:100%}.chat-list-recording-icon{width:1.2rem;height:1.2rem;flex-shrink:0;animation:voiceRecordBlink 1s ease-in-out infinite}.chat-list-recording-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-typing-dots{display:flex;gap:2px}.chat-typing-dots span{display:block;width:4px;height:4px;border-radius:50%;background-color:currentColor;animation:pulse 1s infinite ease-in-out;opacity:.3}.chat-typing-dots span:nth-child(1){animation-delay:0s}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.skeleton{pointer-events:none}.skeleton-avatar{width:3rem;height:3rem;border-radius:50%}.skeleton-title{width:30%;min-width:5rem;height:1rem;border-radius:.5rem}.skeleton-time{width:2.5rem;height:.6rem;border-radius:.5rem;background:linear-gradient(100deg,#0a0a0a 40%,#141414,#0a0a0a 60%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-text{width:80%;height:1.8rem;border-radius:.5rem;background:linear-gradient(100deg,#7b6a5b33 40%,#7b6a5b1a,#7b6a5b33 60%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite}.skeleton-avatar,.skeleton-title{background:linear-gradient(100deg,#191919 40%,#232323,#191919 60%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.voice-mini-player{--voice-mini-player-progress: 0;min-height:2rem;display:flex;align-items:center;gap:.55rem;padding:0 .5rem;box-sizing:border-box;color:var(--text-primary);box-shadow:0 3px 6px 4px #0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:manipulation;cursor:pointer;background-color:#5a5a5a80}.voice-mini-player__progress{position:absolute;left:2rem;right:2rem;bottom:.1rem;height:1px;pointer-events:none}.voice-mini-player__progress span{display:block;width:100%;height:100%;border-radius:999px;background-color:#0f0;transform:scaleX(var(--voice-mini-player-progress));transform-origin:left center;transition:transform .2s linear}.voice-mini-player--chat-window{position:absolute;top:4.5rem;left:1rem;right:1rem;z-index:30;border-radius:5rem;justify-content:space-between}.voice-mini-player--chat-list{position:absolute;top:.5rem;left:1rem;right:1rem;z-index:30;margin:0;border-radius:5rem;justify-content:space-between}.voice-mini-player__control,.voice-mini-player__close{width:1.6rem;height:1.6rem;flex:0 0 1.6rem;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent;cursor:pointer}.voice-mini-player__control img{width:1.6rem;height:1.6rem;pointer-events:none}.voice-mini-player__close img{width:1.8rem;height:1.8rem;pointer-events:none}.voice-mini-player__meta{min-width:0;display:flex;align-items:baseline;gap:.55rem}.voice-mini-player__sender,.voice-mini-player__date{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-mini-player__sender{color:#00ff00b8;font-size:.92rem;font-weight:800}.voice-mini-player__date{color:#fff;font-size:.78rem;flex-shrink:0;font-weight:600}.chat-window-container{width:100%;max-width:600px;height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.25,.8,.25,1),height .3s ease-out}.chat-header{display:flex;align-items:center;padding:.5rem 0 .5rem .5rem;height:4rem;gap:var(--spacing-sm);background:linear-gradient(to right,#00ddff1a,#ff00d41a);box-shadow:0 5px 5px #000;position:sticky;top:0;z-index:10;touch-action:none;overscroll-behavior:none;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.chat-header--selection{padding-right:.5rem}.chat-selection-close-button{width:3rem;height:3rem;padding:0;display:flex;align-items:center;justify-content:center}.chat-header-button-icon{width:2rem;height:2rem;opacity:.75}.chat-selection-count{flex:1;min-width:0;display:flex;align-items:center;align-content:center;flex-wrap:wrap;column-gap:.35rem;row-gap:0;font-size:1rem;font-weight:700;line-height:1.15;color:var(--text-primary);font-variant-numeric:tabular-nums}.chat-selection-count-part{display:inline-block;white-space:nowrap}.chat-selection-count-part--shake{animation:chatSelectionCounterShake .5s ease-in-out}.chat-selection-count-separator{opacity:.65;flex-shrink:0}@keyframes chatSelectionCounterShake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-3px)}30%,60%,90%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.chat-selection-count-part--shake{animation:none}}.chat-selection-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.chat-selection-action{width:2.6rem;height:2.6rem;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;opacity:.35;cursor:default}.chat-selection-action img{width:1.8rem;height:1.8rem}.chat-header-user{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;flex:1;min-width:0}.chat-header-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:var(--bg-tertiary)}.chat-header-avatar img{width:100%;height:100%;object-fit:cover;cursor:pointer}.chat-header-info{display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0}.chat-name{margin:0;font-size:1.1rem;font-weight:600}.status-wrapper{position:relative;height:18px}.status-wrapper .user-status,.status-wrapper .typing-indicator-header{position:absolute;left:0;top:0;transition:opacity .3s ease,transform .3s ease}.fade-in{opacity:1;transform:translateY(0);pointer-events:auto}.fade-out{opacity:0;transform:translateY(-2px);pointer-events:none}.user-status{font-size:.9rem;color:#888;margin-top:2px}.user-status-online{color:#0f09;font-weight:500}.typing-indicator-header{display:flex;align-items:center;gap:4px;font-size:.8rem;font-style:italic;font-weight:500;color:#0f09;margin-top:2px}.chat-header-recording-indicator{display:flex;align-items:center;gap:4px;min-width:0}.chat-header-recording-indicator span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-recording-icon{width:1.2rem;height:1.2rem;flex-shrink:0;animation:voiceRecordBlink 1s ease-in-out infinite}.typing-dots{display:flex;align-items:center;gap:3px;margin-left:4px}.typing-dots span{display:block;width:5px;height:5px;background-color:#0f09;border-radius:50%;animation:pulse 1s infinite ease-in-out;opacity:.3}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.messages-container{flex:1;min-height:0;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-md) 0 0 0;display:flex;flex-direction:column;gap:0;overscroll-behavior:none;background-color:var(--bg-primary);touch-action:pan-y;will-change:transform}.messages-container--pre-layout{visibility:hidden;pointer-events:none}.chat-opening-skeleton{position:absolute;top:4rem;right:0;bottom:0;left:0;z-index:2;display:flex;min-height:0;background-color:var(--bg-primary);pointer-events:none}.chat-opening-skeleton .messages-container{flex:1;min-height:0;width:100%}body.keyboard-open .chat-window-container,body.emoji-panel-open .chat-window-container,body.keyboard-emoji-transition .chat-window-container{transition:none}body.keyboard-open .messages-container,body.emoji-panel-open .messages-container,body.keyboard-emoji-transition .messages-container{scroll-behavior:auto!important}.messages-container::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.messages-container:hover::-webkit-scrollbar,.messages-container:focus::-webkit-scrollbar{display:none}.message{display:flex;width:100%;margin-bottom:var(--spacing-sm);align-items:flex-end;box-sizing:border-box;position:relative;flex-shrink:0;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity 1s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.message,.message *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.message img,.message video{-webkit-user-drag:none;user-drag:none}.message.appearing{opacity:0;transform:translateY(20px)}.message.appearing.show{opacity:1;transform:translateY(0)}.message-own{flex-direction:row-reverse}.message-own .message-avatar{display:none}.message--selection-mode{--message-selection-slot-width: 10%;cursor:pointer}.message-selection-toggle{position:absolute;left:0;top:50%;z-index:3;width:var(--message-selection-slot-width, 10%);height:2rem;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);animation:messageSelectionToggleIn .23s ease-out}.message-selection-toggle img{width:1.65rem;height:1.65rem;display:block}.message--selection-disabled .message-selection-toggle{opacity:.35}@keyframes messageSelectionToggleIn{0%{transform:translateY(-50%) scale(.86)}to{transform:translateY(-50%) scale(1)}}.message-content{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:90%;border-radius:.5rem;position:relative;left:0;transition:left .25s cubic-bezier(.22,1,.36,1)}.message-other.message--selection-mode .message-content{left:var(--message-selection-slot-width, 10%)}.message-content--with-media{width:100%;min-width:0;align-items:stretch}.message-content--single-horizontal-media{width:100%}.message-content--single-vertical-media-compact{align-items:flex-start}.message-own .message-content--single-vertical-media-compact{align-items:flex-end}.message-bubble{--bubble-bg: rgba(255,255,255,.2);background-color:var(--bubble-bg);padding-bottom:0;border-radius:.5rem;position:relative;word-wrap:break-word;white-space:pre-wrap;will-change:transform,background-color;transition:background-color .15s}.message-bubble--with-media{display:grid;grid-template-columns:minmax(0,auto);justify-items:stretch;width:100%;max-width:100%;min-width:0}.message-bubble--single-horizontal-media{grid-template-columns:minmax(0,1fr);width:100%}.message-bubble--single-vertical-media-compact{width:fit-content}.message-bubble--has-voice{grid-template-columns:minmax(0,1fr);width:100%}.message-own .message-bubble{--bubble-bg: rgba(255,255,255,.1);color:#fff;border-bottom-right-radius:0}.message-other .message-bubble{--bubble-bg: rgba(255,255,255,.2);color:var(--text-primary);border-bottom-left-radius:0}.message-bubble.message-selection-mode{transition:background-color .15s ease,box-shadow .15s ease}.message-bubble.message-selection-selected{--bubble-bg: rgba(0, 255, 0, .22);background-color:var(--bubble-bg)}.message-text{padding:.3rem;font-size:.8rem;line-height:1.3;white-space:pre-wrap}.message-bubble--with-media .message-text,.message-bubble--with-media .message-metadata,.message-bubble--with-media .message-reply-preview,.message-bubble--with-media .message-forwarded-preview,.message-bubble--with-media .forwarded-author,.message-bubble--with-media .forwarded-text{box-sizing:border-box;min-width:0;max-width:100%}.message-bubble--with-media .message-text,.message-bubble--with-media .forwarded-text{overflow-wrap:anywhere;word-break:break-word}.message-bubble--with-media .reply-author,.message-bubble--with-media .forwarded-author{min-width:0;text-overflow:ellipsis;white-space:nowrap}.message-bubble--with-media .reply-preview-media-row,.message-bubble--with-media .reply-text{min-width:0}.message-bubble--with-media .message-reactions,.message-bubble--with-media .message-time-wrapper{min-width:0;max-width:100%}.message-bubble--with-media .message-metadata,.message-bubble--with-media .message-reactions{flex-wrap:wrap}.message-metadata{display:flex;align-items:center;gap:.4rem;min-height:1.3rem;padding:0 .3rem}.message-time-wrapper{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap-reverse}.message-edited{font-size:.6rem;font-style:italic;color:#8e8e8e;opacity:.7;display:block}.message-time{font-size:.7rem;opacity:.7;color:#8e8e8e;line-height:1}.message-status{display:inline-flex;align-items:center;height:.9rem;width:.9rem}.message-status-icon{width:.9rem;height:.9rem;flex-shrink:0}.message-status-icon.sending{opacity:.7;width:.6rem;height:.6rem}.message-status-icon.sent{opacity:.5;width:.7rem;height:.7rem}.message-status-icon.read{opacity:.6}.voice-message-player{display:flex;align-items:center;gap:.55rem;width:100%;padding:.3rem .3rem 0;box-sizing:border-box;white-space:normal}.message-forwarded-preview .voice-message-player{min-width:100%;padding-left:0;padding-right:.3rem}.voice-play-button{width:2.35rem;height:2.35rem;border:none;border-radius:50%;background:#00ff0029;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.voice-play-button img{width:1.45rem;height:1.45rem}.voice-message-body{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:0 .5rem}.voice-waveform{position:relative;height:2rem;width:100%;display:flex;align-items:center;justify-content:space-between;min-width:0;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.voice-waveform:focus-visible{outline:1px solid rgba(0,255,0,.45);outline-offset:2px;border-radius:.25rem}.voice-waveform-bar{width:2px;min-width:2px;flex:0 0 2px;border-radius:999px;background:#ffffff52;transition:height .18s ease,background .12s ease}.voice-waveform-bar.active{background:#00ff0094}.voice-waveform-thumb{position:absolute;top:50%;width:.65rem;height:.65rem;border-radius:50%;background:#00ff00d9;transform:translate(-50%,-50%);box-shadow:0 0 0 .2rem #00ff001f;pointer-events:none}.voice-duration-row{display:flex;align-items:center;gap:.28rem;min-height:.75rem}.voice-unlistened-indicator{width:.7rem;height:.7rem;flex-shrink:0;background-color:#0f0;-webkit-mask:url("data:image/svg+xml,%3csvg%20id='emoji'%20viewBox='0%200%2072%2072'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='color-foreground'%3e%3ccircle%20cx='36'%20cy='36'%20r='20'%20fill='rgb(255,%200,%200)'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20id='emoji'%20viewBox='0%200%2072%2072'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='color-foreground'%3e%3ccircle%20cx='36'%20cy='36'%20r='20'%20fill='rgb(255,%200,%200)'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat}.voice-duration{font-size:.72rem;line-height:1;color:#ffffffb3}.voice-message-player audio{display:none}.message-other .message-status{display:none}.input-container{position:sticky;bottom:0;z-index:20;display:flex;flex-direction:column;flex:0 0 auto;min-height:0;background-color:#ffffff1a;box-shadow:0 -5px 5px #000;border:.5px solid rgb(50 50 50);border-bottom:none;border-top-right-radius:1rem;border-top-left-radius:1rem;overflow:visible;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.input-container.emoji-panel-open{overflow:visible}@media(max-width:600px){body.keyboard-open .input-container,body.emoji-panel-open .input-container,body.keyboard-emoji-transition .input-container{background-color:var(--input-bg)}body.keyboard-open .chat-window-swipe-wrapper:after,body.emoji-panel-open .chat-window-swipe-wrapper:after,body.keyboard-emoji-transition .chat-window-swipe-wrapper:after{content:"";position:absolute;left:0;right:0;top:100%;z-index:1;height:calc(max(var(--chat-interactive-bottom-space, 0px),env(safe-area-inset-bottom,0px)) + 8px);background-color:var(--input-bg);pointer-events:none}}.message-input-form{z-index:20;display:flex;flex:0 0 auto;align-items:flex-end;min-height:0;padding:.3rem;overflow:visible;touch-action:none;overscroll-behavior:none}.voice-recording-panel{display:grid;grid-template-columns:auto minmax(0,1fr) 3rem;align-items:center;padding:.3rem .3rem 0;min-height:2.2rem;gap:.5rem}.voice-recording-panel.paused{grid-template-columns:auto minmax(0,1fr) 2rem 3rem}.voice-recording-time{display:flex;align-items:center;gap:.35rem;min-width:7rem;font-size:.88rem;color:#ffffffe0;font-variant-numeric:tabular-nums}.voice-recording-indicator{width:1.2rem;height:1.2rem;animation:voiceRecordBlink 1s ease-in-out infinite}.voice-recording-panel.paused .voice-recording-indicator{animation:none;opacity:.35}.voice-recording-hint{min-width:0;text-align:center;font-size:.84rem;color:#ffffff9e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-recording-cancel-text{border:none;background:transparent;color:#ff6464eb;font-size:.9rem;cursor:pointer;padding:.35rem .5rem;touch-action:manipulation}.voice-recording-lock-control{width:3rem;height:2rem;border:none;background:transparent;display:flex;align-items:center;justify-content:center;justify-self:end;cursor:pointer;opacity:.9;touch-action:none;-webkit-user-select:none;user-select:none}.voice-recording-preview-control{width:2rem;height:2rem;border:none;border-radius:50%;background:#00ff0024;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.92;touch-action:manipulation;-webkit-user-select:none;user-select:none}.voice-recording-preview-control:disabled{cursor:default;opacity:.45}.voice-recording-preview-icon{width:1.4rem;height:1.4rem}.voice-recording-preview-audio{display:none}.voice-recording-lock-control:disabled{cursor:default;opacity:.72}.voice-recording-lock-icon{width:1.8rem;height:1.8rem}@keyframes voiceRecordBlink{0%,to{opacity:1}50%{opacity:.28}}.message-input{flex:1;background-color:#fff0;border:none;color:var(--text-primary);font-size:.9375rem;resize:none;outline:none;transition:border-color var(--transition-fast);font-family:inherit}.message-textarea{box-sizing:border-box;display:block;padding:.5rem;min-height:48px;max-height:120px;overflow-y:hidden;line-height:1.4;resize:none;font-family:inherit;transition:height .2s ease;font-size:1rem;touch-action:auto;overscroll-behavior:none}.message-textarea::-webkit-scrollbar{width:4px;background:#0000}.message-textarea::-webkit-scrollbar-track{background:transparent}.message-textarea::-webkit-scrollbar-thumb{background:#0000;border-radius:2px}.mobile-textarea{enterkeyhint:enter;inputmode:text}.message-textarea:not(.mobile-textarea){enterkeyhint:send}.send-message-button{width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(to right,#0df3,#ff00d433);color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;align-self:flex-end;pointer-events:auto;box-shadow:1px 1px 5px #5400ff;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.emoji-toggle-button{width:2rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:flex-end;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .18s ease,box-shadow .18s ease,opacity .18s ease}.emoji-toggle-button:focus{outline:none}.emoji-toggle-icon{width:2rem;height:2rem;opacity:.85;pointer-events:none;filter:invert(1);transition:opacity .15s ease}.emoji-toggle-button:hover .emoji-toggle-icon,.emoji-toggle-button:active .emoji-toggle-icon,.emoji-toggle-button.active .emoji-toggle-icon{opacity:1}@media(hover:hover)and (pointer:fine){.emoji-toggle-button.active .emoji-toggle-icon{filter:brightness(0) saturate(100%) invert(12%) sepia(99%) saturate(7495%) hue-rotate(263deg) brightness(100%) contrast(130%)}}.emoji-picker-panel{position:absolute;left:0;bottom:calc(100% + .5rem);z-index:19;width:70%;height:calc(var(--vvh, 100vh) * .5);max-height:calc(var(--vvh, 100vh) - 5rem);overflow:hidden;background:#ffffff80;border-radius:1rem;border-bottom-left-radius:0;box-shadow:3px 3px 5px #000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.emoji-picker-panel--desktop{position:fixed;z-index:21;border-radius:1rem;border-bottom-left-radius:0}.emoji-picker-panel--pointer-blocked{pointer-events:none}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));align-content:start;height:100%;overflow-y:auto;padding:.5rem;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y pinch-zoom;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.emoji-picker-grid::-webkit-scrollbar{display:none}.emoji-picker-button{width:100%;aspect-ratio:1;min-width:0;min-height:30px;border-radius:.45rem;background:transparent;display:flex;align-items:center;justify-content:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1.6rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .12s ease,transform .12s ease}.emoji-picker-button:hover{background:#ffffff1a}.emoji-picker-button:active{transform:scale(1.18);background:#00ff001f}.emoji-picker-delete-button{display:none}@media(max-width:600px){.emoji-picker-panel{position:relative;left:auto;bottom:auto;z-index:18;width:100%;max-width:none;height:var(--emoji-panel-height, 280px);max-height:var(--emoji-panel-height, 280px);background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.emoji-picker-delete-button{position:absolute;right:max(.75rem,env(safe-area-inset-right));bottom:max(.85rem,env(safe-area-inset-bottom));z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#121216c7;border:1px solid rgba(255,255,255,.14);box-shadow:0 .45rem 1rem #00000057;opacity:0;pointer-events:none;transform:translate3d(0,.45rem,0) scale(.96);transition:opacity .18s ease,transform .18s ease,background .14s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.emoji-picker-delete-button.visible{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.emoji-picker-delete-button:active{background:#282830e6;transform:translateZ(0) scale(.96)}.emoji-picker-delete-icon{width:2rem;height:2rem;pointer-events:none}.emoji-picker-panel.keyboard-return-pending{visibility:hidden;pointer-events:none}.emoji-picker-grid{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));padding:.5rem .35rem max(.5rem,env(safe-area-inset-bottom));touch-action:pan-y;gap:.3rem}.emoji-picker-button{min-height:30px;touch-action:pan-y}}.send-message-button:focus{outline:none}.send-message-icon{width:2rem;height:2rem;opacity:.85;pointer-events:none}.loading,.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.error-message{padding:var(--spacing-md);margin:var(--spacing-md);background-color:#e539351a;border:1px solid var(--error);border-radius:var(--border-radius-small);color:var(--error);font-size:.875rem;text-align:center}.date-divider{display:flex;justify-content:center;margin-bottom:.5rem;flex-shrink:0}.date-divider span,.floating-date-divider span{max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#5a5a5a80;color:#ffffffc7;font-size:13px;font-weight:600;line-height:1.25;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.floating-date-divider{position:absolute;top:4.5rem;left:0;right:0;z-index:29;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(calc(-.35rem + var(--floating-date-offset, 0px)));transition:opacity .18s ease,transform .18s ease}.floating-date-divider.visible{opacity:1;transform:translateY(var(--floating-date-offset, 0px))}.floating-date-divider--below-player{top:7rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-window-swipe-wrapper.swiping{transition:none}.skeleton-message{pointer-events:none;opacity:.85}.skeleton-bubble{padding:.3rem;min-height:38px;width:fit-content;max-width:90%;margin-left:auto;margin-right:auto}.message-other .skeleton-bubble{margin-left:0;margin-right:auto;background-color:#fff3}.message-other .skeleton-bubble .skeleton-line.time{width:3rem;max-width:45%;margin-right:auto;margin-left:0}.message-own .skeleton-bubble{margin-left:auto;margin-right:0;background-color:#ffffff1a}.message-own .skeleton-bubble .skeleton-line.time{width:3rem;max-width:45%;margin-right:0;margin-left:auto}.skeleton-line{height:10px;border-radius:5px;margin:6px 0;background:linear-gradient(90deg,#ffffff1a 25%,#ffffff0d,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s infinite}.skeleton-line.long{width:18rem;max-width:100%}.skeleton-line.medium{width:18rem;max-width:65%}.skeleton-line.short{width:18rem;max-width:75%}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.chat-window-swipe-wrapper{position:fixed;top:var(--voffset-top, 0);left:0;right:0;height:var(--chat-window-height, var(--vvh));max-width:600px;margin:0 auto;will-change:transform;transition:transform .25s ease;z-index:2}.chat-skeleton-backdrop{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transform-origin:center left;opacity:calc(.3 + var(--swipe-progress) * .7);transform:translate(calc(var(--swipe-progress) * -36px)) scale(calc(.6 + var(--swipe-progress) * .4)) translateZ(calc(var(--swipe-progress) * 60px));transition:opacity .25s ease,transform .2s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.chat-window-foreground{overflow:hidden;position:relative;z-index:2;background:var(--bg-primary);will-change:transform;transition:transform .2s cubic-bezier(.25,.8,.25,1)}.chat-window-swipe-wrapper.swiping .chat-window-foreground{opacity:calc(1 - (pow(var(--swipe-progress, 0),2)*.8));transform:none;pointer-events:none}.chat-window-swipe-wrapper.swiping *{transition:none!important}.chat-window-foreground,.chat-skeleton-backdrop{transform:translateZ(0);backface-visibility:hidden}.message-menu-backdrop{touch-action:none;pointer-events:auto;background-color:#0000004d;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.message-menu-backdrop.open{opacity:1}.menu-actions{margin:0 auto;background:#ffffff80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:1rem;box-shadow:3px 3px 5px #000}.message-menu{position:fixed;z-index:10000;display:flex;flex-direction:column;gap:.7rem;background:transparent;border:none;outline:none;opacity:0;transform:translateY(6px) scale(.95);pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:none;touch-action:none}.message-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.message-menu button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#000;padding:.5rem 1rem .5rem .6rem;text-align:left;border-radius:6px;font-size:1.1rem;font-weight:700;width:100%;cursor:pointer;transition:background .1s;white-space:nowrap}.message-menu button img{width:1.8rem;height:1.8rem;flex-shrink:0}.message-menu button span{flex:1}.message-menu button:hover{background:#ffffff1a;border-radius:1rem}.message-menu button:active{background:#fff3;border-radius:1rem}.message-menu button:disabled{opacity:.35;cursor:default}.message-menu button:disabled:hover,.message-menu button:disabled:active{background:none}.message-wrapper{overflow:hidden;will-change:transform;transition:opacity .25s ease,max-height .25s ease,padding .25s ease,margin .25s ease}.message-wrapper.collapsing,.message.collapsing{opacity:0;overflow:hidden;max-height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;transition:opacity .35s ease,max-height .35s ease,padding .35s ease,margin .35s ease}.edit-mode-indicator{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .2s ease}.edit-mode-indicator.visible{max-height:60px;opacity:1;padding:0 .3rem 0 .8rem}.edit-mode-content{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;color:#f009}.cancel-edit-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;margin-bottom:auto}.cancel-edit-icon{width:2.4rem;height:2.4rem;opacity:.5;transition:opacity .15s ease}.cancel-edit-button:hover .cancel-edit-icon{opacity:1}.forward-mode-indicator,.reply-mode-indicator{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .2s ease}.forward-mode-indicator.visible,.reply-mode-indicator.visible{max-height:13rem;opacity:1;padding:.35rem .8rem .45rem}.forward-mode-content,.reply-mode-content{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.forward-mode-content{width:100%;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:6px;padding:0;outline:none}.forward-mode-content:focus-visible{box-shadow:0 0 0 2px #00ff0073}.message-mode-main,.forward-mode-main{display:flex;gap:.55rem;min-width:0;flex:1;align-items:flex-start}.forward-mode-icons{display:flex;align-items:center;gap:.25rem;flex-shrink:0;padding-top:.05rem}.message-mode-icon,.forward-mode-icon-forward{display:block;width:1.5rem;height:1.5rem;background-color:#0f09;mask:var(--message-mode-icon-url) center / contain no-repeat;-webkit-mask:var(--message-mode-icon-url) center / contain no-repeat}.message-mode-icon-forward,.forward-mode-icon-forward{--message-mode-icon-url: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%208V6.25C13%205.61%2013.735%205.249%2014.241%205.641L20.052%2010.141C20.449%2010.448%2020.449%2011.052%2020.052%2011.359L14.241%2015.859C13.735%2016.251%2013%2015.89%2013%2015.25V13.5H11.5C8.5%2013.5%206.25%2015%204.5%2018C4.5%2012.5%207.5%208%2012.75%208H13Z'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.message-mode-icon-reply{--message-mode-icon-url: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%208V6.25C11%205.61%2010.265%205.249%209.759%205.641L3.948%2010.141C3.551%2010.448%203.551%2011.052%203.948%2011.359L9.759%2015.859C10.265%2016.251%2011%2015.89%2011%2015.25V13.5H12.5C15.5%2013.5%2017.75%2015%2019.5%2018C19.5%2012.5%2016.5%208%2011.25%208H11Z'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.reply-text-wrapper{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;min-width:0;flex:1;max-width:100%}.reply-header{display:flex;align-items:center;gap:.5rem}.reply-label{font-weight:600;color:#0f09;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-mode-attachment-list{display:flex;gap:.35rem;max-width:100%;overflow-x:auto;padding:.1rem 0;scrollbar-width:none;border-radius:.5rem}.message-mode-attachment-list::-webkit-scrollbar{display:none}.message-mode-attachment-item{position:relative;width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;flex:0 0 auto;background:var(--bg-tertiary)}.message-mode-attachment-item img{width:100%;height:100%;object-fit:cover}.message-mode-attachment-item.voice{display:flex;align-items:center;justify-content:center;padding:.45rem}.message-mode-attachment-item.voice img{width:100%;height:100%;object-fit:contain;opacity:.85}.reply-preview{opacity:.7;font-size:.8rem;color:var(--text-primary);line-height:1.25;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.message-reply-preview,.message-forwarded-preview{border-left:1px solid rgb(0,255,0);border-radius:.3rem;font-size:.7rem;cursor:pointer}.message-forwarded-preview{cursor:default;line-height:1.3;padding-left:.3rem;margin:.3rem;margin-bottom:0;display:flex;flex-direction:column;gap:.2rem}.reply-author,.forwarded-author{opacity:.7;font-weight:700;color:#0f0}.reply-text,.forwarded-text{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forwarded-text{white-space:break-spaces}.message-highlight{animation:highlightFade 4s ease}@keyframes highlightFade{0%{background-color:#00ff004d}80%{background-color:#0f03}to{background-color:var(--bubble-bg)}}.scroll-bottom-button{position:sticky;align-self:flex-end;bottom:1rem;right:1rem;width:3rem;height:3rem;border:none;border-radius:50%;background:linear-gradient(to right,#00ddff1a,#ff00d41a);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000040;transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.scroll-bottom-button:hover{transform:translateY(-2px)}.scroll-bottom-button img{width:2.3rem;height:2.3rem;opacity:.7}.reply-indicator{position:absolute;right:1rem;top:50%;--progress: 0;transform:translateY(-50%) scale(calc(.4 + var(--progress) * .7));opacity:var(--progress);pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease;font-weight:700}.reply-indicator-icon{display:block;width:2rem;height:2rem;filter:invert(64%) sepia(98%) saturate(3600%) hue-rotate(88deg) brightness(105%) contrast(105%);opacity:.3}.message-reactions{font-size:1.1rem;display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;padding-right:.3rem;margin-top:-.3rem;margin-bottom:-.2rem}.reaction-pill{display:flex;align-items:center;cursor:pointer}.reaction-count{color:#0f0;margin:0 .2rem;font-size:.7rem}.reaction-users{display:flex;margin-left:.4rem;align-items:center}.reaction-user{width:1.1rem;height:1.1rem;border-radius:50%;overflow:hidden;background:#ccc;flex-shrink:0;position:relative;margin-left:-4px}.reaction-user img{width:100%;height:100%;object-fit:cover;display:block}.reaction-user span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#222;background:#ffffffe6}.reaction-user:hover{transform:scale(1.15);z-index:2;transition:transform .2s ease}.reaction-bar{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:#ffffff80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:1rem;box-shadow:3px 3px 5px #000;height:2.8rem}.reaction-bar::-webkit-scrollbar{display:none}.reaction-emoji{font-size:1.6rem;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.reaction-emoji:active{transform:scale(1.35)}.more-reactions-btn{font-size:2.5rem!important;padding:0 .8rem!important}.forward-options-menu{min-width:min(18rem,calc(100vw - 24px))}.forward-options-actions button{white-space:normal;line-height:1.2}.full-reaction-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);touch-action:none;pointer-events:auto}.full-reaction-picker-overlay.open{opacity:1}.full-reaction-picker{position:relative;background:#ffffff80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:1rem;width:90%;max-width:400px;max-height:68vh;box-shadow:3px 3px 5px #000;overflow:hidden;display:flex;flex-direction:column;touch-action:auto}.full-reaction-picker:after,.emoji-picker-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6))}.picker-search-input{width:100%;background:#fff3;border:none;border-radius:14px;padding:14px 18px;font-size:1.05rem;color:#fff;outline:none}.picker-emojis-grid{padding:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));overflow-y:auto;max-height:calc(68vh - 68px);scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y pinch-zoom}.picker-emojis-grid::-webkit-scrollbar{display:none}.picker-emoji-btn{background:none;border:none;font-size:1.6rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.picker-emoji-btn:active{transform:scale(1.45)}.reaction-flash{animation:reactionFlash .39s ease-out}@keyframes reactionFlash{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.2);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.message-attachments-grid{--media-gap: 1px;--media-cell-size: clamp(4rem, 80vw, 15rem);--media-grid-base-width: var(--media-cell-size);--media-single-base-width: clamp(9rem, 35vw, 15rem);--media-single-height: clamp(13rem, 80vw, 30rem);--media-single-width: clamp(11rem, 90vw, 80rem);--media-single-max-height: clamp(13rem, 80vw, 30rem);--media-two-width: min(100%, clamp(16rem, 90vw, 40rem));--media-two-horizontal-height: clamp(7rem, 38vw, 13rem);--media-two-mixed-height: clamp(7rem, 38vw, 13rem);--media-two-vertical-height: clamp(12rem, 80vw, 22rem);display:flex;flex-direction:column;gap:var(--media-gap);border-radius:.45rem;overflow:hidden;background:var(--bubble-bg);margin-bottom:.1rem;max-width:100%;white-space:normal}.message-forwarded-preview{margin-bottom:0}.message-attachments-grid--max-1{--media-grid-base-width: var(--media-cell-size);width:var(--media-grid-base-width)}.message-attachments-grid--max-2{--media-grid-base-width: calc(var(--media-cell-size) + var(--media-cell-size) + var(--media-gap));width:var(--media-grid-base-width)}.message-attachments-grid--max-3{--media-grid-base-width: calc(var(--media-cell-size) + var(--media-cell-size) + var(--media-cell-size) + var(--media-gap) + var(--media-gap));width:var(--media-grid-base-width)}.message-attachments-grid--single{--media-grid-base-width: var(--media-single-base-width);width:var(--media-grid-base-width);max-width:min(100%,var(--media-single-width));background:transparent;aspect-ratio:var(--media-single-aspect-ratio, auto)}.message-attachments-grid--single-horizontal,.message-attachments-grid--single-square{--media-single-base-width: 100%;--media-single-height: auto;--media-single-max-height: none}.message-attachments-grid--single-vertical{--media-single-base-width: var(--media-single-proportional-width, clamp(9rem, 35vw, 15rem));--media-single-height: clamp(13rem, 80vw, 30rem);aspect-ratio:auto}.message-attachments-grid--single-unknown{--media-single-base-width: clamp(9rem, 35vw, 15rem);--media-single-height: clamp(13rem, 80vw, 30rem)}.message-attachments-grid--two-horizontal,.message-attachments-grid--two-vertical,.message-attachments-grid--two-mixed{width:var(--media-two-width)}.message-attachments-grid--two-horizontal-stack{--media-grid-base-width: 100%;width:100%}.message-bubble--with-media .message-attachments-grid{width:max(100%,var(--media-grid-base-width));max-width:100%;align-self:stretch}.message-bubble--with-media .message-attachments-grid--single-horizontal,.message-bubble--with-media .message-attachments-grid--single-square{width:100%}.message-attachments-row{display:grid;gap:var(--media-gap);height:var(--media-cell-size);min-height:0}.message-attachments-row--cols-1{grid-template-columns:minmax(0,1fr)}.message-attachments-row--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.message-attachments-row--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.message-attachments-grid--single .message-attachments-row{height:var(--media-single-height);max-height:var(--media-single-max-height);aspect-ratio:var(--media-single-aspect-ratio, auto)}.message-attachments-grid--single-vertical .message-attachments-row,.message-attachments-grid--single-vertical .message-attachment-item{aspect-ratio:auto}.message-attachments-grid--two-horizontal .message-attachments-row{height:var(--media-two-horizontal-height)}.message-attachments-grid--two-horizontal-stack .message-attachments-row{height:auto}.message-attachments-grid--two-mixed .message-attachments-row{height:var(--media-two-mixed-height)}.message-attachments-grid--two-vertical .message-attachments-row{height:var(--media-two-vertical-height)}.message-attachment-item{border:none;padding:0;margin:0;background:transparent;border-radius:0;overflow:hidden;display:block;width:100%;height:100%;min-width:0;min-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent;aspect-ratio:var(--media-item-aspect-ratio, auto)}.message-attachments-grid--single .message-attachment-item,.message-attachments-grid--two-horizontal .message-attachment-item,.message-attachments-grid--two-vertical .message-attachment-item,.message-attachments-grid--two-horizontal-stack .message-attachment-item{display:flex;align-items:center;justify-content:center;background:var(--bubble-bg)}.message-attachments-grid--single .message-attachment-item{width:100%;height:100%;max-width:100%}.message-attachments-grid--two-horizontal .message-attachment-item{height:100%}.message-attachments-grid--two-horizontal-stack .message-attachment-item{height:auto;aspect-ratio:var(--media-item-aspect-ratio, 1.7778)}.message-attachment-item img{width:100%;height:100%;object-fit:cover;display:block}.message-attachment-image--pending{background:linear-gradient(90deg,#ffffff14 25%,#ffffff24,#ffffff14 75%);background-size:200% 100%;color:transparent;animation:skeleton-shimmer 1.6s infinite}.message-attachments-grid--single .message-attachment-item img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.message-attachments-grid--single-horizontal .message-attachments-row,.message-attachments-grid--single-horizontal .message-attachment-item,.message-attachments-grid--single-square .message-attachments-row,.message-attachments-grid--single-square .message-attachment-item{height:auto;max-height:none;aspect-ratio:var(--media-single-aspect-ratio, var(--media-item-aspect-ratio, auto))}.message-attachments-grid--single-horizontal .message-attachment-item img,.message-attachments-grid--single-square .message-attachment-item img{height:auto;max-width:100%;max-height:none;object-fit:contain}.message-attachments-grid--two-horizontal .message-attachment-item img{width:100%;height:100%;object-fit:cover}.message-attachments-grid--two-horizontal-stack .message-attachment-item img,.message-attachments-grid--two-vertical .message-attachment-item img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.message-reply-preview{display:flex;flex-direction:column;gap:.2rem;padding-left:.3rem;margin:.3rem;min-width:0}.message-reply-preview--inline-media .reply-preview-content-row{display:flex;align-items:center;gap:.35rem;min-width:0;max-width:100%}.message-reply-preview--inline-media .reply-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-preview--inline-media .reply-preview-media-row{flex-shrink:0}.message-reply-preview--inline-media .reply-text{flex:1;min-width:0}.reply-preview-media-row{display:flex;align-items:center;gap:.3rem;min-width:0}.reply-preview-images{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.reply-preview-image{width:2rem;height:2rem;border-radius:.3rem;object-fit:cover;flex-shrink:0}.reply-preview-photo-count{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-text--with-icon{display:flex;align-items:center;gap:.2rem;min-width:0}.reply-preview-voice-icon{width:1rem;height:1rem;flex-shrink:0}.reply-text-content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forwarded-preview-image{width:100%;max-width:8rem;height:auto;border-radius:.3rem;object-fit:cover;margin-bottom:.3rem;display:block}.chat-attachment-input{display:none}.attach-message-button{width:2rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .2s ease}.attach-message-button:disabled{opacity:.4;cursor:not-allowed}.record-message-button{width:2rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.record-message-button:disabled{opacity:.3;cursor:not-allowed}.record-message-icon{width:2.2rem;height:2rem;opacity:.8;transition:opacity .15s ease}.record-message-button:hover .record-message-icon,.record-message-button:active .record-message-icon{opacity:1}.attach-icon{width:2rem;height:2.2rem;transition:opacity .15s ease}.attach-message-button:hover .attach-icon,.attach-message-button:active .attach-icon{opacity:1}.message-input-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.25rem;flex-shrink:0;align-self:flex-end}.message-input-buttons{display:flex;align-items:flex-end;gap:.5rem}.message-text-limit-counter{min-height:.9rem;color:#ffffff9e;font-size:.72rem;line-height:1;text-align:right;white-space:nowrap}.message-text-limit-counter.danger{color:#f009;font-weight:700}.message-submit-error{color:#f009;font-size:.75rem;line-height:1.25;padding:0 .8rem;overflow-wrap:anywhere}.send-message-button:disabled{opacity:.5;cursor:not-allowed}.chat-attachment-preview-list{display:flex;gap:.35rem;overflow-x:auto;padding:.35rem .45rem .1rem}.chat-attachment-preview-item{position:relative;width:3rem;height:3rem;border-radius:.4rem;overflow:hidden;flex-shrink:0}.chat-attachment-preview-item img{width:100%;height:100%;object-fit:cover}.chat-attachment-preview-item.voice{padding:.5rem;background:#ffffff14;box-sizing:border-box}.chat-attachment-preview-item.voice img{object-fit:contain}.chat-attachment-preview-item.processing{opacity:.7}.chat-attachment-preview-item.error{opacity:.4}.chat-attachment-remove-button{position:absolute;top:.1rem;right:.1rem;width:1rem;height:1rem;border-radius:50%;background:#000000b3;color:#fff;font-size:.6rem}.attachment-processing-error{color:#ff6464e6;font-size:.7rem;padding:0 .45rem .15rem}.profile-container{height:100%;width:100%;margin:0 auto;display:flex;flex-direction:column;background-color:var(--bg-primary)}.profile-header{display:flex;align-items:center;padding:.5rem;gap:var(--spacing-md);background:linear-gradient(to right,#00ddff1a,#ff00d41a);box-shadow:0 5px 5px #000;position:sticky;top:0;z-index:10;height:4rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.back-button{font-size:1.5rem;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.profile-title{font-size:1.2rem;font-style:italic;background:linear-gradient(to right,#0df,#ff00d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:0}.profile-content{flex:1;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);-webkit-overflow-scrolling:touch}.profile-avatar-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.default-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar{width:4rem;height:4rem;border-radius:50%;overflow:hidden;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);position:relative}.profile-avatar:hover{transform:scale(1.05)}.profile-avatar.loading{opacity:.7;pointer-events:none}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:3rem;font-weight:600}.avatar-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2}.loading-spinner{width:30px;height:30px;border:3px solid transparent;border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-hint{font-size:.875rem;color:var(--text-secondary);text-align:center}.avatar-controls{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.avatar-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-small);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);font-weight:500;min-width:100px}.avatar-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.avatar-btn:hover:not(:disabled){transform:translateY(-1px)}.upload-btn{background:var(--accent);color:#fff}.upload-btn:hover:not(:disabled){background-color:var(--accent-hover)}.delete-btn{background-color:var(--error);color:#fff}.delete-btn:hover:not(:disabled){background-color:#c62828}.profile-info{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:.5rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border)}.info-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:1rem;color:var(--text-primary)}.profile-actions{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.action-button{margin:0 auto;width:10rem;padding:var(--spacing-sm);border-radius:var(--border-radius);font-size:1rem;font-weight:500;transition:all var(--transition-fast)}.logout-button{background-color:var(--error);color:#fff}.logout-button:hover{background-color:#c62828;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.loading,.profile-error-message{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.profile-error-message{color:var(--error);background-color:#e539351a;border:1px solid var(--error);border-radius:var(--border-radius-small);margin-top:var(--spacing-md);width:100%;text-align:center}.success-message{color:#2e7d32;background-color:#2e7d321a;border:1px solid #2e7d32;border-radius:var(--border-radius-small);margin-top:var(--spacing-md);padding:var(--spacing-md);width:100%;text-align:center;font-weight:500}.edit-profile-button{background:var(--accent);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-small);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);font-weight:500}.edit-form-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border)}.edit-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-xs)}.edit-input{padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--border-radius-small);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.edit-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #007bff1a}.edit-input::placeholder{color:var(--text-tertiary)}.edit-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border)}.edit-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-small);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);font-weight:500}.edit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.edit-btn:hover:not(:disabled){transform:translateY(-1px)}.save-btn{background-color:var(--success);color:#fff}.save-btn:hover:not(:disabled){background-color:#2e7d32}.cancel-btn{background-color:var(--text-secondary);color:#fff}.cancel-btn:hover:not(:disabled){background-color:#5a6268}.profile-swipe-wrapper{width:100%;height:var(--vvh);overflow:hidden;touch-action:manipulation;transition:transform .2s cubic-bezier(.25,.8,.25,1);pointer-events:auto}.profile-foreground{overflow:hidden;position:relative;z-index:2;background:var(--bg-primary);will-change:transform;transition:transform .2s cubic-bezier(.25,.8,.25,1)}.profile-swipe-wrapper.swiping .profile-foreground{opacity:calc(1 - (pow(var(--profile-swipe-progress, 0),2)*.8));transform:none;pointer-events:none}.profile-swipe-wrapper.swiping *{transition:none!important}.profile-foreground{transform:translateZ(0);backface-visibility:hidden}.fullscreen-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:var(--vvh, 100dvh);background-color:rgba(0,0,0,var(--fullscreen-backdrop-opacity, .95));z-index:10000;animation:fadeIn var(--transition-normal) ease-out;transition:background-color .22s cubic-bezier(.22,.61,.36,1);overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;will-change:background-color}.fullscreen-image-overlay--vertical-dragging{transition:none}.fullscreen-image-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer;touch-action:none;overscroll-behavior:none}.fullscreen-image-overlay--zoomed .fullscreen-image-stage{cursor:default}.fullscreen-image-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform}.fullscreen-image-overlay--animating .fullscreen-image-slide{transition:transform .26s cubic-bezier(.22,.61,.36,1)}.fullscreen-image-overlay--dragging .fullscreen-image-slide{transition:none}.fullscreen-image-frame{max-width:100vw;max-height:100vh;max-height:var(--vvh, 100dvh);display:flex;align-items:center;justify-content:center;cursor:default;pointer-events:auto;transform-origin:center center;transition:transform .18s ease;touch-action:none;will-change:transform}.fullscreen-image-overlay--panning .fullscreen-image-frame,.fullscreen-image-overlay--dragging .fullscreen-image-frame,.fullscreen-image-overlay--vertical-dragging .fullscreen-image-frame{transition:none}.fullscreen-image-overlay--vertical-returning .fullscreen-image-frame,.fullscreen-image-overlay--vertical-exiting .fullscreen-image-frame{transition:transform .22s cubic-bezier(.22,.61,.36,1)}.fullscreen-image-overlay--vertical-exiting .fullscreen-image-frame{transition-duration:.24s;transition-timing-function:cubic-bezier(.32,0,.67,0)}.fullscreen-image-frame--zoomed{cursor:grab}.fullscreen-image-frame--panning{cursor:grabbing}.fullscreen-image-frame img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;pointer-events:none}.fullscreen-image-progressive{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;height:var(--vvh, 100dvh);max-width:none;max-height:none;flex:0 0 auto}.fullscreen-image-progressive-img{width:100%;height:100%;object-fit:contain}.fullscreen-image-progressive-img--fallback{opacity:1}.fullscreen-image-progressive-img--full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;animation:fullscreenFullImageFadeIn .14s ease-out both}@keyframes fullscreenFullImageFadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-close-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:3rem;height:3rem;border-radius:50%;background-color:#0006;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10001;border:1px solid rgba(255,255,255,.2)}.fullscreen-close-button:hover{background-color:#000000e6;border-color:#ffffff80;transform:scale(1.1)}.fullscreen-close-button:active{transform:scale(1)}.fullscreen-image-overlay--vertical-dragging .fullscreen-close-button,.fullscreen-image-overlay--vertical-dragging .fullscreen-image-counter{opacity:.7}.fullscreen-image-overlay--vertical-exiting .fullscreen-close-button,.fullscreen-image-overlay--vertical-exiting .fullscreen-image-counter{opacity:0;transition:opacity .16s ease}.fullscreen-image-counter{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);font-size:.8rem;background:#0006;color:#fff;border-radius:999px;padding:.2rem .55rem;z-index:10001;pointer-events:none}.user-search-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal) ease-out}.user-search-modal{width:100%;max-width:600px;max-height:80vh;background-color:var(--bg-secondary);border-radius:var(--border-radius);display:flex;flex-direction:column;margin:var(--spacing-md);animation:slideIn var(--transition-normal) ease-out;overflow:hidden}.user-search-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border)}.user-search-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.user-search-header .close-button{width:2rem;height:2rem;border-radius:50%;background-color:transparent;color:var(--text-primary);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none}.user-search-header .close-button:hover{background-color:var(--bg-tertiary);color:var(--accent)}.user-search-content{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.search-input-container{position:relative;width:100%}.search-input{width:100%;padding:var(--spacing-md);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-small);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--accent);background-color:var(--bg-tertiary);outline:none}.search-input::placeholder{color:var(--text-secondary)}.search-loading{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem}.users-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-item{display:flex;align-items:center;padding:var(--spacing-md);gap:var(--spacing-md);cursor:pointer;border-radius:var(--border-radius-small);transition:background-color var(--transition-fast);position:relative}.user-item:hover{background-color:var(--bg-tertiary)}.user-item:active:not(:disabled){background-color:var(--border)}.user-item:disabled{cursor:wait;opacity:.6}.user-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:1.5rem;font-weight:600}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-name{font-size:1rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-full-name{font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-loading{display:flex;align-items:center;justify-content:center}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:.875rem}.error-message{padding:var(--spacing-sm) var(--spacing-md);background-color:#e539351a;border:1px solid var(--error);border-radius:var(--border-radius-small);color:var(--error);font-size:.875rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-2rem);opacity:0}to{transform:translateY(0);opacity:1}}.first-message-modal{max-width:500px}.first-message-content{padding:20px}.selected-user-info{display:flex;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.selected-user-info .user-avatar{width:50px;height:50px;margin-right:15px}.selected-user-info .user-info{flex:1}.selected-user-info .user-name{font-weight:600;font-size:18px;color:#333}.message-input-container{margin-bottom:20px}.first-message-input{width:100%;padding:15px;border:1px solid #e0e0e0;border-radius:10px;font-size:16px;resize:vertical;font-family:inherit;transition:border-color .3s}.first-message-input:focus{outline:none;border-color:#4caf50}.first-message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.message-input-footer{display:flex;justify-content:flex-end;margin-top:5px}.char-counter{font-size:12px;color:#888}.message-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-button{padding:10px 20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.cancel-button:hover:not(:disabled){background-color:#e0e0e0}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.send-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.send-button:hover:not(:disabled){background-color:#45a049}.send-button:disabled{opacity:.6;cursor:not-allowed}.overlay-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent;overflow:hidden;max-width:600px;margin:0 auto}.screen-chat-list{position:relative;display:flex;flex-direction:column;height:var(--vvh, 100dvh);z-index:1;overflow:hidden}.chat-window{background:var(--bg-primary)}.chat-list.hidden{opacity:1}.profile-screen{z-index:10;background:var(--bg-primary)}.app-container{width:100%;background-color:var(--bg-primary);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;height:var(--vvh, 100dvh);overscroll-behavior:none}.app-main{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--voffset-top);width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary);scrollbar-width:none;height:var(--vvh, 100dvh)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.125rem;color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}:root{--voffset-top: 0px;--bg-primary: #000000;--bg-secondary: #0c0c0c;--bg-tertiary: #1e1e1e;--text-primary: #e5e5e5;--text-secondary: #b0b0b0;--accent: linear-gradient(to right, rgb(0, 221, 255), rgb(255, 0, 212));--accent-hover: #2d7fd9;--border: #3a3a3a;--input-bg: #1e1e1e;--input-border: #3a3a3a;--error: #e53935;--success: #4caf50;--text-tertiary: #6c757d;--max-width: 600px;--border-radius: .75rem;--border-radius-small: .5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html{height:var(--vvh, 100dvh);overflow:hidden;position:relative;width:100%;top:0;left:0;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;will-change:transform;-webkit-overflow-scrolling:auto}html,body,#root,.app-container,.app-container *,.message-menu-backdrop,.message-menu-backdrop *,.full-reaction-picker-overlay,.full-reaction-picker-overlay *,.fullscreen-image-overlay,.fullscreen-image-overlay *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],[contenteditable=true] *,[contenteditable=plaintext-only],[contenteditable=plaintext-only] *,[data-allow-native-text-interaction=true],[data-allow-native-text-interaction=true] *{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}img,svg,video,canvas,button,[role=button]{-webkit-user-drag:none;user-drag:none}body{height:var(--vvh, 100dvh);overflow:hidden;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0;padding:0;overscroll-behavior:none;-webkit-overflow-scrolling:auto}@viewport{width:device-width;initial-scale:1;maximum-scale:1;user-scalable:no}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);background-color:var(--bg-primary)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:var(--border)}input,textarea,button{font-family:inherit;font-size:inherit;color:inherit}input:focus,textarea:focus{outline:none}button{cursor:pointer;border:none;background:none;transition:all var(--transition-normal)}button:disabled{opacity:.5;box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-in{animation:slideIn var(--transition-normal) ease-out}.slide-out{animation:slideOut var(--transition-normal) ease-out}@media(max-width:600px){.container{padding:0}}.fullscreen-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer}.fullscreen-image img{max-width:100%;max-height:100%;object-fit:contain}.keyboard-open{overflow:hidden!important;touch-action:none!important}.keyboard-open.emoji-panel-open,.keyboard-emoji-transition.emoji-panel-open,.keyboard-open .messages-container,.keyboard-emoji-transition .messages-container{touch-action:pan-y!important}