.app{min-height:100vh;display:flex;flex-direction:column}.legacy-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f1f1f,#000);color:#fff;padding:24px;text-align:center}.legacy-fallback__content{max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px;box-shadow:0 20px 45px #0006}.legacy-fallback__content h1{font-size:26px;margin-bottom:16px}.legacy-fallback__content p{font-size:16px;line-height:1.5;color:#ffffffb3}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--success: #10b981;--error: #ef4444;--background: #f9fafb;--surface: #ffffff;--text: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--shadow: rgba(0, 0, 0, .1)}html,body{margin:0;padding:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:var(--text);position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto}#root{height:100%;width:100%;display:flex;flex-direction:column;position:relative}button{font-family:inherit}select:not([multiple]):is(:not([size]),[size="0"],[size="1"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aaab7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}select:not([multiple]):is(:not([size]),[size="0"],[size="1"]):dir(rtl){background-position:left 14px center}@media (forced-colors: active){select:not([multiple]):is(:not([size]),[size="0"],[size="1"]){-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-image:none;padding-inline-end:12px}}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 768px){body{font-size:16px}}@media (max-width: 768px){html,body{min-height:100vh;min-height:-webkit-fill-available;height:-webkit-fill-available}#root{min-height:100vh;min-height:-webkit-fill-available}}body,html{max-width:100%}@media (max-width: 768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}body{--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--transition-timing: cubic-bezier(.4, 0, .2, 1)}body.heavy-animation-active{--animation-duration-fast: 50ms;--animation-duration-normal: .1s;--animation-duration-slow: .15s;--box-shadow-sm: none;--box-shadow-md: none;--box-shadow-lg: none}body.heavy-animation-active .hover-effect:hover,body.heavy-animation-active button:hover:not(.critical-button),body.heavy-animation-active .action-button:hover{transform:none!important;box-shadow:none!important}body.heavy-animation-active *{transition-duration:.1s!important}body.heavy-animation-active .critical-animation,body.heavy-animation-active .modal-overlay,body.heavy-animation-active .modal-content,body.heavy-animation-active .slide-animation{transition-duration:var(--animation-duration-normal)!important}.optimized-animation{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.gpu-accelerated{transform:translateZ(0);will-change:transform}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn var(--animation-duration-normal) var(--transition-timing)}.fade-out{animation:fadeOut var(--animation-duration-normal) var(--transition-timing)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight var(--animation-duration-normal) var(--transition-timing)}.slide-out-right{animation:slideOutRight var(--animation-duration-normal) var(--transition-timing)}.slide-in-left{animation:slideInLeft var(--animation-duration-normal) var(--transition-timing)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.scale-in{animation:scaleIn var(--animation-duration-fast) var(--transition-timing)}.scale-out{animation:scaleOut var(--animation-duration-fast) var(--transition-timing)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}body.heavy-animation-active .shimmer{animation:none;background:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.heavy-animation-active *{animation:none!important;transition:none!important}}html[data-app-theme=liquid-glass]{--app-glass-ink: #172125;--app-glass-muted: #435156;--app-glass-fill-rgb: 250, 251, 246;--app-glass-card: rgba(249, 250, 246, .92);--app-glass-soft: rgba(249, 250, 246, .48);--app-glass-hover: rgba(255, 255, 255, .22);--app-glass-line: rgba(38, 51, 54, .18);--app-glass-accent: #345f6a;--background: transparent;--surface: var(--app-glass-card);--text: var(--app-glass-ink);--text-secondary: var(--app-glass-muted);--primary: var(--app-glass-accent);--border: var(--app-glass-line);color-scheme:light}html[data-app-theme=liquid-glass][data-app-appearance=dark]{--app-glass-ink: #f4f6f5;--app-glass-muted: #c0cbc9;--app-glass-fill-rgb: 14, 23, 30;--app-glass-card: rgba(20, 30, 38, .92);--app-glass-soft: rgba(20, 30, 38, .5);--app-glass-hover: rgba(255, 255, 255, .12);--app-glass-line: rgba(235, 245, 240, .18);--app-glass-accent: #b1dfd7;color-scheme:dark}html[data-app-theme=liquid-glass] body{background:#c9c4b5;color:var(--app-glass-ink)}html[data-app-theme=liquid-glass][data-app-appearance=dark] body{background:#17202a}.app-glass-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.app-glass-content{background:#c9c4b5}.app-glass-content img{display:block;width:100%;height:100%;object-fit:cover}html[data-app-theme=liquid-glass] :is(.messenger-page,.chat-preview-overlay){--color-background: var(--app-glass-card);--color-background-secondary: var(--app-glass-soft);--color-background-selected: var(--app-glass-hover);--color-background-own: #416862;--color-background-own-selected: #355b55;--color-text: var(--app-glass-ink);--color-text-secondary: var(--app-glass-muted);--color-text-meta: var(--app-glass-muted);--color-primary: var(--app-glass-accent);--color-primary-shade: var(--app-glass-accent);--color-links: var(--app-glass-accent);--color-own-links: #eefaf6;--color-placeholders: var(--app-glass-muted);--color-borders: var(--app-glass-line);--color-borders-input: var(--app-glass-line);--color-dividers: var(--app-glass-line);--color-chat-hover: var(--app-glass-hover);--color-item-hover: var(--app-glass-hover);--color-item-active: var(--app-glass-hover)}html[data-app-theme=liquid-glass] :is(.home-page,.home-container,.messenger-page,.messenger-container,.chat-window,.feed-container,.profile-page,.profile-editor,.channel-page){background:transparent;color:var(--app-glass-ink)}html[data-app-theme=liquid-glass] .home-page .page-content{background:transparent}html[data-app-theme=liquid-glass] :is(.messenger-container,.home-container,.home-sidebar,.chat-list,.settings-modal-container){border-color:var(--app-glass-line)}html[data-app-theme=liquid-glass] :is(.home-page .page-header,.home-sidebar-header,.chat-list-header,.settings-sections-list,.settings-sections-header,.settings-content-header,.settings-content-body,.comments-modal-header,.comments-actions,.forward-modal-header){background:transparent;color:var(--app-glass-ink);border-color:var(--app-glass-line);box-shadow:none}html[data-app-theme=liquid-glass] [data-app-glass-surface]{--lg-foreground: var(--app-glass-ink);background:rgba(var(--app-glass-fill-rgb),var(--app-glass-density, 0))!important;color:var(--app-glass-ink);border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-app-theme=liquid-glass] :is(.message-input-container,.ccp-composer){background:transparent}html[data-app-theme=liquid-glass] :is(.message-input textarea,.message-input input,.chat-search input,.comments-input textarea,.home-sidebar-header h1,.chat-list-header h2,.settings-sections-header h2,.settings-content-header h1,.chat-header-name,.chat-info-name,.Chat .title,.Chat .fullName,.no-chats){color:var(--app-glass-ink)}html[data-app-theme=liquid-glass] :is(.chat-search,.chat-search input::placeholder,.message-input textarea::placeholder,.message-input input::placeholder,.chat-header-status,.Chat .subtitle,.Chat .last-message,.no-chats-hint){color:var(--app-glass-muted);--search-muted: var(--app-glass-muted)}html[data-app-theme=liquid-glass] :is(.chat-search-input-shell,.chat-filter-chip,.chat-folder-chip,.chat-folder-manage-button,.chat-archive-shortcut,.settings-group,.pe-card){background:var(--app-glass-soft);border-color:var(--app-glass-line);color:var(--app-glass-ink)}html[data-app-theme=liquid-glass] :is(.chat-filter-chip.active,.chat-folder-chip.active,.settings-section-item.active){background:var(--app-glass-hover);color:var(--app-glass-ink)}html[data-app-theme=liquid-glass] :is(.settings-section-item:not(.logout-btn),.settings-back-btn,.settings-close-btn,.icon-button,.chat-header-action-btn,.context-button svg,.menu-item,.context-menu-item:not(.danger),.comments-modal-close,.home-widgets-toggle){color:var(--app-glass-ink)}html[data-app-theme=liquid-glass] :is(.menu-item:hover,.context-menu-item:not(.danger):hover,.settings-section-item:not(.logout-btn):hover){background:var(--app-glass-hover)}html[data-app-theme=liquid-glass] .message.received .message-content-wrapper:not(.media-wrapper){background:var(--app-glass-card);color:var(--app-glass-ink)}html[data-app-theme=liquid-glass] .message.sent .message-content-wrapper:not(.media-wrapper){background:#416862;color:#f8fafc}html[data-app-theme=liquid-glass] :is(.home-post-text,.settings-group-title,.setting-item){background:var(--app-glass-soft);border-color:var(--app-glass-line)}html[data-app-theme=liquid-glass] :is(.home-feed,.home-feed .home-post-caption,.home-post-text,.home-widget-content,.home-widget-row,.setting-label,.settings-group-title,.chat-settings-header h3,.form-input,.form-textarea){color:var(--app-glass-ink)}html[data-app-theme=liquid-glass] :is(.form-label,.home-feed-state,.home-post-actions button){color:var(--app-glass-muted)}html[data-app-theme=liquid-glass] .empty-chat p{color:var(--app-glass-muted)}html[data-app-theme=liquid-glass] :is(.home-post-text .home-post-author-info span,.home-post-text .home-post-header time,.setting-description,.chat-settings-header p){color:var(--app-glass-muted)}html[data-app-theme=liquid-glass] .profile-page-container{background:transparent}html[data-app-theme=liquid-glass] .profile-editor{--pe-bg: var(--app-glass-card);--pe-card: var(--app-glass-soft);--pe-text: var(--app-glass-ink);--pe-muted: var(--app-glass-muted);--pe-line: var(--app-glass-line);--pe-accent: var(--app-glass-accent)}html[data-app-theme=liquid-glass] :is(.settings-modal-overlay,.base-modal-overlay){background:#12191c33;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-app-theme=liquid-glass][data-app-appearance=light] .nav-icon{filter:brightness(0) saturate(100%)!important}@media (min-width: 768px){html[data-app-theme=liquid-glass] .settings-modal-container{border-radius:28px}}@media (min-width: 1025px){html[data-app-theme=liquid-glass] .home-container{padding-bottom:56px;margin-bottom:-56px}}@media (prefers-reduced-transparency: reduce){html[data-app-theme=liquid-glass]{--app-glass-density: 1 !important}}@media (forced-colors: active){html[data-app-theme=liquid-glass] [data-app-glass-surface]{background:Canvas!important;color:CanvasText;border-color:CanvasText}}
