body{-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);scroll-behavior:smooth}@media screen and (max-width:768px){body{padding:0!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}html{-webkit-overflow-scrolling:touch;padding:0!important}body,html{margin:0!important}body{padding:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)!important}#root{box-sizing:border-box;height:100vh;height:100dvh;margin:0!important;overflow:hidden;padding:0!important;width:100%}@media (max-width:768px){body{margin:0!important;padding:0!important}#root{height:100vh!important;height:100dvh!important;padding-top:0!important}.chat-header,.enhanced-chat-header,.pro-header{border-radius:0!important;box-sizing:border-box!important;height:auto!important;left:0!important;max-height:none!important;min-height:calc(env(safe-area-inset-top, 0px) + 56px)!important;min-height:calc(var(--sat) + 56px)!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;padding-top:calc(env(safe-area-inset-top, 0px) + 8px)!important;padding-top:calc(var(--sat) + 8px)!important;position:relative!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.input-container,.message-input-container,.pro-chat-input-container{padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(12px + var(--sab))!important}}html.has-notch .chat-header,html.has-notch .enhanced-chat-header,html.has-notch .pro-header{min-height:calc(env(safe-area-inset-top, 0px) + 56px)!important;min-height:calc(var(--sat) + 56px)!important;padding-top:calc(env(safe-area-inset-top, 0px) + 8px)!important;padding-top:calc(var(--sat) + 8px)!important}@media (orientation:landscape){html.has-notch .enhanced-chat-header,html.has-notch .pro-header{padding-left:calc(env(safe-area-inset-left, 0px) + 12px)!important;padding-left:calc(var(--sal) + 12px)!important;padding-right:calc(env(safe-area-inset-right, 0px) + 12px)!important;padding-right:calc(var(--sar) + 12px)!important}}html.has-home-indicator .input-container,html.has-home-indicator .message-input-container,html.has-home-indicator .pro-chat-input-container{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 8px)!important;padding-bottom:calc(var(--sab) + 8px)!important}@media (max-width:768px) and (orientation:landscape){.enhanced-chat-header,.pro-header{min-height:48px!important;padding-bottom:6px!important;padding-top:6px!important}}@media screen and (max-width:480px){.mobile-first{font-size:14px;line-height:1.4}.container{margin:0;padding:8px}.button{min-height:44px;touch-action:manipulation}.input-field{font-size:16px;padding:12px}}@media screen and (min-width:481px) and (max-width:768px){.tablet-responsive{font-size:15px;line-height:1.5}.container{padding:12px}}@media screen and (min-width:769px){.desktop-responsive{font-size:16px;line-height:1.6}.container{padding:20px}}.input-container{margin-bottom:16px;position:relative;width:100%}@media screen and (max-width:480px){.input-container{margin-bottom:12px}.input-container input,.input-container textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;width:100%}.input-container label{display:block;font-size:14px;margin-bottom:4px}}@media screen and (min-width:481px){.input-container input,.input-container textarea{font-size:15px;padding:14px 18px}}@media screen and (max-width:768px){.mobile-content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-x:hidden}.mobile-content img{object-fit:contain}.mobile-content img,.mobile-content video{height:auto;max-width:100%}.mobile-scroll{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 120px);overflow-y:auto}.mobile-safe-area{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media screen and (max-width:768px){@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-animation{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.mobile-fade-in{animation:mobileFadeIn .3s ease-out}.mobile-slide-up{animation:mobileSlideUp .3s ease-out}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}img{display:block;height:auto;max-width:100%}.message-bubble img,.pro-message-blurb img:not(.message-avatar img),.pro-message-container img,.pro-message-list img{border-radius:8px;display:block;height:auto!important;max-width:100%!important;object-fit:contain!important;width:auto!important}.pro-message-blurb .attached-image,.pro-message-blurb .attachment-image,.pro-message-list .attached-image,.pro-message-list .attachment-image{border-radius:8px;cursor:pointer;display:block;height:auto!important;max-height:600px!important;max-width:min(600px,calc(100vw - 80px))!important;object-fit:contain;transition:transform .2s ease;width:auto!important}.pro-message-list .attached-image:hover,.pro-message-list .attachment-image:hover{transform:scale(1.02)}.pro-message-blurb .gif-image,.pro-message-list .gif-image{height:auto!important;max-height:500px!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.pro-message-blurb .image-attachment,.pro-message-list .image-attachment{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:block;max-width:100%;overflow:hidden;position:relative;width:100%}.pro-message-blurb .gif-attachment,.pro-message-list .gif-attachment{background:#ffffff0d}.contact-avatar img,.conversation-avatar img,.message-avatar img,.profile-avatar img,.user-avatar img{border-radius:50%;height:100%!important;object-fit:cover!important;width:100%!important}.pro-message-blurb .message-attachment img,.pro-message-list .message-attachment img{border-radius:12px;cursor:pointer;height:auto;max-height:600px;max-width:min(600px,calc(100vw - 80px));object-fit:contain;transition:transform .2s ease;width:auto}.pro-message-blurb .media-preview img,.pro-message-list .media-preview img{border-radius:8px;height:100%!important;object-fit:cover!important;width:100%!important}.pro-message-blurb .message-content,.pro-message-list .message-bubble,.pro-message-list .message-content,.pro-message-list .pro-message-container{word-wrap:break-word;overflow:visible}@media screen and (max-width:768px){.pro-message-blurb .attached-image,.pro-message-blurb .attachment-image,.pro-message-list .attached-image,.pro-message-list .attachment-image,.pro-message-list .message-attachment img,.pro-message-list .photo-message-container img{height:auto!important;max-height:500px!important;max-width:calc(100vw - 80px)!important;object-fit:contain!important;width:auto!important}.pro-message-blurb .gif-image,.pro-message-list .gif-image{height:auto!important;max-height:320px!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.user-avatar img{height:48px!important;width:48px!important}.pro-message-blurb .message-bubble,.pro-message-list .message-bubble,.pro-message-list .pro-message-content{max-width:none!important}}@media screen and (max-width:480px){.pro-message-blurb .attached-image,.pro-message-blurb .attachment-image,.pro-message-list .attached-image,.pro-message-list .attachment-image,.pro-message-list .message-attachment img,.pro-message-list .photo-message-container img{height:auto!important;max-height:320px!important;max-width:calc(100vw - 60px)!important;object-fit:contain!important;width:auto!important}.pro-message-blurb .gif-image,.pro-message-list .gif-image{height:auto!important;max-height:300px!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.user-avatar img{height:44px!important;width:44px!important}.pro-message-blurb .message-bubble,.pro-message-list .message-bubble,.pro-message-list .pro-message-content{max-width:none!important}}.pro-message-blurb .message-bubble:has(.attached-image),.pro-message-list .message-bubble:has(.attached-image),.pro-message-list .pro-message-content:has(.attached-image){max-width:none!important;width:auto}.pro-message-blurb .message-attachment,.pro-message-list .message-attachment,.pro-message-list .message-media-container{border-radius:12px;max-width:100%;overflow:visible}.image-lightbox img,.modal-image img{height:auto!important;max-height:90vh!important;max-width:90vw!important;object-fit:contain!important;width:auto!important}.conversation-item .attached-image,.conversation-item .attachment-image,.header .attached-image,.header .attachment-image,.input-bar .attached-image,.input-bar .attachment-image,.pro-header .attached-image,.pro-header .attachment-image,.sidebar .attached-image,.sidebar .attachment-image{display:none!important}.input-bar img:not(.emoji-picker img),.pro-header img:not(.user-avatar img),.sidebar img:not(.user-avatar img):not(.conversation-avatar img){border-radius:50%;max-height:40px;max-width:40px;object-fit:cover}.avatar-upload img,.profile-image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.file-preview img{border-radius:8px;height:auto;max-width:100%;object-fit:contain}.chat-messages img,.conversation-content img{height:auto;max-width:100%;vertical-align:top}.pro-message-blurb .emoji-gif img,.pro-message-blurb .gif-image,.pro-message-list .emoji-gif img,.pro-message-list .gif-image{border-radius:8px;height:auto!important;max-height:500px!important;max-width:100%!important;object-fit:contain!important;width:100%!important}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--dynamic-island-height:max(44px,env(safe-area-inset-top));--dynamic-island-safe-top:max(54px,calc(env(safe-area-inset-top) + 10px))}.App{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.app-header,.header,.main-header{min-height:calc(60px + env(safe-area-inset-top, 0px));min-height:calc(60px + var(--safe-area-top));padding-top:max(54px,calc(env(safe-area-inset-top) + 10px))!important;padding-top:var(--dynamic-island-safe-top)!important}*{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}.chat-container,.conversation-list,.messages-container,.scrollable,.sidebar-content{-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.animated,.fade-in,.message,.notification,.slide-in{transform:translateZ(0);will-change:transform,opacity}@media screen and (min-width:900px) and (max-width:1024px){.pro-sidebar{min-width:320px;width:320px!important}.main-content{margin-left:320px}.message-input{font-size:17px;min-height:56px}.btn,button{font-size:16px;min-height:48px;min-width:48px}.message-bubble{font-size:17px;max-width:75%;padding:14px 18px}.video-call-panel{margin:0 auto;max-width:900px}.local-video,.remote-video{border-radius:20px}.filter-slider{height:8px}.filter-preset-btn{font-size:15px;min-height:80px}.nav-item{font-size:16px;padding:14px 20px}.search-input{font-size:17px;padding:14px 20px}}@media screen and (min-width:1024px){.pro-sidebar{min-width:360px;width:360px!important}.main-content{margin-left:360px}.chat-container{grid-gap:0;display:grid;gap:0;grid-template-columns:360px 1fr 320px}.video-call-panel{max-width:1200px}.remote-video{border-radius:24px}.filters-panel{max-width:500px}.ar-effects-grid,.filter-presets-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (orientation:landscape) and (max-height:500px){.header,.main-header{min-height:48px;padding:8px env(safe-area-inset-left,0) 8px env(safe-area-inset-right,0);padding:8px var(--safe-area-left) 8px var(--safe-area-right)}.video-call-panel{display:flex;flex-direction:row}.video-container{flex:1 1}.filters-panel{max-height:100vh;overflow-y:auto;width:360px}.sidebar-footer{display:flex;flex-direction:row;padding:8px env(safe-area-inset-left,0) 8px env(safe-area-inset-right,0);padding:8px var(--safe-area-left) 8px var(--safe-area-right)}.message-input{min-height:44px}.sidebar-header .subtitle{display:none}}@media screen and (-webkit-min-device-pixel-ratio:3),screen and (min-resolution:3dppx){*{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.avatar,.user-avatar{image-rendering:-webkit-optimize-contrast}.icon,svg{shape-rendering:geometricPrecision}.card,.message-bubble,.modal{-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media screen and (min-width:900px){.swipeable{touch-action:pan-y;-webkit-user-select:none;user-select:none}.video-container{touch-action:pinch-zoom}.messages-container{overscroll-behavior:contain}input,select,textarea{font-size:16px!important}.video-call-panel video{max-height:720px;max-width:1280px}.filter-slider-container{padding:16px 24px}.filter-value{font-size:15px;min-width:45px}.ar-effect-btn{font-size:32px;min-height:100px}.color-picker-input{border-radius:12px;height:60px;width:60px}.filter-preset-btn{border-radius:16px;padding:18px}.filter-preset-btn .emoji{font-size:36px}.filter-preset-btn .preset-name{font-size:14px;margin-top:10px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media screen and (min-width:900px){.message,.modal,.notification{contain:layout style paint}.main-content,.sidebar{contain:layout}}@media (prefers-color-scheme:dark){.App.dark,.dark-mode{background-color:#000}.message-bubble.dark,.sidebar.dark{background-color:#0a0a0a}.text-primary{color:#e5e5e5}.message-bubble{border:1px solid #ffffff0d}}@supports (padding-top:env(safe-area-inset-top)){.fixed-header,.sticky-header{padding-top:calc(env(safe-area-inset-top, 0px) + 12px);padding-top:calc(var(--safe-area-top) + 12px)}.fixed-footer,.sticky-footer{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);padding-bottom:calc(var(--safe-area-bottom) + 12px)}.pro-sidebar{padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-top)}.modal-overlay{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.video-call-panel.fullscreen{padding:max(54px,calc(env(safe-area-inset-top) + 10px)) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--dynamic-island-safe-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}}@media screen and (min-width:900px){.btn:hover,button:hover{transform:translateY(-2px) scale(1.02);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.message:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.filter-slider:hover{height:10px;transition:height .2s ease}.filter-preset-btn:hover{box-shadow:0 8px 24px #6366f14d;transform:translateY(-4px) scale(1.05)}}@media screen and (min-width:900px){:focus-visible{border-radius:4px;outline:3px solid var(--primary-color);outline-offset:3px}body{font-size:17px;line-height:1.6}a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}}@media screen and (min-width:900px) and (max-width:1366px){.App{padding-left:max(env(safe-area-inset-left,0px),20px);padding-left:max(var(--safe-area-left),20px);padding-right:max(env(safe-area-inset-right,0px),20px);padding-right:max(var(--safe-area-right),20px)}.modal,.video-call-panel{margin:0 auto;max-width:calc(100vw - 40px)}}@supports (padding:max(0px)){:root{--safe-area-inset-top:env(safe-area-inset-top,0);--safe-area-inset-right:env(safe-area-inset-right,0);--safe-area-inset-bottom:env(safe-area-inset-bottom,0);--safe-area-inset-left:env(safe-area-inset-left,0)}.app-container,.pro-chat-container{padding:max(var(--safe-area-inset-top),0px) max(var(--safe-area-inset-right),0px) max(var(--safe-area-inset-bottom),0px) max(var(--safe-area-inset-left),0px)!important}.enhanced-chat-header,.header{min-height:calc(env(safe-area-inset-top, 0px) + 56px)!important;padding-top:calc(env(safe-area-inset-top, 0px) + 8px)!important}.input-container,.message-input-container{padding-bottom:max(var(--safe-area-inset-bottom),16px)!important}}@media (max-width:375px){.enhanced-chat-header{height:52px!important;padding:0 6px!important}.conversation-title{font-size:14px!important;max-width:150px!important}.conversation-status{font-size:11px!important}.action-btn{font-size:14px!important;height:32px!important;padding:4px!important;width:32px!important}.header-actions{gap:2px!important}.message-bubble{font-size:14px!important;max-width:85%!important}.message-input{font-size:14px!important;min-height:36px!important}.input-actions button{font-size:16px!important;height:32px!important;width:32px!important}}@media (min-width:376px) and (max-width:430px){.enhanced-chat-header{height:56px!important}.message-bubble{max-width:80%!important}}@media (hover:none) and (pointer:coarse){.action-btn,.emoji-btn,.send-btn,a,button{min-height:44px!important;min-width:44px!important}.header-actions,.input-actions{gap:8px!important}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.message-content,.message-text{-webkit-touch-callout:text;-webkit-user-select:text;user-select:text}}input[type=email],input[type=password],input[type=text],textarea{font-size:16px!important}@media (hover:none){.action-btn:hover,button:hover{background:#0000!important}.action-btn:active,button:active{background:var(--hover-bg)!important;transform:scale(.95)}}.chat-messages,.message-list,.messages-container{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}body{height:100%;overscroll-behavior-y:none;position:fixed;width:100%}.app-container{height:100%;overflow:auto}@media (max-width:768px){.pro-chat-container{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:-webkit-fill-available}.pro-sidebar{box-shadow:2px 0 10px #0000001a;height:100%;left:-100%;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.pro-sidebar.open{left:0}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.visible{display:block}.chat-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.messages-container{flex:1 1;overflow-y:auto;padding:12px 8px}.input-container{background:var(--card-bg);border-top:1px solid var(--border-color);bottom:0;left:0;padding:8px;position:-webkit-sticky;position:sticky;right:0;z-index:10}}@media (max-width:480px){.enhanced-chat-header{padding:8px!important}.message-bubble{border-radius:16px!important;padding:8px 12px!important}.message-timestamp{font-size:10px!important}.input-actions{flex-wrap:nowrap!important;overflow-x:auto!important}.action-btn[title*=More],.action-btn[title*=Settings]{display:none!important}.dropdown-menu{border-radius:16px 16px 0 0!important;bottom:0!important;left:0!important;max-height:70vh!important;overflow-y:auto!important;position:fixed!important;right:0!important;top:auto!important}}@media (max-width:768px) and (orientation:landscape){.enhanced-chat-header{height:48px!important;padding:4px 8px!important}.messages-container{padding:8px!important}.input-container{padding:6px!important}.message-input{max-height:60px!important}}@media (display-mode:standalone){body{background:var(--bg-color)}.app-container{padding-top:0}html{background:var(--header-bg)}}.pwa-badge{animation:fadeInOut 3s ease;background:var(--primary-color);border-radius:12px;color:#fff;font-size:10px;font-weight:600;opacity:0;padding:4px 8px;position:fixed;right:8px;top:8px;z-index:9999}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.chat-messages,.messages-container{transform:translateZ(0);will-change:scroll-position}@media (max-width:768px){body.dark-theme .pro-sidebar{background:var(--card-bg);box-shadow:2px 0 20px #00000080}body.dark-theme .sidebar-overlay{background:#000000b3}body.dark-theme .dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color)}.message-content,.message-text,p,span{font-size:15px!important;line-height:1.5!important}}@media (max-width:768px){@media (prefers-contrast:high){.message-bubble{border:2px solid var(--border-color)!important}.action-btn{border:1px solid var(--border-color)!important}}}@media (max-width:768px){.loading-spinner{height:32px;width:32px}.skeleton-loader{height:60px;margin:8px}.swipe-indicator{animation:swipeHint 2s infinite;background:linear-gradient(90deg,var(--primary-color),#0000);border-radius:0 30px 30px 0;height:60px;left:0;opacity:.3;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);width:20px;z-index:998}}@media (max-width:768px){@keyframes swipeHint{0%,to{left:0;opacity:.3}50%{left:10px;opacity:.6}}}@media screen and (max-width:768px){*{box-sizing:border-box}#root,.App,.pro-layout,.pro-main,body,html{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important;position:relative!important;width:100%!important}body,html{height:100vh!important;height:100dvh!important;margin:0!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.dynamic-background,.floating-particles,.gradient-orb{max-width:100vw!important;overflow:hidden!important}.pro-layout{display:flex!important;flex-direction:column!important;grid-template-areas:unset!important;grid-template-columns:none!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important}.pro-layout .pro-content,.pro-layout .pro-main{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;max-width:100%!important;min-height:0!important;overflow:hidden!important;width:100%!important}.participant-count{display:none!important}.conversation-info{flex:1 1!important;min-width:0!important}.conversation-title{font-size:15px!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.header-actions .donation-btn,.header-actions .file-share-btn,.header-actions .invite-user-btn,.header-actions .notification-btn{display:none!important}.enhanced-chat-header .header-left,.pro-header .header-left{align-items:center!important;display:flex!important;flex:1 1!important;gap:8px!important;min-width:0!important;overflow:visible!important}.enhanced-chat-header .conversation-info,.pro-header .conversation-info{flex:1 1!important;min-width:0!important;overflow:hidden!important}.enhanced-chat-header .header-actions,.pro-header .header-actions{flex-shrink:0!important;overflow:visible!important}.mobile-menu-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:2px solid #fff!important;border-radius:10px!important;box-shadow:0 2px 8px #667eea4d!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:36px!important;justify-content:center!important;margin-right:4px!important;padding:0!important;width:36px!important;z-index:101!important}.pro-main{flex:1 1!important;min-height:0!important}.pro-content,.pro-main{display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important}.pro-content{height:100%!important;width:100%!important}.pro-message-area:after,.pro-message-list:after{content:""!important;display:block!important;flex-shrink:0!important;height:8px!important;width:100%!important}.message-input-container,.pro-chat-input-container,.pro-content>.pro-chat-input-container{background:#fff!important;background:var(--pro-surface,#fff)!important;border-top:1px solid #0000001a!important;border-top:1px solid var(--pro-border,#0000001a)!important;bottom:0 relative!important;box-shadow:0 -2px 8px #0000000d!important;flex:0 0 auto!important;max-width:100%px!important;order:2!important;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important;position:-webkit-sticky!important;position:sticky!important;width:100%!important;z-index:90!important}.message-input-wrapper{align-items:flex-end!important;display:flex!important;gap:6px!important;max-width:100%!important;width:100%!important}.message-input,.pro-input,.pro-message-input{background:#f8fafc!important;background:var(--pro-bg,#f8fafc)!important;border:1px solid #0000001a!important;border:1px solid var(--pro-border,#0000001a)!important;border-radius:20px!important;flex:1 1!important;font-size:15px!important;max-height:120px!important;max-width:100%!important;min-height:40px!important;min-width:0!important;outline:none!important;padding:10px 14px!important;resize:none!important}.input-actions,.message-actions{display:flex!important;flex-shrink:0!important;gap:4px!important}.input-action-btn,.message-action-btn,.pro-send-btn,.send-btn{align-items:center!important;border-radius:50%!important;display:flex!important;height:40px!important;justify-content:center!important;min-width:40px!important;padding:0!important;width:40px!important}.pro-send-btn,.send-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;flex-shrink:0!important}.enhanced-sidebar,.pro-sidebar{-webkit-overflow-scrolling:touch!important;background:#fff!important;background:var(--pro-surface,#fff)!important;bottom:0!important;box-shadow:2px 0 12px #00000026!important;left:0!important;max-width:85vw!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;z-index:999!important}.enhanced-sidebar.active,.enhanced-sidebar:not(.collapsed),.pro-sidebar.active,.pro-sidebar:not(.collapsed){transform:translateX(0)!important}.enhanced-sidebar.collapsed,.pro-sidebar.collapsed{transform:translateX(-100%)!important}.pro-sidebar-overlay,.sidebar-overlay{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#00000080!important;bottom:0!important;display:block!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:998!important}.enhanced-sidebar.collapsed~.sidebar-overlay,.pro-sidebar.collapsed~.pro-sidebar-overlay{display:none!important}.message-bubble,.pro-message,.pro-message-blurb{word-wrap:break-word!important;max-width:85%!important;overflow-wrap:break-word!important}.message-image,.pro-message-image,img{height:auto!important;max-width:100%!important}audio,video{max-width:100%!important}.modal,.pro-modal{max-height:90vh!important;max-width:95vw!important}@supports (padding:max(0px)){.enhanced-chat-header,.pro-header{padding-top:max(10px,env(safe-area-inset-top))!important}.enhanced-chat-header,.message-input-container,.pro-chat-input-container,.pro-header{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.message-input-container,.pro-chat-input-container{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.enhanced-sidebar,.pro-sidebar{padding-bottom:max(0px,env(safe-area-inset-bottom))!important;padding-top:max(0px,env(safe-area-inset-top))!important}}}@media screen and (max-width:380px){.enhanced-chat-header,.pro-header{min-height:52px!important;padding:8px 10px!important}.mobile-menu-btn{font-size:20px!important;height:40px!important;width:40px!important}.conversation-title{font-size:14px!important}.conversation-status{font-size:11px!important}.message-input-container,.pro-chat-input-container{padding:8px 10px!important}.message-input,.pro-input{font-size:14px!important;padding:8px 12px!important}.pro-send-btn,.send-btn{height:36px!important;min-width:36px!important;width:36px!important}}@media screen and (max-width:768px) and (orientation:landscape){.enhanced-chat-header,.pro-header{min-height:48px!important;padding:6px 12px!important}.mobile-menu-btn{height:40px!important;width:40px!important}.pro-message-area,.pro-message-list{padding-bottom:16px!important}}@media screen and (max-width:768px){.clickable,a,button{min-height:44px!important;min-width:44px!important}a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.enhanced-sidebar,.pro-content,.pro-message-area,.pro-message-list,.pro-sidebar,.scrollable{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{font-size:16px!important}.pro-layout *{max-width:100%!important}.pro-layout>*{box-sizing:border-box!important}.message-content,.message-text,.pro-message-text{-webkit-hyphens:auto!important;hyphens:auto!important;overflow-wrap:break-word!important;word-break:break-word!important}code,pre{word-wrap:break-word!important;white-space:pre-wrap!important}code,pre,table{max-width:100%!important;overflow-x:auto!important}table{display:block!important}.input-wrapper,.pro-chat-input-container .input-wrapper{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.input-actions,.input-actions-row{-webkit-overflow-scrolling:touch!important;align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;width:100%!important}}@media screen and (max-width:768px){.input-actions-row::-webkit-scrollbar,.input-actions::-webkit-scrollbar{display:none!important}.message-input-row{align-items:flex-end!important;display:flex!important;flex-direction:row!important;gap:8px!important;width:100%!important}.input-action-btn,.input-btn{flex-shrink:0!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:6px!important;width:36px!important}:root{--z-mobile-backdrop:999;--z-mobile-sidebar:1000;--z-mobile-modal:1050;--z-mobile-header:100;--z-mobile-input:90;--z-mobile-dropdown:1100;--z-mobile-toast:1200}.header-actions .donation-btn,.header-actions .file-share-btn,.header-actions .invite-user-btn,.header-actions .notification-btn,.participant-count{display:none!important}.enhanced-chat-header *,.pro-header *{z-index:auto!important}.enhanced-chat-header .dropdown-menu,.enhanced-chat-header .more-options-menu,.pro-header .dropdown-menu,.pro-header .more-options-menu{position:fixed!important;z-index:var(--z-mobile-dropdown)!important}.pro-content,.pro-main>.pro-content{display:flex!important;flex:1 1!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:hidden!important;position:relative!important;width:100%!important}.pro-message-area>:last-child,.pro-message-list>:last-child{margin-bottom:20px!important}.input-container,.message-input-container,.pro-chat-input-container{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff!important;background:var(--pro-surface,#fff)!important;border-top:1px solid #0000001a!important;border-top:1px solid var(--pro-border,#0000001a)!important;box-shadow:0 -2px 8px #0000000d!important;flex:0 0 auto!important;max-width:100%!important;order:2!important;padding:10px 12px max(10px,env(safe-area-inset-bottom,0px))!important;position:relative!important;width:100%!important;z-index:var(--z-mobile-input)!important}.message-input-container.keyboard-open,.pro-chat-input-container.keyboard-open{position:relative!important}.pro-sidebar-overlay,.sidebar-backdrop,.sidebar-overlay{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#00000080!important;bottom:0!important;display:block!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;top:0!important;transition:opacity .3s ease!important;z-index:var(--z-mobile-backdrop)!important}.enhanced-sidebar.collapsed~.sidebar-overlay,.pro-sidebar-overlay.hidden,.pro-sidebar.collapsed~.pro-sidebar-overlay,.sidebar-overlay.hidden{display:none!important;opacity:0!important;pointer-events:none!important}.enhanced-sidebar,.pro-sidebar{-webkit-overflow-scrolling:touch!important;background:#fff!important;background:var(--pro-surface,#fff)!important;bottom:0!important;box-shadow:2px 0 16px #00000026!important;left:0!important;max-width:85vw!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;z-index:var(--z-mobile-sidebar)!important}.enhanced-sidebar.active,.enhanced-sidebar.open,.enhanced-sidebar:not(.collapsed),.pro-sidebar.active,.pro-sidebar.open,.pro-sidebar:not(.collapsed){transform:translateX(0)!important}.modal,.modal-overlay,.pro-modal,[role=dialog]{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;z-index:var(--z-mobile-modal)!important}.modal-content,.pro-modal-content{border-radius:16px!important;box-shadow:0 8px 32px #0003!important;max-height:90vh!important;max-width:95vw!important;position:relative!important;z-index:calc(var(--z-mobile-modal) + 1)!important}.context-menu,.dropdown,.dropdown-menu,.modal-content,.more-options-menu,.pro-modal-content{background:#fff!important;background:var(--pro-surface,#fff)!important;overflow-y:auto!important}.context-menu,.dropdown,.dropdown-menu,.more-options-menu{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;max-height:80vh!important;position:fixed!important;z-index:var(--z-mobile-dropdown)!important}.header-actions,.header-menu,.message-actions,.pro-header-actions{overflow:visible!important}.notification,.snackbar,.toast,[class*=notification],[class*=toast]{max-width:calc(100vw - 32px)!important;position:fixed!important;z-index:var(--z-mobile-toast)!important}.pro-content,.pro-layout,.pro-main{transform:translateZ(0)!important;will-change:auto!important}}@media screen and (max-width:768px){@media (orientation:landscape) and (max-height:500px){.enhanced-chat-header,.pro-header{min-height:48px!important;padding:6px 12px!important}.message-input-container,.pro-chat-input-container{padding:8px 12px!important}.modal-content,.pro-modal-content{max-height:85vh!important}}@supports (padding:max(0px)){.enhanced-chat-header,.pro-header{padding-top:max(8px,env(safe-area-inset-top))!important}.enhanced-chat-header,.message-input-container,.pro-chat-input-container,.pro-header{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.message-input-container,.pro-chat-input-container{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.enhanced-sidebar,.pro-sidebar{padding-bottom:max(0px,env(safe-area-inset-bottom))!important;padding-top:max(0px,env(safe-area-inset-top))!important}}@media only screen and (max-width:768px){.enhanced-chat-header,.pro-header{min-height:54px!important;padding:8px 12px!important}.messages-container,.pro-message-area,.pro-message-list{margin-top:0!important;padding-top:8px!important}.pro-content,.pro-main{gap:0!important;margin-top:0!important;padding-top:0!important}}@media only screen and (max-width:430px) and (min-height:800px){.messages-container,.pro-message-area,.pro-message-list{margin-bottom:0!important;padding-bottom:160px!important}.messages-container>:last-child,.pro-message-list>:last-child{margin-bottom:40px!important}.message-input-container,.pro-chat-input-container{bottom:0!important;left:0!important;max-width:100vw!important;min-height:80px!important;position:fixed!important;right:0!important;width:100vw!important;z-index:1001!important}}}@media screen and (min-width:769px) and (max-width:1024px){.enhanced-chat-header,.pro-header{z-index:50!important}.message-input-container,.pro-chat-input-container{z-index:40!important}.enhanced-sidebar,.pro-sidebar{z-index:900!important}.pro-sidebar-overlay,.sidebar-overlay{z-index:899!important}}@media print{.dropdown-menu,.modal,.pro-sidebar-overlay,.sidebar-overlay,.toast{display:none!important}}:root{--color-primary:#6366f1;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--surface-base:#fff;--surface-overlay:#fffffffa;--surface-sunken:#f9fafb;--border-subtle:#f3f4f6;--border-default:#e5e7eb;--border-strong:#d1d5db;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000026;--shadow-inner:inset 0 2px 4px #0000000f;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slowest:500ms cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-toast:1700}[data-theme=dark]{--color-primary:#818cf8;--color-primary-50:#312e81;--color-primary-100:#3730a3;--color-primary-900:#eef2ff;--surface-base:#0f172a;--surface-elevated:#1e293b;--surface-overlay:#1e293bfa;--surface-sunken:#020617;--border-subtle:#1e293b;--border-default:#334155;--border-strong:#475569;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006,0 2px 4px #0000004d;--shadow-lg:0 10px 15px #00000080,0 4px 6px #0000004d;--shadow-xl:0 20px 25px #00000080,0 10px 10px #0000004d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-base);color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal)}[data-theme=dark] body{color:#f3f4f6;color:var(--color-gray-100)}.app{background:#fff;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-base)}.modern-container{margin:0 auto;max-width:1400px;padding:0 1.5rem;padding:0 var(--space-6)}.modern-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.modern-flex{display:flex;gap:1rem;gap:var(--space-4)}.modern-flex-between{align-items:center;display:flex;justify-content:space-between}.modern-flex-center{align-items:center;display:flex;justify-content:center}.modern-card{background:#fff;background:var(--surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.modern-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-card-flat{background:#fff;background:var(--surface-elevated);border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--border-radius-md);padding:1rem;padding:var(--space-4)}.modern-glass{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;background:var(--surface-overlay);border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg)}.modern-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.modern-btn:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary);outline-offset:2px}.modern-btn:disabled{cursor:not-allowed;opacity:.5}.modern-btn-primary{background:#4f46e5;background:var(--color-primary-600);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.modern-btn-primary:hover:not(:disabled){background:#4338ca;background:var(--color-primary-700);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-btn-primary:active:not(:disabled){background:#3730a3;background:var(--color-primary-800);transform:translateY(0)}.modern-btn-secondary{background:#fff;background:var(--surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-default);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);color:#374151;color:var(--color-gray-700)}[data-theme=dark] .modern-btn-secondary{color:#e5e7eb;color:var(--color-gray-200)}.modern-btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--color-gray-50);border-color:#d1d5db;border-color:var(--border-strong)}[data-theme=dark] .modern-btn-secondary:hover:not(:disabled){background:#374151;background:var(--color-gray-700)}.modern-btn-ghost{background:#0000;color:#4b5563;color:var(--color-gray-600)}[data-theme=dark] .modern-btn-ghost{color:#d1d5db;color:var(--color-gray-300)}.modern-btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--color-gray-100);color:#111827;color:var(--color-gray-900)}[data-theme=dark] .modern-btn-ghost:hover:not(:disabled){background:#1f2937;background:var(--color-gray-800);color:#f3f4f6;color:var(--color-gray-100)}.modern-btn-danger{background:#ef4444;background:var(--color-error);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.modern-btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;box-shadow:var(--shadow-md)}.modern-btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.modern-btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.modern-btn-icon{border-radius:9999px;border-radius:var(--border-radius-full);height:40px;padding:0;width:40px}.modern-btn-icon-sm{height:32px;width:32px}.modern-btn-icon-lg{height:48px;width:48px}.modern-input,.modern-select,.modern-textarea{background:#fff;background:var(--surface-base);border:1px solid #e5e7eb;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--border-radius-md);color:#111827;color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}[data-theme=dark] .modern-input,[data-theme=dark] .modern-select,[data-theme=dark] .modern-textarea{background:#fff;background:var(--surface-elevated);color:#f3f4f6;color:var(--color-gray-100)}.modern-input::placeholder,.modern-textarea::placeholder{color:#9ca3af;color:var(--color-gray-400)}.modern-input:hover,.modern-select:hover,.modern-textarea:hover{border-color:#d1d5db;border-color:var(--border-strong)}.modern-input:focus,.modern-select:focus,.modern-textarea:focus{border-color:#6366f1;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--color-primary-100)}[data-theme=dark] .modern-input:focus,[data-theme=dark] .modern-select:focus,[data-theme=dark] .modern-textarea:focus{box-shadow:0 0 0 3px #818cf833}.modern-input:disabled,.modern-select:disabled,.modern-textarea:disabled{background:#f9fafb;background:var(--color-gray-50);cursor:not-allowed;opacity:.6}.modern-textarea{min-height:100px;resize:vertical}.modern-input-group{align-items:center;display:flex;position:relative}.modern-input-icon{color:#9ca3af;color:var(--color-gray-400);left:1rem;left:var(--space-4);pointer-events:none;position:absolute}.modern-input-group .modern-input{padding-left:calc(1rem + 24px);padding-left:calc(var(--space-4) + 24px)}.modern-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--surface-elevated);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:1100;z-index:var(--z-sticky)}.modern-nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.modern-nav-brand{color:#4f46e5;color:var(--color-primary-600);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);text-decoration:none}.modern-nav-menu{display:flex;gap:.5rem;gap:var(--space-2);list-style:none}.modern-nav-item{display:inline-flex}.modern-nav-link{border-radius:12px;border-radius:var(--border-radius-md);color:#4b5563;color:var(--color-gray-600);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}[data-theme=dark] .modern-nav-link{color:#d1d5db;color:var(--color-gray-300)}.modern-nav-link:hover{background:#f3f4f6;background:var(--color-gray-100);color:#111827;color:var(--color-gray-900)}[data-theme=dark] .modern-nav-link:hover{background:#1f2937;background:var(--color-gray-800);color:#f3f4f6;color:var(--color-gray-100)}.modern-nav-link.active{background:#e0e7ff;background:var(--color-primary-100);color:#4338ca;color:var(--color-primary-700)}[data-theme=dark] .modern-nav-link.active{background:#312e81;background:var(--color-primary-900);color:#c7d2fe;color:var(--color-primary-200)}.modern-sidebar{background:#fff;background:var(--surface-elevated);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-default);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:280px;z-index:1200;z-index:var(--z-fixed)}.modern-sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default);padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.modern-sidebar-content{flex:1 1;overflow-y:auto;padding:1rem;padding:var(--space-4)}.modern-sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-default);padding:1rem;padding:var(--space-4)}.modern-sidebar-item{align-items:center;border-radius:12px;border-radius:var(--border-radius-md);color:#374151;color:var(--color-gray-700);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--space-3);margin-bottom:.25rem;margin-bottom:var(--space-1);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}[data-theme=dark] .modern-sidebar-item{color:#e5e7eb;color:var(--color-gray-200)}.modern-sidebar-item:hover{background:#f3f4f6;background:var(--color-gray-100);color:#111827;color:var(--color-gray-900)}[data-theme=dark] .modern-sidebar-item:hover{background:#1f2937;background:var(--color-gray-800)}.modern-sidebar-item.active{background:#e0e7ff;background:var(--color-primary-100);color:#4338ca;color:var(--color-primary-700)}[data-theme=dark] .modern-sidebar-item.active{background:#312e81;background:var(--color-primary-900);color:#c7d2fe;color:var(--color-primary-200)}.modern-chat-container{background:#fff;background:var(--surface-base);display:grid;grid-template-columns:320px 1fr;height:100vh}.modern-chat-sidebar{border-right:1px solid #e5e7eb;border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden}.modern-chat-sidebar,.modern-chat-sidebar-header{background:#fff;background:var(--surface-elevated)}.modern-chat-sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default);padding:1rem;padding:var(--space-4)}.modern-chat-sidebar-content{flex:1 1;overflow-y:auto;padding:.5rem;padding:var(--space-2)}.modern-chat-main{display:flex;flex-direction:column;overflow:hidden}.modern-chat-header{align-items:center;background:#fff;background:var(--surface-elevated);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.modern-chat-messages{background:#f9fafb;background:var(--surface-sunken);flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--space-6)}.modern-chat-input-container{background:#fff;background:var(--surface-elevated);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-default);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.modern-message{display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4);max-width:70%}.modern-message.sent{flex-direction:row-reverse;margin-left:auto}.modern-message-avatar{border-radius:9999px;border-radius:var(--border-radius-full);flex-shrink:0;height:36px;width:36px}.modern-message-content{flex:1 1}.modern-message-bubble{word-wrap:break-word;background:#fff;background:var(--surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--border-radius-lg);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.modern-message.sent .modern-message-bubble{background:#4f46e5;background:var(--color-primary-600);border-color:#4f46e5;border-color:var(--color-primary-600);color:#fff}.modern-message-time{color:#9ca3af;color:var(--color-gray-400);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--space-1)}.modern-conversation-item{align-items:center;border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:.25rem;margin-bottom:var(--space-1);padding:.75rem;padding:var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-conversation-item:hover{background:#f9fafb;background:var(--color-gray-50)}[data-theme=dark] .modern-conversation-item:hover{background:#1f2937;background:var(--color-gray-800)}.modern-conversation-item.active{background:#eef2ff;background:var(--color-primary-50)}[data-theme=dark] .modern-conversation-item.active{background:#312e81;background:var(--color-primary-900)}.modern-conversation-avatar{border-radius:9999px;border-radius:var(--border-radius-full);flex-shrink:0;height:48px;width:48px}.modern-conversation-info{flex:1 1;min-width:0}.modern-conversation-name{color:#111827;color:var(--color-gray-900);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .modern-conversation-name{color:#f3f4f6;color:var(--color-gray-100)}.modern-conversation-preview{color:#6b7280;color:var(--color-gray-500);font-size:.875rem;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-conversation-badge{background:#4f46e5;background:var(--color-primary-600);border-radius:9999px;border-radius:var(--border-radius-full);color:#fff;display:flex;font-weight:600;font-weight:var(--font-weight-semibold);height:20px;justify-content:center;min-width:20px;padding:0 .5rem;padding:0 var(--space-2)}.modern-badge,.modern-conversation-badge{align-items:center;font-size:.75rem;font-size:var(--font-size-xs)}.modern-badge{border-radius:12px;border-radius:var(--border-radius-md);display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);white-space:nowrap}.modern-badge-primary{background:#e0e7ff;background:var(--color-primary-100);color:#4338ca;color:var(--color-primary-700)}.modern-badge-success{background:#d1fae5;background:var(--color-success-light);color:#047857}.modern-badge-warning{background:#fef3c7;background:var(--color-warning-light);color:#92400e}.modern-badge-error{background:#fee2e2;background:var(--color-error-light);color:#991b1b}.modern-badge-gray{background:#f3f4f6;background:var(--color-gray-100);color:#374151;color:var(--color-gray-700)}.modern-avatar{background:#e5e7eb;background:var(--color-gray-200);border-radius:9999px;border-radius:var(--border-radius-full);height:40px;object-fit:cover;width:40px}.modern-avatar-sm{height:32px;width:32px}.modern-avatar-lg{height:56px;width:56px}.modern-avatar-xl{height:80px;width:80px}.modern-divider{background:#e5e7eb;background:var(--border-default);height:1px;margin:1rem 0;margin:var(--space-4) 0}.modern-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:12px;border-radius:var(--border-radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.modern-chat-container{grid-template-columns:1fr}.modern-chat-sidebar{bottom:0;box-shadow:0 25px 50px #00000026;box-shadow:var(--shadow-2xl);left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);width:85%;z-index:1400;z-index:var(--z-modal)}.modern-chat-sidebar.open{transform:translateX(0)}.modern-message{max-width:85%}.modern-sidebar{transform:translateX(-100%)}.modern-sidebar.open{transform:translateX(0)}.modern-container{padding:0 1rem;padding:0 var(--space-4)}}@media (max-width:480px){:root{--space-6:1rem;--space-8:1.5rem}.modern-chat-header{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.modern-chat-messages{padding:1rem;padding:var(--space-4)}.modern-chat-input-container{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}.modern-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.modern-focus-visible:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary-500);outline-offset:2px}.app{background:var(--surface-base);font-family:var(--font-sans)}.app-content{min-height:100vh}.auth-container{background:linear-gradient(135deg,var(--color-primary-50) 0,var(--surface-base) 100%);padding:var(--space-6)}[data-theme=dark] .auth-container{background:linear-gradient(135deg,var(--color-primary-900) 0,var(--surface-base) 100%)}.auth-form-container,.login-container,.register-container{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--space-8);width:100%}.auth-header,.login-header,.register-header{margin-bottom:var(--space-8);text-align:center}.auth-header h1,.login-header h1,.register-header h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}[data-theme=dark] .auth-header h1,[data-theme=dark] .login-header h1,[data-theme=dark] .register-header h1{color:var(--color-gray-100)}.auth-header p,.login-header p,.register-header p{color:var(--color-gray-600);font-size:var(--font-size-sm)}[data-theme=dark] .auth-header p,[data-theme=dark] .login-header p,[data-theme=dark] .register-header p{color:var(--color-gray-400)}.form-group,.input-group{margin-bottom:var(--space-5)}.form-group label,.input-group label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}[data-theme=dark] .form-group label,[data-theme=dark] .input-group label{color:var(--color-gray-300)}.form-control,.form-group input,.input-group input{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--color-gray-900);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}[data-theme=dark] .form-control,[data-theme=dark] .form-group input,[data-theme=dark] .input-group input{background:var(--surface-elevated);color:var(--color-gray-100)}.form-control:focus,.form-group input:focus,.input-group input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-group input:focus,[data-theme=dark] .input-group input:focus{box-shadow:0 0 0 3px #818cf833}.auth-btn,.btn,.submit-btn,button[type=submit]{align-items:center;background:var(--color-primary-600);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);width:100%}.auth-btn:hover,.btn:hover,.submit-btn:hover,button[type=submit]:hover{background:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-btn:active,.btn:active,.submit-btn:active,button[type=submit]:active{transform:translateY(0)}.btn-secondary{background:var(--surface-elevated);border:1px solid var(--border-default);color:var(--color-gray-700)}[data-theme=dark] .btn-secondary{color:var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--border-strong)}[data-theme=dark] .btn-secondary:hover{background:var(--color-gray-700)}.error,.error-message{background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:#991b1b}.error,.error-message,.success,.success-message{font-size:var(--font-size-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.success,.success-message{background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--border-radius-md);color:#047857}.chat-layout,.pro-layout{background:var(--surface-base);display:grid;grid-template-columns:320px 1fr;height:100vh}@media (max-width:768px){.chat-layout,.pro-layout{grid-template-columns:1fr}}.chat-sidebar,.pro-sidebar{background:var(--surface-elevated);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden}.chat-sidebar-header,.pro-sidebar-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-default);padding:var(--space-4)}.chat-sidebar-content,.pro-sidebar-content{flex:1 1;overflow-y:auto;padding:var(--space-2)}.chat-main,.pro-content{background:var(--surface-base);display:flex;flex-direction:column;overflow:hidden}.chat-header,.pro-header{align-items:center;background:var(--surface-elevated);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.chat-messages,.pro-message-list{background:var(--surface-sunken);flex:1 1;overflow-y:auto;padding:var(--space-6)}.chat-input-container,.pro-chat-input-container{background:var(--surface-elevated);border-top:1px solid var(--border-default);padding:var(--space-4) var(--space-6)}.chat-input,.pro-chat-input{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);color:var(--color-gray-900);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;padding:var(--space-3) var(--space-4);resize:none;transition:all var(--transition-fast);width:100%}[data-theme=dark] .chat-input,[data-theme=dark] .pro-chat-input{background:var(--surface-sunken);color:var(--color-gray-100)}.chat-input:focus,.pro-chat-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}[data-theme=dark] .chat-input:focus,[data-theme=dark] .pro-chat-input:focus{box-shadow:0 0 0 3px #818cf833}.conversation-item{border-radius:var(--border-radius-md);gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-3);transition:all var(--transition-fast)}.conversation-item:hover{background:var(--color-gray-50)}[data-theme=dark] .conversation-item:hover{background:var(--color-gray-800)}.conversation-item.active{background:var(--color-primary-50)}[data-theme=dark] .conversation-item.active{background:var(--color-primary-900)}.conversation-avatar{border-radius:var(--border-radius-full);object-fit:cover}.conversation-name{color:var(--color-gray-900);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}[data-theme=dark] .conversation-name{color:var(--color-gray-100)}.conversation-preview{color:var(--color-gray-500);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-bubble{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.message-bubble.sent{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;margin-left:auto}.message-time{color:var(--color-gray-400);font-size:var(--font-size-xs);margin-top:var(--space-1)}.modal-overlay{inset:0;z-index:var(--z-modal-backdrop)}.modal,.modal-content{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:90%;overflow-y:auto;z-index:var(--z-modal)}.modal-header{border-bottom:1px solid var(--border-default)}.modal-body,.modal-footer,.modal-header{padding:var(--space-6)}.modal-footer{border-top:1px solid var(--border-default);display:flex;gap:var(--space-3);justify-content:flex-end}.tooltip{background:var(--color-gray-900);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);color:#fff;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);position:absolute;white-space:nowrap;z-index:var(--z-tooltip)}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:var(--space-8)}.spinner{border:3px solid var(--border-default);border-radius:var(--border-radius-full);border-top-color:var(--color-primary-600)}.mt-1{margin-top:var(--space-1)}.mt-3{margin-top:var(--space-3)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-3{margin-bottom:var(--space-3)}.mb-6{margin-bottom:var(--space-6)}.p-3{padding:var(--space-3)}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.shadow{box-shadow:var(--shadow-sm)}@media only screen and (max-width:430px){.chat-messages,.pro-message-list{padding-bottom:160px!important}.chat-input-container,.pro-chat-input-container{bottom:0!important;position:-webkit-sticky!important;position:sticky!important;z-index:90!important}}:root{--primary-50:#f0f4ff;--primary-100:#e0eaff;--primary-200:#c7d7ff;--primary-300:#a4b8ff;--primary-400:#8290ff;--primary-500:#6366f1;--primary-600:#5558e3;--primary-700:#4a4bc7;--primary-800:#3e3fa1;--primary-900:#35367f;--secondary-50:#f0fdf9;--secondary-100:#cdfce7;--secondary-200:#a6f5d1;--secondary-300:#6ee6ba;--secondary-400:#34d399;--secondary-500:#10b981;--secondary-600:#059669;--secondary-700:#047857;--secondary-800:#065f46;--secondary-900:#064e3b;--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-orange:#f97316;--accent-cyan:#06b6d4;--accent-yellow:#eab308;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success:#10b981;--success-light:#d1fae5;--success-dark:#065f46;--error:#ef4444;--error-light:#fee2e2;--error-dark:#991b1b;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#1e3a8a;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-inverse:#111827;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--surface-elevated:#fff;--surface-overlay:#0000000d;--text-primary:#111827;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-disabled:#d1d5db;--text-link:var(--primary-500);--text-link-hover:var(--primary-600);--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-tertiary:#9ca3af;--border-focus:var(--primary-500);--border-error:var(--error);--border-success:var(--success);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-neu-light:8px 8px 16px #d1d5db,-8px -8px 16px #fff;--shadow-neu-light-inset:inset 6px 6px 12px #d1d5db,inset -6px -6px 12px #fff;--shadow-neu-pressed:inset 4px 4px 8px #d1d5db,inset -4px -4px 8px #fff;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px 0 #1f268726;--blur-sm:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--blur-xl:blur(24px);--gradient-primary:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-400) 0%,var(--secondary-600) 100%);--gradient-sunset:linear-gradient(135deg,#ff6b6b,#feca57 50%,#ff6348);--gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--gradient-forest:linear-gradient(135deg,#00f260,#0575e6);--gradient-fire:linear-gradient(135deg,#f093fb,#f5576c);--gradient-aurora:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-cosmic:linear-gradient(135deg,#fa709a,#fee140);--gradient-mesh:radial-gradient(at 40% 20%,#6366f14d 0px,#0000 50%),radial-gradient(at 80% 0%,#ec489933 0px,#0000 50%),radial-gradient(at 0% 50%,#10b98133 0px,#0000 50%),radial-gradient(at 80% 50%,#f9731626 0px,#0000 50%),radial-gradient(at 0% 100%,#3b82f633 0px,#0000 50%);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-display:"Lexend",var(--font-sans);--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-3xl:3rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--z-max:2147483647;--header-height:64px;--sidebar-width:280px;--sidebar-collapsed-width:72px;--bottom-nav-height:64px;--input-height:44px;--button-height:44px;--reduced-motion:0}[data-theme=dark],body.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-inverse:#fff;--surface-primary:#1e293b;--surface-secondary:#334155;--surface-tertiary:#475569;--surface-elevated:#334155;--surface-overlay:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--text-disabled:#475569;--border-primary:#334155;--border-secondary:#475569;--border-tertiary:#64748b;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #0009;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-neu-light:8px 8px 16px #0a0f1a,-8px -8px 16px #1e2940;--shadow-neu-light-inset:inset 6px 6px 12px #0a0f1a,inset -6px -6px 12px #1e2940;--shadow-neu-pressed:inset 4px 4px 8px #0a0f1a,inset -4px -4px 8px #1e2940;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #00000080;--gradient-mesh:radial-gradient(at 40% 20%,#6366f133 0px,#0000 50%),radial-gradient(at 80% 0%,#ec489926 0px,#0000 50%),radial-gradient(at 0% 50%,#10b98126 0px,#0000 50%),radial-gradient(at 80% 50%,#f973161a 0px,#0000 50%),radial-gradient(at 0% 100%,#3b82f626 0px,#0000 50%)}@media (prefers-reduced-motion:reduce){:root{--reduced-motion:1}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background:#fff;background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Lexend,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-display);font-weight:700;font-weight:var(--font-bold);line-height:1.25;line-height:var(--leading-tight);margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:3rem;font-size:var(--text-5xl)}h2{font-size:2.25rem;font-size:var(--text-4xl)}h3{font-size:1.875rem;font-size:var(--text-3xl)}h4{font-size:1.5rem;font-size:var(--text-2xl)}h5{font-size:1.25rem;font-size:var(--text-xl)}h6{font-size:1.125rem;font-size:var(--text-lg)}p{color:#4b5563;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#6366f1;color:var(--text-link);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#5558e3;color:var(--text-link-hover)}::selection{background-color:#c7d7ff;background-color:var(--primary-200);color:#35367f;color:var(--primary-900)}::-moz-selection{background-color:#c7d7ff;background-color:var(--primary-200);color:#35367f;color:var(--primary-900)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#a3a3a3;background:var(--neutral-400);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#737373;background:var(--neutral-500)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary-500);outline-offset:2px}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.m-0{margin:0}.m-auto{margin:auto}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.min-h-screen{min-height:100vh}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:none}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card-neu{background:var(--surface-primary);border:none;box-shadow:var(--shadow-neu-light)}.card-neu:active{box-shadow:var(--shadow-neu-pressed)}.card-gradient{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-lg);color:var(--text-inverse)}.card-header{border-bottom:1px solid var(--border-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-6)}.card-body{padding:var(--space-6)}.card-footer{background:var(--surface-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-primary);padding:var(--space-4) var(--space-6)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;line-height:1.5;min-height:var(--button-height);padding:var(--space-3) var(--space-6);text-align:center;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-primary:hover{box-shadow:var(--shadow-lg);opacity:.9}.btn-secondary{background:var(--surface-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-tertiary)}.btn-outline{background:#0000;border:2px solid var(--primary-500);color:var(--primary-500)}.btn-outline:hover{background:var(--primary-50)}.btn-ghost{background:#0000;border:none;color:var(--text-primary)}.btn-ghost:hover{background:var(--surface-overlay)}.btn-glass{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--glass-bg);border:1px solid var(--glass-border)}.btn-glass,.btn-neu{color:var(--text-primary)}.btn-neu{background:var(--surface-primary);border:none;box-shadow:var(--shadow-neu-light)}.btn-neu:active{box-shadow:var(--shadow-neu-pressed)}.btn-sm{font-size:var(--text-sm);min-height:36px;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-lg);min-height:52px;padding:var(--space-4) var(--space-8)}.btn-icon{height:var(--button-height);padding:var(--space-3);width:var(--button-height)}.btn-icon-sm{height:36px;padding:var(--space-2);width:36px}.btn-full,.input{width:100%}.input{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);display:block;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);min-height:var(--input-height);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.input:hover{border-color:var(--border-secondary)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a;outline:none}.input::placeholder{color:var(--text-tertiary)}.input:disabled{background:var(--surface-secondary);cursor:not-allowed;opacity:.6}.input-glass{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--glass-bg);border:1px solid var(--glass-border)}.input-neu{background:var(--surface-primary);border:none;box-shadow:var(--shadow-neu-light-inset)}.input-sm{font-size:var(--text-sm);min-height:36px;padding:var(--space-2) var(--space-3)}.input-lg{font-size:var(--text-lg);min-height:52px;padding:var(--space-4) var(--space-5)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);justify-content:center;line-height:1;padding:var(--space-1) var(--space-3);white-space:nowrap}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-error{background:var(--error-light);color:var(--error-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-dot{height:8px;padding:0;width:8px}.avatar,.badge-dot{border-radius:var(--radius-full)}.avatar{align-items:center;background:var(--gradient-primary);color:var(--text-inverse);display:inline-flex;font-weight:var(--font-semibold);height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-sm{font-size:var(--text-sm);height:32px;width:32px}.avatar-lg{font-size:var(--text-xl);height:56px;width:56px}.avatar-xl{font-size:var(--text-2xl);height:80px;width:80px}.avatar-online:after{background:var(--success);border:2px solid var(--surface-primary);border-radius:var(--radius-full);bottom:2px;content:"";height:10px;position:absolute;right:2px;width:10px}.tooltip{display:inline-block;position:relative}.tooltip-text{background:var(--neutral-900);border-radius:var(--radius-md);bottom:125%;color:var(--text-inverse);font-size:var(--text-sm);opacity:0;padding:var(--space-2) var(--space-3);transition:opacity var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip-text,.tooltip-text:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-text:after{border:5px solid #0000;border-top:5px solid var(--neutral-900);content:"";top:100%}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-primary);border-radius:var(--radius-full);border-top-color:var(--primary-500);display:inline-block;height:24px;width:24px}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-lg{border-width:4px;height:32px;width:32px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--surface-secondary) 0,var(--surface-tertiary) 50%,var(--surface-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-avatar{border-radius:var(--radius-full)}.skeleton-card{height:200px}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}}@media (max-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}}@media print{.no-print{display:none!important}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes flipOut{0%{opacity:1;transform:perspective(400px) rotateY(0deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes progressIndeterminate{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%,45%{transform:scale(1.15)}30%{transform:scale(1.25)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes reveal{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes shine{0%{-webkit-mask-position:150%;mask-position:150%}to{-webkit-mask-position:-50%;mask-position:-50%}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--transition-base) var(--ease-in)}.animate-fade-in-up{animation:fadeInUp var(--transition-base) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--transition-base) var(--ease-out)}.animate-fade-in-left{animation:fadeInLeft var(--transition-base) var(--ease-out)}.animate-fade-in-right{animation:fadeInRight var(--transition-base) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-spring)}.animate-scale-out{animation:scaleOut var(--transition-base) var(--ease-in)}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shake{animation:shake .5s var(--ease-in-out)}.animate-wiggle{animation:wiggle .5s var(--ease-in-out)}.animate-slide-in-up{animation:slideInUp var(--transition-slow) var(--ease-out)}.animate-slide-in-down{animation:slideInDown var(--transition-slow) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--transition-slow) var(--ease-out)}.animate-rotate{animation:rotate 1s linear infinite}.animate-rotate-in{animation:rotateIn var(--transition-slow) var(--ease-spring)}.animate-flip-in{animation:flipIn var(--transition-slow) var(--ease-out)}.animate-flip-out{animation:flipOut var(--transition-slow) var(--ease-in)}.animate-gradient{animation:gradientShift 3s ease infinite;background-size:200% 200%}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-typing{animation:typing 1.4s ease-in-out infinite}.animate-reveal{animation:reveal var(--transition-slow) var(--ease-out)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-scale-lg:hover{transform:scale(1.1)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #6366f180}.hover-brighten{transition:filter var(--transition-base)}.hover-brighten:hover{filter:brightness(1.1)}.hover-rotate{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.hover-bounce{transition:transform var(--transition-base)}.hover-bounce:hover{animation:bounce .5s ease-in-out}.tap-scale{transition:transform var(--transition-fast)}.tap-scale:active{transform:scale(.95)}.tap-ripple{overflow:hidden;position:relative}.tap-ripple:after{background:#ffffff80;border-radius:var(--radius-full);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);width:0}.tap-ripple:active:after{height:200px;opacity:0;width:200px}.loading-dots{display:inline-flex;gap:var(--space-2)}.loading-dots span{animation:bounce 1.4s infinite;background:var(--primary-500);border-radius:var(--radius-full);height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.loading-bar{background:var(--surface-secondary);border-radius:var(--radius-full);height:4px;overflow:hidden;position:relative;width:100%}.loading-bar:after{animation:progressIndeterminate 1.5s ease-in-out infinite;background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;width:25%}.loading-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-secondary) 25%,var(--surface-tertiary) 50%,var(--surface-secondary) 75%);background-size:200% 100%}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity var(--transition-slow),transform var(--transition-slow)}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.modal-enter{opacity:0;transform:scale(.9)}.modal-enter-active{transition:opacity var(--transition-base),transform var(--transition-base) var(--ease-spring)}.modal-enter-active,.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(.9);transition:opacity var(--transition-base),transform var(--transition-base)}.modal-backdrop-enter{opacity:0}.modal-backdrop-enter-active{opacity:1;transition:opacity var(--transition-base)}.modal-backdrop-exit{opacity:1}.modal-backdrop-exit-active{opacity:0;transition:opacity var(--transition-base)}.toast-enter{opacity:0;transform:translateX(100%)}.toast-enter-active{transition:opacity var(--transition-base),transform var(--transition-base) var(--ease-out)}.toast-enter-active,.toast-exit{opacity:1;transform:translateX(0)}.toast-exit-active{opacity:0;transform:translateX(100%);transition:opacity var(--transition-base),transform var(--transition-base) var(--ease-in)}.stagger-children>*{animation:fadeInUp var(--transition-base) var(--ease-out)}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.scroll-fade-in{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scroll-fade-in.is-visible{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translateX(-30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scroll-slide-left.is-visible{opacity:1;transform:translateX(0)}.scroll-slide-right{opacity:0;transform:translateX(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scroll-slide-right.is-visible{opacity:1;transform:translateX(0)}.scroll-scale{opacity:0;transform:scale(.8);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scroll-scale.is-visible{opacity:1;transform:scale(1)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-bounce,.animate-pulse,.animate-shake,.animate-spin,.animate-wiggle,.loading-bar:after,.loading-dots{animation:none!important}}.bottom-nav{backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);background:var(--glass-bg);border-top:1px solid var(--glass-border);bottom:0;box-shadow:0 -4px 16px #0000001a;height:var(--bottom-nav-height);justify-content:space-around;left:0;padding:var(--space-2) var(--space-4);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));position:fixed;right:0;z-index:var(--z-fixed)}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);flex-direction:column;gap:var(--space-1);justify-content:center;min-width:56px;padding:var(--space-2);position:relative;text-decoration:none;transition:all var(--transition-fast)}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:var(--primary-500)}.bottom-nav-item.active:before{background:var(--primary-500);border-radius:0 0 var(--radius-full) var(--radius-full);content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}.bottom-nav-icon{font-size:24px;transition:transform var(--transition-fast)}.bottom-nav-item:active .bottom-nav-icon{transform:scale(.9)}.bottom-nav-label{font-size:var(--text-xs);font-weight:var(--font-medium)}.bottom-nav-badge{background:var(--error);border-radius:var(--radius-full);box-shadow:0 2px 4px #0003;font-size:10px;font-weight:var(--font-bold);height:18px;line-height:18px;min-width:18px;padding:0 var(--space-1);position:absolute;right:var(--space-1);text-align:center;top:var(--space-1)}.bottom-nav-badge,.fab{color:var(--text-inverse)}.fab{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);bottom:calc(var(--bottom-nav-height) + var(--space-4));box-shadow:var(--shadow-lg);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:var(--space-4);transition:all var(--transition-base);width:56px;z-index:var(--z-fixed)}.fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.fab:active{transform:scale(.95)}.fab-icon{font-size:24px}.fab-extended{gap:var(--space-2);padding:0 var(--space-6);width:auto}.fab-label{font-size:var(--text-base);font-weight:var(--font-semibold)}.mobile-card{background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);overflow:hidden;transition:all var(--transition-base)}.mobile-card:active{box-shadow:var(--shadow-xs);transform:scale(.98)}.mobile-card-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:var(--space-3);padding:var(--space-4)}.mobile-card-avatar{border-radius:var(--radius-full);flex-shrink:0;height:48px;overflow:hidden;width:48px}.mobile-card-info{flex:1 1;min-width:0}.mobile-card-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.mobile-card-subtitle,.mobile-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.mobile-card-body,.mobile-card-footer{padding:var(--space-4)}.mobile-card-footer{align-items:center;background:var(--surface-secondary);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between}.swipe-container{overflow:hidden;position:relative;touch-action:pan-y}.swipe-content{background:var(--surface-primary);position:relative;transition:transform var(--transition-base);z-index:1}.swipe-actions{bottom:0;display:flex;position:absolute;right:0;top:0;z-index:0}.swipe-action{align-items:center;color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:center;min-width:80px;padding:0 var(--space-4);transition:all var(--transition-fast)}.swipe-action:active{filter:brightness(.9)}.swipe-action-delete{background:var(--error)}.swipe-action-archive{background:var(--warning)}.swipe-action-more{background:var(--neutral-600)}.pull-to-refresh{-webkit-overflow-scrolling:touch;overflow-y:auto;position:relative}.pull-indicator{align-items:center;display:flex;height:60px;justify-content:center;left:0;position:absolute;right:0;top:-60px;transition:top var(--transition-base)}.pull-to-refresh.pulling .pull-indicator{top:0}.pull-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-primary);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:24px;width:24px}.mobile-modal{align-items:flex-end;animation:fadeIn var(--transition-base);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.mobile-sheet{animation:slideInUp var(--transition-base) var(--ease-out);background:var(--surface-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:100%}.mobile-sheet-handle{align-items:center;cursor:grab;display:flex;justify-content:center;padding:var(--space-3) 0}.mobile-sheet-handle:before{background:var(--neutral-300);border-radius:var(--radius-full);content:"";height:4px;width:40px}.mobile-sheet-header{border-bottom:1px solid var(--border-primary);padding:var(--space-4) var(--space-6)}.mobile-sheet-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.mobile-sheet-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-6)}.mobile-sheet-footer{background:var(--surface-secondary);border-top:1px solid var(--border-primary);padding:var(--space-4) var(--space-6);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.mobile-list{list-style:none;margin:0;padding:0}.mobile-list-item{align-items:center;background:var(--surface-primary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:background var(--transition-fast)}.mobile-list-item:active{background:var(--surface-overlay)}.mobile-list-item:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.mobile-list-item:last-child{border-bottom:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.mobile-list-icon{align-items:center;background:var(--surface-secondary);border-radius:var(--radius-md);color:var(--primary-500);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mobile-list-content{flex:1 1;min-width:0}.mobile-list-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.mobile-list-description,.mobile-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list-description{color:var(--text-secondary);font-size:var(--text-sm)}.mobile-list-meta{color:var(--text-tertiary);flex-shrink:0;font-size:var(--text-sm)}.mobile-tabs{-webkit-overflow-scrolling:touch;background:var(--surface-secondary);border-radius:var(--radius-lg);display:flex;overflow-x:auto;padding:var(--space-1);scrollbar-width:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:80px;padding:var(--space-2) var(--space-4);text-align:center;transition:all var(--transition-fast);white-space:nowrap}.mobile-tab:active{transform:scale(.95)}.mobile-tab.active{background:var(--surface-primary);box-shadow:var(--shadow-sm);color:var(--primary-500)}.mobile-input-group{margin-bottom:var(--space-4)}.mobile-input-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.mobile-input{-webkit-appearance:none;appearance:none;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-4);transition:all var(--transition-fast);width:100%}.mobile-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #6366f11a;outline:none}.mobile-input::placeholder{color:var(--text-tertiary)}.mobile-input,.mobile-list-item,.mobile-tab{min-height:48px}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-all{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.swipe-hint{overflow:hidden;position:relative}.swipe-hint:after{border-right:2px solid var(--text-tertiary);border-top:2px solid var(--text-tertiary);content:"";height:12px;opacity:.5;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transform:translateY(-50%) rotate(45deg);width:6px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-tap-highlight-color:rgba(99,102,241,.1)}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.no-select{-webkit-user-select:none;user-select:none}.selectable{-webkit-user-select:text;user-select:text}@media (max-width:640px){.bottom-nav{display:flex}.fab{bottom:calc(var(--bottom-nav-height) + var(--space-4))}.mobile-card{border-radius:0;margin-left:calc(var(--space-4)*-1);margin-right:calc(var(--space-4)*-1)}.mobile-padding{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (min-width:641px){.bottom-nav{display:none}.fab{bottom:var(--space-4)}}@media (orientation:landscape) and (max-height:500px){.bottom-nav{--bottom-nav-height:48px;height:48px}.bottom-nav-label{display:none}.mobile-sheet{max-height:90vh}}@media (max-width:768px){.pro-main{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important}.pro-content,.pro-main{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.pro-content{flex:1 1!important;min-height:0!important}.enhanced-chat-header,.pro-header{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffffa!important;border-bottom:1px solid #00000014!important;border-radius:0!important;flex:0 0 auto!important;height:auto!important;max-height:none!important;min-height:calc(env(safe-area-inset-top, 0px) + 56px)!important;padding:calc(env(safe-area-inset-top, 0px) + 8px) 16px 8px!important;top:0!important;z-index:100!important}.enhanced-chat-header,.messages-container,.pro-header,.pro-message-area,.pro-message-list{box-sizing:border-box!important;margin:0!important;position:relative!important;width:100%!important}.messages-container,.pro-message-area,.pro-message-list{-webkit-overflow-scrolling:touch!important;background:#f5f5f5!important;flex:1 1 auto!important;max-width:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important;scroll-behavior:smooth!important;scroll-padding-bottom:20px!important}.input-container,.message-input-container,.pro-chat-input-container{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffffa!important;border-top:1px solid #00000014!important;bottom:0!important;box-shadow:0 -2px 8px #0000000a!important;box-sizing:border-box!important;flex:0 0 auto!important;height:auto!important;margin:0!important;max-height:120px!important;min-height:64px!important;order:999!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;position:-webkit-sticky!important;position:sticky!important;width:100%!important;z-index:90!important}.message-bubble,.pro-message-blurb{word-wrap:break-word!important;background:#fffffff2!important;border-radius:16px!important;box-shadow:0 1px 2px #00000014!important;margin:4px 0!important;max-width:75%!important;overflow-wrap:break-word!important;padding:10px 14px!important;width:100%!important}.message-bubble.sent,.pro-message-container.self .pro-message-blurb{align-self:flex-end!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;margin-left:auto!important}.message-bubble:not(.sent),.pro-message-container:not(.self) .pro-message-blurb{align-self:flex-start!important;background:#fffffff2!important;color:#000!important;margin-right:auto!important}.input-wrapper,.message-input-wrapper{align-items:center!important;display:flex!important;gap:8px!important;max-width:100%!important;width:100%!important}.message-input,.pro-input,textarea.message-input{background:#f5f5f5e6!important;border:1px solid #0000001f!important;border-radius:20px!important;flex:1 1!important;font-size:15px!important;line-height:1.4!important;max-height:96px!important;min-height:40px!important;outline:none!important;padding:10px 16px!important;resize:none!important;transition:all .2s ease!important}.message-input:focus,.pro-input:focus{background:#fffffff2!important;border-color:#667eea!important}.pro-send-button,.send-button,button[type=submit]{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:40px!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;transition:transform .2s ease!important;width:40px!important}.pro-send-button:active,.send-button:active{transform:scale(.95)!important}.action-btn,.attach-btn,.input-action-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:50%!important;color:#667eea!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;min-width:36px!important;width:36px!important}}@media only screen and (max-width:430px) and (min-height:800px){.enhanced-chat-header,.pro-header{min-height:calc(56px + env(safe-area-inset-top, 44px))!important;padding-top:calc(8px + env(safe-area-inset-top, 44px))!important}.messages-container,.pro-message-list{padding-bottom:140px!important}.message-input-container,.pro-chat-input-container{padding-bottom:calc(16px + env(safe-area-inset-bottom, 34px))!important}}@media (max-width:768px) and (orientation:landscape){.enhanced-chat-header,.pro-header{height:48px!important;min-height:48px!important;padding:6px 12px!important}.pro-message-list{padding:12px!important}.message-input-container,.pro-chat-input-container{min-height:56px!important;padding:8px 12px!important}}@media (min-width:769px) and (max-width:1024px){.pro-message-list{margin:0 auto!important;max-width:800px!important;padding:24px!important}.message-input-container,.pro-chat-input-container{margin:0 auto!important;max-width:800px!important;padding:16px 24px!important}.message-bubble,.pro-message-blurb{max-width:65%!important}}@media (min-width:1025px){.pro-message-list{margin:0 auto!important;max-width:900px!important;padding:32px!important}.message-input-container,.pro-chat-input-container{margin:0 auto!important;max-width:900px!important;padding:20px 32px!important}.message-bubble,.pro-message-blurb{max-width:55%!important;padding:12px 16px!important}}.pro-message-list{-ms-overflow-style:none!important;scrollbar-width:none!important;transform:translateZ(0)!important;will-change:scroll-position!important}.pro-message-list::-webkit-scrollbar{display:none!important}@media (min-width:769px){.pro-message-list::-webkit-scrollbar{display:block!important;width:6px!important}.pro-message-list::-webkit-scrollbar-track{background:#0000!important}.pro-message-list::-webkit-scrollbar-thumb{background:#0003!important;border-radius:3px!important}.pro-message-list::-webkit-scrollbar-thumb:hover{background:#0000004d!important}}.typing-indicator{align-items:center!important;background:#fffffff2!important;border-radius:16px!important;display:flex!important;gap:8px!important;margin:4px 0!important;max-width:75%!important;padding:12px 16px!important;width:-webkit-fit-content!important;width:fit-content!important}.message-timestamp,.pro-message-time{align-self:flex-end!important;color:#00000080!important;font-size:11px!important;margin-top:4px!important}.pro-message-container.self .message-timestamp,.pro-message-container.self .pro-message-time{color:#ffffffb3!important}:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary-color:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--info-color:#3b82f6;--bg-color:#f9fafb;--card-bg:#fff;--border-color:#00000014;--text-color:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--header-bg:#fff;--header-text:#1f2937;--hover-bg:#0000000d;--hover-text:#4f46e5;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d,0 1px 3px #0000001a;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--app-bg-gradient:linear-gradient(135deg,var(--bg-color) 0%,#6366f108 50%,var(--bg-color) 100%);--app-glass-overlay:#fffc;--app-glass-border:#ffffff4d;--app-glass-shadow:0 8px 32px #0000001a;--glass-performance-level:high;--enable-glass-animations:1;--enable-glass-interactions:1}body.dark-theme{--primary-color:#818cf8;--primary-light:#a5b4fc;--primary-dark:#6366f1;--secondary-color:#34d399;--secondary-light:#6ee7b7;--secondary-dark:#10b981;--danger-color:#f87171;--warning-color:#fbbf24;--success-color:#34d399;--info-color:#60a5fa;--bg-color:#111827;--card-bg:#1f2937;--border-color:#ffffff14;--text-color:#f9fafb;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--header-bg:#1f2937;--header-text:#f9fafb;--hover-bg:#ffffff14;--hover-text:#a5b4fc;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d,0 1px 3px #0006;--shadow-lg:0 10px 15px #0006,0 4px 6px #0000004d;--app-bg-gradient:linear-gradient(135deg,var(--bg-color) 0%,#818cf80d 50%,var(--bg-color) 100%);--app-glass-overlay:#0009;--app-glass-border:#ffffff1a;--app-glass-shadow:0 8px 32px #0006}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:16px;height:100%;line-height:1.5}body{background:linear-gradient(135deg,#f9fafb,#6366f108 50%,#f9fafb);background:var(--app-bg-gradient);color:#1f2937;color:var(--text-color);overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}body:before{animation:backgroundPulse 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#6366f126 0,#0000 50%),radial-gradient(circle at 80% 70%,#10b9811a 0,#0000 50%),radial-gradient(circle at 50% 50%,#ec489914 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.App{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);display:flex;flex-direction:column;min-height:100vh;position:relative;scroll-behavior:smooth;transform:translateZ(0);transition:-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;will-change:scroll-position}.App.glass-enabled{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.App.dark,.app.dark-mode{color-scheme:dark}.app-loading{animation:loadingGlass 2s ease-in-out infinite;backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);background:var(--glass-subtle);border-radius:16px;margin:20px}@keyframes loadingGlass{0%,to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(1)}50%{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:scale(1.02)}}.app-content{background:#0000;display:flex;flex:1 1;flex-direction:column;margin:0;max-width:100%;overflow:hidden;padding:0;position:relative;width:100%}.app-content.glass-enhanced{backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);background:var(--glass-subtle);border:1px solid #ffffff4d;border:1px solid var(--app-glass-border);border-radius:20px;box-shadow:0 8px 32px #0000001a;box-shadow:var(--app-glass-shadow);margin:8px;transition:all .3s ease}.app-content.glass-enhanced:hover{backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);box-shadow:0 8px 32px #0000001a,0 0 30px #6366f11a;box-shadow:var(--app-glass-shadow),0 0 30px #6366f11a}.auth-container{background:#0000;position:relative;width:100%}.auth-container.glass-enhanced{backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);background:var(--glass-white)}.auth-container:before{animation:authGlow 8s ease-in-out infinite;background:radial-gradient(circle,#6366f133 0,#6366f11a 40%,#0000 70%);border-radius:50%;content:"";height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px;z-index:-1}@keyframes authGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}.app-loading{align-items:center;background-color:#f9fafb;background-color:var(--bg-color);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;width:100%}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);background:var(--glass-subtle);border-radius:6px;margin:4px}::-webkit-scrollbar-thumb{backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);background:var(--glass-medium);background-clip:padding-box;border:2px solid #0000;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);background:var(--glass-strong);box-shadow:0 4px 12px #6366f14d;transform:scale(1.1)}::-webkit-scrollbar-corner{background:#0000}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.glass-card{backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);background:var(--glass-white);border:1px solid #ffffff4d;border:1px solid var(--app-glass-border);border-radius:16px;box-shadow:var(--shadow-glass-md);padding:24px;transition:all .3s var(--smooth-out)}.glass-card:hover{backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--shadow-glass-lg);transform:translateY(-4px)}.glass-button{backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);background:var(--glass-white);border:1px solid #ffffff4d;border:1px solid var(--app-glass-border);border-radius:12px;color:#1f2937;color:var(--text-color);cursor:pointer;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s var(--smooth-out)}.glass-button:hover{backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:0 8px 25px #6366f133;transform:translateY(-2px)}.glass-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.glass-button:hover:before{left:100%}.glass-input{backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);background:var(--glass-subtle);border:1px solid #ffffff4d;border:1px solid var(--app-glass-border);border-radius:12px;color:#1f2937;color:var(--text-color);padding:14px 16px;transition:all .3s ease}.glass-input:focus{backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}@media (max-width:640px){body,html{font-size:14px}.app-container{padding:8px}.app-content.glass-enhanced{backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);border-radius:16px;margin:4px}.glass-card{border-radius:12px;padding:16px}.glass-button{font-size:14px;padding:10px 20px}.glass-card,.glass-input,::-webkit-scrollbar-thumb{backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle)}}@media (max-width:1024px) and (min-width:641px){.app-content.glass-enhanced{border-radius:18px;margin:6px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.glass-button,.glass-card,.glass-input{backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium)}}@media (max-width:480px) and (-webkit-max-device-pixel-ratio:1.5625),(max-width:480px) and (max-resolution:150dpi){.App:before,.auth-container:before,body:before{display:none}.app-content.glass-enhanced,.glass-button,.glass-card,.glass-input{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;background:var(--card-bg);border:1px solid #00000014;border:1px solid var(--border-color)}}.offline:before{animation:offlinePulse 2s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#ef4444 50%,#f59e0b);background:linear-gradient(90deg,var(--warning-color) 0,var(--danger-color) 50%,var(--warning-color) 100%);content:"";height:3px;left:0;position:fixed;right:0;top:0;z-index:9999}.offline:after{animation:slideDown .3s ease-out;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);background:var(--glass-strong);border:1px solid #f59e0b;border:1px solid var(--warning-color);border-radius:20px;color:#1f2937;color:var(--text-color);content:"Offline";font-size:12px;font-weight:500;left:50%;padding:8px 16px;position:fixed;top:10px;transform:translateX(-50%);z-index:9999}@keyframes offlinePulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.app-content.glass-enhanced:hover,.glass-button:hover,.glass-card:hover{transform:none!important}.auth-container:before,.glass-button:before,body:before{display:none!important}}.app-professional{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh}.professional-container{margin:0 auto;max-width:1200px;padding:20px}.professional-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px;padding:20px}.professional-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:24px}@media (max-width:768px){.professional-container{padding:10px}.professional-content,.professional-header{margin-bottom:16px;padding:16px}}@media screen and (min-width:769px){.enhanced-chat-header .mobile-menu-btn,.mobile-menu-btn,.pro-header .mobile-menu-btn,button.mobile-menu-btn{display:none!important}}@media screen and (max-width:768px){#root,body,html{height:100vh!important;height:100dvh!important;margin:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.App{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;width:100%}.pro-layout{flex-direction:column!important;height:100vh!important;height:100dvh!important}.pro-layout,.pro-main{display:flex!important;overflow:hidden!important;position:relative!important;width:100%!important}.pro-main{flex:1 1!important;flex-direction:column!important;height:100%!important}.mobile-menu-btn,body .enhanced-chat-header .mobile-menu-btn,body .header-left .mobile-menu-btn,body .pro-header .mobile-menu-btn,body button.mobile-menu-btn{-webkit-tap-highlight-color:rgba(102,126,234,.3)!important;align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:3px solid #fff!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea80!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:28px!important;font-weight:700!important;height:48px!important;justify-content:center!important;line-height:1!important;margin:0 12px 0 0!important;max-height:48px!important;max-width:48px!important;min-height:48px!important;min-width:48px!important;opacity:1!important;order:-1!important;padding:0!important;pointer-events:auto!important;position:relative!important;transition:all .2s ease!important;visibility:visible!important;width:48px!important;z-index:10001!important}.mobile-menu-btn:hover,body .mobile-menu-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;border-color:#fff!important;box-shadow:0 6px 16px #667eea99!important;transform:scale(1.05)!important}.mobile-menu-btn:active,body .mobile-menu-btn:active{background:linear-gradient(135deg,#5a3a82,#5666ca)!important;box-shadow:0 2px 8px #667eea66!important;transform:scale(.95)!important}.enhanced-chat-header .header-left,.header-left,.pro-header .header-left{align-items:center!important;display:flex!important;flex:1 1!important;gap:8px!important;min-width:0!important;overflow:visible!important;position:relative!important;z-index:10!important}.conversation-avatar{flex-shrink:0!important;height:40px!important;min-height:40px!important;min-width:40px!important;width:40px!important}.conversation-info{flex:1 1!important;min-width:0!important;overflow:hidden!important}.conversation-title{font-size:15px!important;font-weight:600!important;margin:0!important}.conversation-status,.conversation-title{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.conversation-status{font-size:12px!important}.header-actions{display:flex!important;flex-shrink:0!important;gap:4px!important}.header-actions .action-btn{font-size:18px!important;height:40px!important;min-height:40px!important;min-width:40px!important;padding:8px!important;width:40px!important}.header-actions .action-btn:nth-child(n+5){display:none!important}.pro-welcome-screen{padding:32px 20px!important;text-align:center!important}.welcome-title{font-size:28px!important;margin-bottom:12px!important}.welcome-subtitle{font-size:16px!important;margin-bottom:24px!important}.welcome-features{display:flex!important;flex-direction:column!important;gap:16px!important}.message-input-container,.pro-chat-input-container{background:#fff!important;background:var(--pro-surface,#fff)!important;border-top:1px solid #0000001a!important;border-top:1px solid var(--pro-border,#0000001a)!important;bottom:0!important;box-shadow:0 -2px 12px #00000014!important;flex-shrink:0!important;left:0!important;padding:12px!important;position:fixed!important;right:0!important;z-index:95!important}.message-input-container,.message-input-wrapper,.pro-chat-input-container{align-items:flex-end!important;display:flex!important;gap:8px!important;width:100%!important}.message-input,.pro-input{background:#f8fafc!important;background:var(--pro-bg,#f8fafc)!important;border:1px solid #0000001a!important;border:1px solid var(--pro-border,#0000001a)!important;border-radius:20px!important;flex:1 1!important;font-family:inherit!important;font-size:15px!important;max-height:120px!important;min-height:42px!important;outline:none!important;padding:12px 14px!important;resize:none!important}.message-input:focus,.pro-input:focus{background:#fff!important;border-color:#4f46e5!important;border-color:var(--pro-primary,#4f46e5)!important}.input-actions{align-items:flex-end!important;display:flex!important;flex-shrink:0!important;gap:6px!important}.input-action-btn,.send-button{-webkit-tap-highlight-color:transparent!important;align-items:center!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:42px!important;justify-content:center!important;min-height:42px!important;min-width:42px!important;padding:0!important;transition:all .2s ease!important;width:42px!important}.send-button{background:#4f46e5!important;background:var(--pro-primary,#4f46e5)!important;color:#fff!important}.send-button:active{transform:scale(.9)!important}.input-action-btn{background:#0000!important;color:#64748b!important;color:var(--pro-text-secondary,#64748b)!important}.input-action-btn:active{background:#0000000d!important;background:var(--pro-border,#0000000d)!important}.message,.message-bubble{font-size:15px!important;line-height:1.5!important;margin:6px 0!important;max-width:85%!important;padding:12px 16px!important}body .pro-layout .enhanced-sidebar,body .pro-layout .pro-sidebar,body .pro-sidebar.enhanced-sidebar{-webkit-overflow-scrolling:touch!important;background:#fff!important;background:var(--pro-surface,#fff)!important;bottom:0!important;box-shadow:2px 0 16px #0003!important;left:0!important;max-width:85vw!important;min-width:280px!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;z-index:9999!important}body .pro-layout .enhanced-sidebar:not(.collapsed),body .pro-layout .pro-sidebar:not(.collapsed),body .pro-sidebar.enhanced-sidebar:not(.collapsed){transform:translateX(0)!important}body .pro-layout .enhanced-sidebar.collapsed,body .pro-layout .pro-sidebar.collapsed,body .pro-sidebar.enhanced-sidebar.collapsed{transform:translateX(-100%)!important}body .pro-sidebar-overlay{-webkit-tap-highlight-color:transparent!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0009!important;bottom:0!important;display:block!important;left:0!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:9998!important}.conversation-item{min-height:72px!important;padding:14px 16px!important}.conversation-item .conversation-avatar{height:48px!important;width:48px!important}@supports (padding:max(0px)){.enhanced-chat-header,.pro-header{padding-top:max(10px,env(safe-area-inset-top))!important}.enhanced-chat-header,.message-input-container,.pro-chat-input-container,.pro-header{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.message-input-container,.pro-chat-input-container{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.enhanced-sidebar,.pro-sidebar{padding-bottom:max(0px,env(safe-area-inset-bottom))!important;padding-top:max(0px,env(safe-area-inset-top))!important}}}@media (max-width:380px){.enhanced-chat-header,.pro-header{min-height:52px!important;padding:8px!important}.conversation-title{font-size:14px!important}.conversation-status{font-size:11px!important}.header-actions .action-btn{font-size:16px!important;height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.mobile-menu-btn{font-size:22px!important;height:40px!important;min-height:40px!important;min-width:40px!important;width:40px!important}.enhanced-sidebar,.pro-sidebar{width:90vw!important}}@media (max-width:768px) and (orientation:landscape){.enhanced-chat-header,.pro-header{min-height:48px!important;padding:6px 12px!important}.message-input-container,.pro-chat-input-container{padding:8px!important}.pro-message-area,.pro-message-list{padding:12px 12px 80px!important}.welcome-title{font-size:24px!important}.welcome-subtitle{font-size:14px!important}}@media (prefers-contrast:high){@media (max-width:768px){.enhanced-chat-header,.pro-header{border-bottom-width:2px!important}.message-input-container,.pro-chat-input-container{border-top-width:2px!important}.message-input,.pro-input{border-width:2px!important}}}@media (prefers-reduced-motion:reduce){@media (max-width:768px){.enhanced-sidebar,.input-action-btn,.mobile-menu-btn,.pro-sidebar,.send-button{transition:none!important}}}.action-btn,.input-btn,.send-button{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover,.input-btn:hover,.send-button:hover{box-shadow:0 8px 25px #6366f133,0 0 20px #6366f11a,inset 0 1px 0 #fff6;transform:translateY(-2px) scale(1.02)}.action-btn:active,.input-btn:active,.send-button:active{transform:translateY(0) scale(.98);transition:all .1s ease}.ripple-effect{overflow:hidden;position:relative}.ripple-effect:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple-effect:active:before{animation:ripple .6s ease-out;height:300px;width:300px}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f033 25%,#f0f0f066 50%,#f0f0f033 75%);background-size:1000px 100%;border-radius:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-message{height:20px;margin-bottom:12px;width:70%}.pulse{animation:pulse 2s infinite}.typing-indicator{background:#6366f11a;border-radius:18px;gap:4px}.typing-dot{animation:bounce 1.4s infinite;background:#6366f1}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInBlur{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}.modal-enter{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.page-enter{animation:fadeInBlur .5s cubic-bezier(.4,0,.2,1)}.glass-morphism{background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6}.glass-morphism,.glass-morphism-dark{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.glass-morphism-dark{background:#0000001a;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #fff3}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.floating{animation:float 3s ease-in-out infinite}.floating-reverse{animation:floatReverse 4s ease-in-out infinite}.animated-gradient{animation:gradientShift 4s ease infinite;background:linear-gradient(-45deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);background-size:400% 400%}.card-hover{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%;z-index:1}.card-hover:hover{box-shadow:0 20px 40px #0000001a,0 0 20px #6366f11a;transform:translateY(-4px) scale(1.02)}.card-hover:hover:before{left:100%}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes textGlow{0%,to{text-shadow:0 0 5px #6366f180}50%{text-shadow:0 0 20px #6366f1cc}}.typewriter{animation:typewriter 2s steps(40);overflow:hidden;white-space:nowrap}.glow-text{animation:textGlow 2s ease-in-out infinite}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) rotate(1turn)}}.particle{pointer-events:none;position:fixed;z-index:-1}.particle-1{animation:particle-float 8s linear infinite;animation-delay:0s;left:10%}.particle-2{animation:particle-float 10s linear infinite;animation-delay:2s;left:30%}.particle-3{animation:particle-float 12s linear infinite;animation-delay:4s;left:50%}.particle-4{animation:particle-float 9s linear infinite;animation-delay:6s;left:70%}.particle-5{animation:particle-float 11s linear infinite;animation-delay:8s;left:90%}.fade-in-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in-scroll.visible{opacity:1;transform:translateY(0)}@keyframes success-pulse{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 20px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.success-feedback{animation:success-pulse 1s}.error-feedback{animation:error-shake .5s}.theme-transition{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.particle{display:none}}@media (max-width:768px){.card-hover:hover{transform:none}.floating,.floating-reverse{animation:none}}.focus-ring:focus{box-shadow:0 0 0 3px #6366f14d,0 0 0 1px #6366f180;outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 3px #6366f14d,0 0 0 1px #6366f1cc}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.spinner{animation:spin 1s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes feedbackSlide{0%{opacity:0;transform:translateX(-50%) translateY(10px)}20%,80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.message-item{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-bottom:16px;position:relative;transform:translateZ(0)}.message-item.own{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.message-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-bubble:before{background:inherit;border-radius:inherit;filter:blur(20px);opacity:.3;z-index:-1}.message-bubble:hover{box-shadow:0 8px 25px #0000001a,0 0 20px #6366f10d}.message-item.own .message-bubble{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border-bottom-right-radius:6px;color:#fff;margin-left:auto}.message-item:not(.own) .message-bubble{background:#ffffffe6;border:1px solid #e2e8f099;border-bottom-left-radius:6px;color:#1f2937}.message-status{margin-top:4px;opacity:.7;transition:opacity .3s ease}.message-status:hover{opacity:1}.status-sending{animation:pulse 1.5s infinite;background:#6b7280}.status-sent{background:#10b981}.status-delivered{animation:success-pulse .5s ease-out;background:#3b82f6}.status-read{background:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.message-reactions{margin-top:8px;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.message-item:hover .message-reactions{opacity:1;transform:translateY(0)}.reaction-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f099;border-radius:12px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.reaction-item:hover{background:#6366f11a;border-color:#6366f14d;transform:scale(1.1)}.reaction-emoji{animation:bounce .5s ease-out}.reaction-count{color:#6366f1}.message-attachment{margin-top:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-attachment:before{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.message-attachment:hover:before{opacity:1}.attachment-image{max-height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.message-attachment:hover .attachment-image{transform:scale(1.02)}.message-input-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f099;border-radius:20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-input-container:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.message-input-container:focus-within{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a,0 8px 25px #6366f126;transform:translateY(-2px)}.message-input-container:focus-within:before{left:100%}.message-input{background:#0000;border:none;color:#1f2937;padding:12px 16px;transition:all .3s ease;width:100%}.message-input::placeholder{color:#9ca3af;transition:color .3s ease}.message-input:focus::placeholder{color:#d1d5db}.action-button{background:#ffffffe6;border:1px solid #e2e8f099;border-radius:12px;color:#6b7280;font-size:18px;height:44px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.action-button:before{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-button:hover{border-color:#6366f14d;box-shadow:0 8px 25px #6366f133,0 0 20px #6366f11a;color:#6366f1;transform:translateY(-2px) scale(1.05)}.action-button:hover:before{opacity:1}.action-button:active{transform:translateY(0) scale(.95);transition:all .1s ease}.send-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d}.send-button:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 25px #6366f166}.send-button:disabled{transform:none}.conversation-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #e2e8f04d;border-radius:12px;margin-bottom:8px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);height:100%;left:-100%;transition:left .5s ease;width:100%}.conversation-item:hover{background:#fffc;border-color:#6366f14d;box-shadow:0 8px 25px #0000001a,0 0 20px #6366f10d}.conversation-item:hover:before{left:100%}.conversation-item.active{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f166;transform:translateX(8px)}.user-avatar{box-shadow:0 2px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-avatar:before{background:linear-gradient(135deg,#6366f133,#8b5cf633);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-avatar:hover{box-shadow:0 4px 15px #6366f14d;transform:scale(1.1)}.user-avatar:hover:before{opacity:1}.online-indicator{animation:pulse 2s infinite;background:#10b981}.online-indicator.offline{animation:none;background:#6b7280}.modal-overlay{animation:fadeInBlur .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;padding:20px;z-index:1000}@media screen and (max-width:768px){.modal-overlay{padding:16px;z-index:10100}}.modal-content{animation:scaleIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 25px 50px #00000026,0 0 0 1px #fff3;max-height:90vh;max-width:90vw}.custom-scrollbar{scrollbar-color:#6366f14d #0000;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f180}.dark-theme .message-bubble:not(.own){background:#1f2937e6;border-color:#4b556399;color:#f9fafb}.dark-theme .conversation-item{background:#1f293780;border-color:#4b55634d}.dark-theme .conversation-item:hover{background:#1f2937cc;border-color:#6366f166}.dark-theme .message-input-container{background:#1f2937f2;border-color:#4b556399}.dark-theme .action-button{background:#1f2937e6;border-color:#4b556399;color:#d1d5db}@media (prefers-reduced-motion:reduce){.action-button,.conversation-item,.message-item,.user-avatar{animation:none;transition:none}.action-button:hover,.conversation-item:hover,.message-item:hover,.user-avatar:hover{transform:none}}.action-button:focus,.conversation-item:focus,.message-input:focus{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-contrast:high){.action-button,.conversation-item,.message-bubble{border-width:2px}}:root{--theme-primary:#3b82f6;--theme-secondary:#60a5fa;--theme-accent:#f59e0b;--theme-background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);--particle-speed:15s;--shape-float-speed:20s;--theme-transition:1s ease-in-out}.app{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);background:var(--theme-background);min-height:100vh;position:relative;transition:background 1s ease-in-out;transition:background var(--theme-transition)}.spring-theme{--theme-primary:#10b981;--theme-secondary:#34d399;--theme-accent:#f59e0b;--theme-background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#a7f3d0)}.summer-theme{--theme-primary:#3b82f6;--theme-secondary:#60a5fa;--theme-accent:#f59e0b;--theme-background:linear-gradient(135deg,#dbeafe,#93c5fd 50%,#60a5fa)}.autumn-theme{--theme-primary:#f59e0b;--theme-secondary:#fb923c;--theme-accent:#dc2626;--theme-background:linear-gradient(135deg,#fef3c7,#fed7aa 50%,#fdba74)}.winter-theme{--theme-primary:#6366f1;--theme-secondary:#818cf8;--theme-accent:#06b6d4;--theme-background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#cbd5e1)}.dark-theme{--theme-primary:#60a5fa;--theme-secondary:#3b82f6;--theme-accent:#fbbf24;--theme-background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#f1f5f9}.dark-theme .message-bubble{background:#334155cc;color:#f1f5f9}.dark-theme .conversation-item{background:#1e293b99;border-color:#4755694d}.dark-theme .conversation-item:hover{background:#334155b3}.dynamic-background{pointer-events:none;z-index:-10}.dynamic-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-5}.particle{animation:particleFloat 15s linear infinite;animation:particleFloat var(--particle-speed) linear infinite;opacity:.7;transition:opacity .3s ease}.animated-shapes{left:0;pointer-events:none;position:fixed;top:0;z-index:-8}.background-shape{animation:shapeFloat 20s ease-in-out infinite;animation:shapeFloat var(--shape-float-speed) ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:.1;position:absolute}@keyframes shapeFloat{0%,to{transform:translateY(0) translateX(0) rotate(0deg) scale(1)}25%{transform:translateY(-30px) translateX(20px) rotate(90deg) scale(1.1)}50%{transform:translateY(0) translateX(40px) rotate(180deg) scale(.9)}75%{transform:translateY(30px) translateX(20px) rotate(270deg) scale(1.1)}}.gradient-orb{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;pointer-events:none;position:fixed;z-index:-9}.gradient-orb.orb-1{animation-delay:0s;background:radial-gradient(circle,#3b82f6,#0000);background:radial-gradient(circle,var(--theme-primary),#0000);height:200px;left:10%;top:20%;width:200px}.gradient-orb.orb-2{animation-delay:-7s;background:radial-gradient(circle,#60a5fa,#0000);background:radial-gradient(circle,var(--theme-secondary),#0000);height:300px;right:15%;top:60%;width:300px}.gradient-orb.orb-3{animation-delay:-14s;background:radial-gradient(circle,#f59e0b,#0000);background:radial-gradient(circle,var(--theme-accent),#0000);bottom:20%;height:150px;left:50%;width:150px}@keyframes orbFloat{0%,to{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-50px) translateX(30px) scale(1.2)}66%{transform:translateY(30px) translateX(-30px) scale(.8)}}.mesh-gradient{animation:meshMove 30s ease-in-out infinite;background:radial-gradient(at 40% 20%,#6366f11a 0,#0000 50%),radial-gradient(at 80% 0,#8b5cf61a 0,#0000 50%),radial-gradient(at 0 50%,#0ea5e91a 0,#0000 50%),radial-gradient(at 80% 50%,#ec48991a 0,#0000 50%),radial-gradient(at 0 100%,#f59e0b1a 0,#0000 50%),radial-gradient(at 80% 100%,#22c55e1a 0,#0000 50%),radial-gradient(at 0 0,#f871711a 0,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-7}@keyframes meshMove{0%,to{background-position:0 0,100% 0,0 50%,100% 50%,0 100%,100% 100%,0 0}50%{background-position:100% 100%,0 100%,100% 0,0 0,100% 50%,0 50%,100% 100%}}.theme-transition{transition:all 1s ease-in-out;transition:all var(--theme-transition)}.theme-transition *{transition:background-color 1s ease-in-out,border-color 1s ease-in-out,color 1s ease-in-out;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition)}.theme-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;gap:10px;padding:10px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:999}.file-share-panel~.theme-selector,body:has(.file-share-panel) .theme-selector{top:80px}.theme-option{border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:30px;overflow:hidden;position:relative;transition:all .3s ease;width:30px}.theme-option:hover{border-color:#fff9;transform:scale(1.1)}.theme-option.active{border-color:#3b82f6;border-color:var(--theme-primary);box-shadow:0 0 10px #3b82f680}.theme-option.spring{background:linear-gradient(45deg,#10b981,#34d399)}.theme-option.summer{background:linear-gradient(45deg,#3b82f6,#60a5fa)}.theme-option.autumn{background:linear-gradient(45deg,#f59e0b,#fb923c)}.theme-option.winter{background:linear-gradient(45deg,#6366f1,#818cf8)}.theme-option.dark{background:linear-gradient(45deg,#0f172a,#334155)}.spring-effects{--particle-speed:12s}.summer-effects{--particle-speed:18s}.autumn-effects{--particle-speed:8s}.winter-effects{--particle-speed:10s}.weather-effect{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-6}.rain-effect{animation:rainFall 1s linear infinite;background-image:linear-gradient(180deg,#0000 0,#3b82f61a)}@keyframes rainFall{0%{background-position:0 0}to{background-position:0 100%}}.snow-effect{animation:snowFall 8s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fffc,#0000),radial-gradient(2px 2px at 40px 70px,#fff9,#0000);background-size:80px 100px,120px 140px}@keyframes snowFall{0%{background-position:0 0,0 0}to{background-position:80px 100px,120px 140px}}.animated-shapes,.dynamic-particles,.gradient-orb,.mesh-gradient{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.animated-shapes,.dynamic-particles,.gradient-orb,.mesh-gradient,.weather-effect{animation:none!important;display:none}.theme-transition,.theme-transition *{transition:none!important}}@media (max-width:768px){.dynamic-particles{opacity:.5}.gradient-orb{opacity:.2}.theme-selector{padding:8px;right:10px;top:10px}.theme-option{height:25px;width:25px}}@media (max-width:480px){.animated-shapes,.mesh-gradient{display:none}}@media (prefers-contrast:high){.animated-shapes,.dynamic-particles,.gradient-orb{opacity:.1}}@media print{.animated-shapes,.dynamic-particles,.gradient-orb,.mesh-gradient,.theme-selector,.weather-effect{display:none!important}}.message-container{align-items:flex-end;animation:messageSlideIn .4s ease-out;display:flex;gap:8px;margin:8px 0;position:relative;transform-origin:bottom}.message-bubble{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-bubble:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.message-bubble:hover:before{opacity:1}.message-bubble:hover{box-shadow:0 12px 40px #00000026,inset 0 1px 0 #ffffff4d}.message-container.sent{flex-direction:row-reverse;justify-content:flex-start}.message-container.sent .message-bubble{background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-secondary) 100%);border-top-right-radius:6px;color:#fff;margin-left:auto;position:relative}.message-container.sent .message-bubble:after{border:8px solid #0000;border-bottom:none;border-left:8px solid var(--theme-secondary);border-right:none;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.message-container.received{flex-direction:row}.message-container.received .message-bubble{background:#fffc;border:1px solid #0000001a;border-top-left-radius:6px;color:#333}.message-container.received .message-bubble:after{border:none;border-right:8px solid #fffc;border-top:8px solid #0000;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.message-content{margin-bottom:4px;z-index:2}.message-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;letter-spacing:.2px;word-spacing:1px}.message-text strong{font-weight:600}.message-text em{font-style:italic;opacity:.9}.message-text code{background:#0000001a;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.message-metadata{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin-top:4px;opacity:.7;transition:opacity .2s ease}.message-bubble:hover .message-metadata{opacity:1}.message-timestamp{font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.message-container.sent .message-timestamp{color:#fffc}.message-container.received .message-timestamp{color:#0009}.message-status{display:flex;gap:4px;margin-left:6px}.status-icon{border-radius:50%;height:12px;position:relative;transition:all .3s ease;width:12px}.status-icon:before{background:currentColor;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.status-sending{animation:statusPulse 1.5s ease-in-out infinite;background:#fbbf2433;color:#f59e0b}.status-sent{background:#22c55e33;color:#22c55e}.status-delivered{background:#3b82f633;color:#3b82f6}.status-read{animation:statusGlow 2s ease-in-out infinite;background:#8b5cf633;color:#8b5cf6}.status-failed{animation:statusShake .5s ease-in-out;background:#ef444433;color:#ef4444}@keyframes statusShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.message-group{margin:16px 0}.message-group .message-container:first-child .message-bubble{border-top-left-radius:20px;border-top-right-radius:20px}.message-group .message-container:last-child .message-bubble{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.message-group .message-container:not(:first-child):not(:last-child) .message-bubble{border-radius:6px}.message-container.grouped{margin:2px 0}.message-container.grouped .message-bubble{border-radius:12px}.message-container.grouped.sent .message-bubble{border-bottom-right-radius:6px;border-top-right-radius:6px}.message-container.grouped.received .message-bubble{border-bottom-left-radius:6px;border-top-left-radius:6px}.sender-info{font-size:11px;font-weight:600;letter-spacing:.2px;margin-bottom:4px;opacity:.8}.message-container.sent .sender-info{color:var(--theme-primary);text-align:right}.message-container.received .sender-info{color:#666;text-align:left}.message-avatar{border:2px solid #ffffff4d;cursor:pointer;position:relative}.message-avatar:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.message-avatar:hover:before{transform:translateX(100%)}.message-avatar:hover{border-color:var(--theme-primary);box-shadow:0 4px 12px #0003;transform:scale(1.1)}.reaction{background:#ffffff1a;border:1px solid #fff3;font-size:10px}.reaction:hover{background:#fff3}.reaction.active{background:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.reaction-count{font-size:9px}.link-preview{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;margin-top:8px;overflow:hidden;transition:all .3s ease}.link-preview:hover{background:#ffffff1a;transform:translateY(-1px)}.link-preview-image{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);height:120px;object-fit:cover;width:100%}.link-preview-content{padding:10px}.link-preview-title{color:inherit;font-size:12px;font-weight:600;margin-bottom:4px}.link-preview-description{font-size:10px;line-height:1.3;opacity:.8}.link-preview-url{font-size:9px;letter-spacing:.3px;margin-top:4px;opacity:.6;text-transform:uppercase}.file-attachment{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;cursor:pointer;gap:10px;margin-top:6px;padding:10px}.file-attachment:hover{background:#ffffff26}.file-icon{background:var(--theme-primary);border-radius:6px;font-size:10px;font-weight:600;height:32px;width:32px}.file-name{font-size:12px}.file-size{font-size:10px;opacity:.7}.image-message{border-radius:12px;cursor:pointer;margin-top:6px;max-width:250px;overflow:hidden;transition:all .3s ease}.image-message:hover{box-shadow:0 8px 25px #0003;transform:scale(1.02)}.image-message img{display:block;height:auto;width:100%}.quoted-message{background:#ffffff0d;border-left:3px solid var(--theme-primary);border-radius:6px;font-size:12px;margin-bottom:6px;opacity:.8;padding:6px 10px}.quoted-sender{color:var(--theme-primary);font-size:10px;font-weight:600;margin-bottom:2px}.quoted-text{font-style:italic;line-height:1.3}.dark-theme .message-container.received .message-bubble{background:#334155cc;border-color:#4755694d;color:#f1f5f9}.dark-theme .message-container.received .message-bubble:after{border-right-color:#334155cc}.dark-theme .sender-info{color:#94a3b8}.dark-theme .message-timestamp{color:#94a3b8cc}.dark-theme .file-attachment,.dark-theme .link-preview{background:#1e293b99;border-color:#4755694d}.dark-theme .quoted-message{background:#1e293b66}.typing-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;gap:8px;margin:8px 0;max-width:100px;padding:12px 16px}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background:#999}@media (max-width:768px){.message-bubble{font-size:13px;max-width:85%;padding:10px 14px}.message-avatar{height:28px;width:28px}.image-message{max-width:200px}}@media (max-width:480px){.message-bubble{max-width:90%;padding:8px 12px}.message-metadata{font-size:9px}.reaction{padding:1px 4px}}@media (prefers-reduced-motion:reduce){.message-bubble,.message-container,.status-icon,.typing-dot{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.message-bubble{border:2px solid}.message-container.sent .message-bubble{border-color:var(--theme-primary)}.message-container.received .message-bubble{border-color:#333}}@media print{.message-reactions,.message-status,.typing-indicator{display:none!important}.message-bubble{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}}.enhanced-avatar{cursor:pointer;display:inline-block;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.avatar-small{height:32px;width:32px}.avatar-medium{height:48px;width:48px}.avatar-large{height:64px;width:64px}.avatar-xlarge{height:96px;width:96px}.avatar-container{border-radius:50%;height:100%;overflow:hidden;width:100%}.avatar-frame{bottom:-4px;left:-4px;pointer-events:none;right:-4px;top:-4px;z-index:1}.avatar-frame,.frame-border{border-radius:50%;position:absolute}.frame-border{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);inset:0;padding:2px;transition:all .3s ease}.frame-border:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;content:"";inset:2px}.frame-border:before,.frame-glow{border-radius:50%;position:absolute}.frame-glow{filter:blur(8px);inset:-2px;opacity:0;transition:opacity .3s ease}.frame-default .frame-border{background:linear-gradient(45deg,#fff3,#ffffff1a)}.frame-gradient .frame-border{animation:gradientRotate 3s linear infinite;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ef4444,#f59e0b)}.frame-glow .frame-glow{background:radial-gradient(circle,var(--theme-primary),#0000);opacity:.6}.frame-pulse .frame-border{animation:framePulse 2s ease-in-out infinite}.frame-rainbow .frame-border{animation:rainbowShift 3s ease-in-out infinite;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 200%}@keyframes gradientRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes framePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes rainbowShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.frame-default.status-online .frame-glow{background:radial-gradient(circle,#22c55e,#0000);opacity:.4}.frame-default.status-away .frame-glow{background:radial-gradient(circle,#f59e0b,#0000);opacity:.4}.frame-default.status-busy .frame-glow{background:radial-gradient(circle,#ef4444,#0000);opacity:.4}.avatar-image-wrapper{background:#f3f4f6;overflow:hidden;position:relative}.avatar-image,.avatar-image-wrapper{border-radius:50%;height:100%;width:100%}.avatar-image{object-fit:cover;transition:all .3s ease}.avatar-fallback{overflow:hidden;position:relative}.avatar-fallback:before{background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:50%;content:"";inset:0;position:absolute}.avatar-initials{font-size:.6em;font-weight:700;position:relative;text-shadow:0 1px 2px #0003;z-index:1}.avatar-small .avatar-initials{font-size:11px}.avatar-medium .avatar-initials{font-size:16px}.avatar-large .avatar-initials{font-size:22px}.avatar-xlarge .avatar-initials{font-size:32px}.avatar-loading{background:#ffffffe6;border-radius:50%;inset:0;position:absolute;z-index:2}.loading-spinner{border:2px solid #e5e7eb;border-top:2px solid var(--theme-primary)}.avatar-small .loading-spinner{border-width:1px;height:12px;width:12px}.status-indicator{align-items:center;background:#fff;bottom:0;display:flex;height:30%;justify-content:center;min-height:12px;min-width:12px;right:0;width:30%;z-index:3}.status-dot{height:100%;position:relative;transition:all .3s ease;width:100%}.status-ring{border:2px solid #0000;border-radius:50%;inset:-2px;position:absolute;transition:all .3s ease}.status-online .status-dot{animation:statusGlow 2s ease-in-out infinite;background:#22c55e}.status-away .status-dot{background:#f59e0b}.status-busy .status-dot{animation:statusPulse 1.5s ease-in-out infinite;background:#ef4444}.status-offline .status-dot{background:#6b7280}.status-indicator.typing .typing-pulse{animation:typingPulse 1s ease-in-out infinite;background:#22c55e;border-radius:50%;inset:0;position:absolute}@keyframes statusGlow{0%,to{box-shadow:0 0 0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}@keyframes typingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.custom-badge{align-items:center;background:var(--theme-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:10px;font-weight:600;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px;z-index:4}.avatar-small .custom-badge{font-size:8px;height:16px;right:-4px;top:-4px;width:16px}.avatar-large .custom-badge,.avatar-xlarge .custom-badge{font-size:12px;height:24px;right:-8px;top:-8px;width:24px}.presence-animation{border-radius:50%;inset:0;pointer-events:none;position:absolute;z-index:0}.pulse-ring{animation:presencePulse 2s ease-out infinite;border:2px solid #22c55e4d;border-radius:50%;inset:-10px;position:absolute}.pulse-ring.delayed{animation-delay:1s}@keyframes presencePulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.hover-effects{border-radius:50%;inset:0;pointer-events:none;position:absolute;z-index:2}.hover-glow{background:radial-gradient(circle,var(--theme-primary),#0000);filter:blur(8px);inset:-4px;transition:opacity .3s ease}.hover-glow,.hover-ripple{border-radius:50%;opacity:0;position:absolute}.hover-ripple{background:#ffffff4d;inset:0;transform:scale(0);transition:all .6s ease}.enhanced-avatar.hover-enabled:hover .hover-glow{opacity:.4}.enhanced-avatar.hover-enabled:hover .hover-ripple{opacity:0;transform:scale(1.2)}.enhanced-avatar.hover-enabled:hover{transform:scale(1.05)}.enhanced-avatar.hover-enabled:hover .avatar-image{filter:brightness(1.1)}.presence-tooltip{animation:tooltipSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:8px;bottom:120%;box-shadow:0 4px 15px #0003;color:#fff;font-size:12px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.tooltip-content{display:flex;flex-direction:column;gap:2px}.tooltip-name{font-size:13px;font-weight:600}.tooltip-status{align-items:center;display:flex;font-size:11px;gap:6px;opacity:.9}.status-dot-mini{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-dot-mini.status-online{background:#22c55e}.status-dot-mini.status-away{background:#f59e0b}.status-dot-mini.status-busy{background:#ef4444}.status-dot-mini.status-offline{background:#6b7280}.typing-text{color:#22c55e}.tooltip-last-seen{font-size:10px;opacity:.7}.tooltip-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #000000e6;height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.avatar-group{align-items:center;display:flex;position:relative}.avatar-group-item{margin-right:-8px;position:relative;transition:all .3s ease}.avatar-group-item:hover{transform:translateY(-2px);z-index:10!important}.avatar-group-item:last-child{margin-right:0}.avatar-overflow{align-items:center;background:#6b7280;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin-left:4px;transition:all .3s ease}.avatar-overflow:hover{background:#4b5563;transform:scale(1.05)}.avatar-overflow-content{color:#fff;font-size:10px;font-weight:600}.avatar-overflow-content.avatar-small{font-size:8px;height:32px;width:32px}.avatar-overflow-content.avatar-medium{font-size:10px;height:48px;width:48px}.avatar-overflow-content.avatar-large{font-size:12px;height:64px;width:64px}.typing-users{align-items:center;animation:typingUsersSlideIn .3s ease-out;display:flex;gap:8px;padding:8px 0}.typing-avatars{flex-shrink:0}.typing-indicator-text{color:#6b7280;font-size:12px;font-style:italic}@keyframes typingUsersSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-avatar{flex-direction:column;gap:16px}.edit-overlay{position:absolute;right:0;top:0;z-index:5}.edit-button{align-items:center;background:var(--theme-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.edit-button:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.profile-info{text-align:center}.profile-name{color:#1f2937;font-size:18px;font-weight:600}.profile-status{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px;justify-content:center;margin-top:4px}.status-indicator-inline{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-indicator-inline.status-online{background:#22c55e}.status-indicator-inline.status-away{background:#f59e0b}.status-indicator-inline.status-busy{background:#ef4444}.status-indicator-inline.status-offline{background:#6b7280}.dark-theme .avatar-frame .frame-border:before{background:#0000004d}.dark-theme .status-indicator{background:#1f2937;border-color:#1f2937}.dark-theme .avatar-overflow,.dark-theme .custom-badge{border-color:#1f2937}.dark-theme .presence-tooltip{background:#fffffff2;color:#1f2937}.dark-theme .tooltip-arrow{border-top-color:#fffffff2}.dark-theme .profile-name{color:#f9fafb}.dark-theme .profile-status{color:#d1d5db}.dark-theme .typing-indicator-text{color:#9ca3af}@media (max-width:768px){.avatar-group-item{margin-right:-6px}.presence-tooltip{font-size:11px;padding:6px 8px}.tooltip-name{font-size:12px}}.avatar-overflow:focus,.enhanced-avatar:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.edit-button:focus{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.avatar-image,.enhanced-avatar,.hover-effects>*,.presence-animation,.status-dot,.typing-users{animation:none!important;transition:none!important}.enhanced-avatar.hover-enabled:hover{transform:none!important}}@media (prefers-contrast:high){.avatar-frame .frame-border{border:2px solid}.status-indicator{border-width:3px}.presence-tooltip{background:#000;border:1px solid #fff;color:#fff}}@media print{.edit-overlay,.hover-effects,.presence-animation,.typing-users{display:none!important}.enhanced-avatar{transform:none!important}}.presence-manager{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:800px;padding:20px}.presence-manager h3{align-items:center;color:var(--theme-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.presence-manager h4{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.current-user-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:20px}.status-selector{margin-top:20px}.status-options{grid-gap:8px;display:grid;gap:8px}.status-option{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.status-option:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.status-option.active{background:#3b82f633;border-color:var(--theme-primary);box-shadow:0 4px 15px #3b82f633}.status-icon{flex-shrink:0;font-size:18px}.status-info{display:flex;flex-direction:column;gap:2px}.status-label{color:#333;font-size:14px;font-weight:600}.status-description{color:#666;font-size:12px;opacity:.8}.online-users-section{margin-bottom:24px}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.user-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .3s ease}.user-card:hover{background:#ffffff1a;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.user-name{font-size:12px}.user-status{color:#666;font-size:10px;opacity:.8}.avatar-group-section{margin-bottom:24px}.group-examples{display:flex;flex-direction:column;gap:16px;margin-top:16px}.group-example{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:16px;padding:12px 16px}.group-label{color:#666;font-size:14px;font-weight:500;min-width:100px}.typing-section{background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;padding:16px}.presence-settings,.typing-section{margin-bottom:24px}.settings-grid{grid-gap:12px;display:grid;gap:12px;margin-top:16px}.setting-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;gap:12px;padding:12px 16px;transition:all .3s ease}.setting-item:hover{background:#ffffff1a}.setting-item input[type=checkbox]{accent-color:var(--theme-primary);cursor:pointer;height:16px;width:16px}.setting-label{color:#333;cursor:pointer;flex:1 1;font-size:14px}.setting-input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#333;font-size:12px;margin-left:8px;padding:4px 8px;width:60px}.setting-input:focus{background:#fff3;border-color:var(--theme-primary);outline:none}.frame-styles-section{margin-bottom:24px}.frame-examples{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:16px}.frame-example{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .3s ease}.frame-example:hover{background:#ffffff1a;transform:translateY(-2px)}.frame-label{color:#666;font-size:12px;font-weight:500;text-transform:capitalize}.dark-theme .presence-manager{background:#1e293be6;border-color:#4755694d}.dark-theme .current-user-section{background:#33415580;border-color:#4755694d}.dark-theme .status-option{background:#33415580;color:#f1f5f9}.dark-theme .status-option:hover{background:#47556999;border-color:#47556980}.dark-theme .status-option.active{background:#6366f14d;border-color:var(--theme-primary)}.dark-theme .status-label{color:#f1f5f9}.dark-theme .status-description{color:#cbd5e1}.dark-theme .user-card{background:#33415580;border-color:#4755694d}.dark-theme .user-card:hover{background:#47556999}.dark-theme .user-name{color:#f1f5f9}.dark-theme .user-status{color:#cbd5e1}.dark-theme .group-example{background:#33415580;border-color:#4755694d}.dark-theme .group-label{color:#cbd5e1}.dark-theme .typing-section{background:#22c55e33;border-color:#22c55e4d}.dark-theme .setting-item{background:#33415580;border-color:#4755694d}.dark-theme .setting-item:hover{background:#47556999}.dark-theme .setting-label{color:#f1f5f9}.dark-theme .setting-input{background:#47556980;border-color:#47556980;color:#f1f5f9}.dark-theme .setting-input:focus{background:#475569b3;border-color:var(--theme-primary)}.dark-theme .frame-example{background:#33415580;border-color:#4755694d}.dark-theme .frame-example:hover{background:#47556999}.dark-theme .frame-label{color:#cbd5e1}.dark-theme .presence-manager h3{color:#60a5fa}.dark-theme .presence-manager h4{color:#94a3b8}@media (max-width:768px){.presence-manager{margin:16px;padding:16px}.users-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.user-card{padding:12px 8px}.group-examples{gap:12px}.group-example{align-items:flex-start;flex-direction:column;gap:8px}.group-label{font-size:12px;min-width:auto}.frame-examples{gap:12px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.frame-example{padding:12px 8px}.status-options{gap:6px}.status-option{padding:10px 12px}.status-icon{font-size:16px}.status-label{font-size:13px}.status-description{font-size:11px}}@media (max-width:480px){.presence-manager{margin:12px;padding:12px}.users-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.frame-examples{grid-template-columns:repeat(3,1fr)}.current-user-section{padding:16px}.settings-grid{gap:8px}.setting-item{font-size:13px;padding:10px 12px}}.frame-example:focus,.setting-item:focus,.status-option:focus,.user-card:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.setting-input:focus{outline:2px solid var(--theme-primary);outline-offset:1px}@media (prefers-contrast:high){.presence-manager{background:#fff;border:2px solid #000}.frame-example,.group-example,.setting-item,.status-option,.user-card{border:1px solid #666}.status-option.active{background:#06c;border:2px solid #000;color:#fff}.dark-theme .presence-manager{background:#000;border:2px solid #fff}.dark-theme .frame-example,.dark-theme .group-example,.dark-theme .setting-item,.dark-theme .status-option,.dark-theme .user-card{border:1px solid #ccc}}.frame-example,.presence-manager,.status-option,.user-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}@media print{.presence-manager{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}.status-option.active{background:#f0f0f0!important;border:1px solid #666!important}.typing-section{display:none!important}}.interactive-message{cursor:pointer;overflow:visible;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.interactive-message:hover{transform:translateY(-1px)}.interactive-message:hover .quick-reactions{opacity:1;visibility:visible}.message-content{word-wrap:break-word;line-height:1.4;position:relative}.edited-indicator{font-size:10px;font-style:italic;margin-left:6px;opacity:.6}.quick-reactions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:-12px;transition:all .3s ease;visibility:hidden;z-index:10}.more-reactions-btn,.quick-reaction-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.more-reactions-btn:hover,.quick-reaction-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.2)}.more-reactions-btn{color:#666;font-size:10px;font-weight:600}@keyframes quickReactionPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-20px)}}.quick-reaction-animation{animation:quickReactionPop 1s ease-out forwards}.message-edit-container{animation:editContainerSlideIn .3s ease-out;background:#ffffff1a;border:2px solid var(--theme-primary);border-radius:12px;padding:12px}@keyframes editContainerSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.message-edit-input{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;font-size:14px;line-height:1.4;min-height:60px;outline:none;padding:8px 12px;resize:vertical;transition:all .3s ease;width:100%}.message-edit-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #3b82f61a}.edit-actions{margin-top:8px}.edit-action{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.edit-action.save{background:var(--theme-primary);color:#fff}.edit-action.save:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.edit-action.save:disabled{background:#ccc;cursor:not-allowed}.edit-action.cancel{background:#6b7280;color:#fff}.edit-action.cancel:hover{background:#4b5563;transform:translateY(-1px)}.reaction-picker-overlay{animation:reactionPickerSlideIn .3s cubic-bezier(.34,1.56,.64,1);left:50%;position:absolute;top:-10px;transform:translateX(-50%);z-index:1000}@keyframes reactionPickerSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.reaction-picker-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 12px 40px #00000026;max-height:400px;max-width:300px;overflow-y:auto;padding:16px}.reaction-section{margin-bottom:16px}.reaction-section:last-child{margin-bottom:0}.reaction-section-title{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.reaction-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr)}.reaction-grid.quick{grid-template-columns:repeat(4,1fr)}.reaction-emoji-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.reaction-emoji-btn:hover{background:#3b82f61a;transform:scale(1.2)}.emoji-picker-extended{margin-top:12px;max-height:250px;overflow-y:auto}.emoji-category{margin-bottom:16px}.emoji-category-title{color:#666;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.show-more-emojis{background:var(--theme-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .2s ease;width:100%}.show-more-emojis:hover{background:#2563eb;transform:translateY(-1px)}.context-menu{animation:contextMenuSlideIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 25px #00000026;min-width:150px;padding:8px;position:absolute;z-index:1000}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.context-menu-item{background:none;border:none;border-radius:6px;gap:8px;padding:8px 12px;text-align:left;width:100%}.context-menu-item:hover{background:#3b82f61a}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef44441a}.context-menu-icon{font-size:14px;text-align:center;width:16px}.context-menu-label{font-weight:500}.read-receipts-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-overlay{animation:modalOverlayFadeIn .3s ease;background:#00000080;height:100%;position:absolute;width:100%}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);border-radius:16px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:400px;overflow:hidden;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#333}.modal-body{max-height:400px;overflow-y:auto;padding:20px}.read-receipts-list{display:flex;flex-direction:column;gap:16px}.receipt-section h4{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 8px}.receipt-item{align-items:center;display:flex;gap:10px;padding:8px 0}.receipt-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.receipt-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.receipt-name{color:#333;font-size:14px;font-weight:500}.receipt-time{color:#666;font-size:12px}.no-receipts{color:#666;font-style:italic;padding:20px;text-align:center}.enhanced-typing-indicator{align-items:center;animation:typingIndicatorSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;gap:12px;margin:8px 0;max-width:300px;padding:12px 16px}.enhanced-typing-indicator.compact{gap:8px;padding:6px 12px}@keyframes typingIndicatorSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-avatars{display:flex;gap:-4px;position:relative}.typing-avatar{animation:typingAvatarBounce 1.4s ease-in-out infinite;height:24px;margin-right:-4px;position:relative;width:24px}.typing-avatar img{border:2px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.typing-pulse{animation:typingPulseAnimation 1s ease-in-out infinite;background:#22c55e;border:1px solid #fff;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}@keyframes typingAvatarBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes typingPulseAnimation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.typing-content{align-items:center;display:flex;gap:8px}.typing-dots{gap:2px}.typing-dot{animation:typingDotBounce 1.4s ease-in-out infinite;background:#666}@keyframes typingDotBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.typing-text{color:#666;font-size:12px;font-style:italic}.interactive-message-thread{display:flex;flex-direction:column;height:100%}.messages-list{flex:1 1}.reply-preview{animation:replyPreviewSlideIn .3s ease-out;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin:8px 16px;padding:12px 16px}@keyframes replyPreviewSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reply-header{justify-content:space-between;margin-bottom:8px}.reply-header span{color:var(--theme-primary);font-size:12px;font-weight:600}.reply-header button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:14px;padding:2px;transition:all .2s ease}.reply-header button:hover{background:#ffffff4d;color:#333}.reply-content{border-left:3px solid var(--theme-primary);color:#666;font-size:12px;opacity:.8;padding-left:8px}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.dark-theme .context-menu,.dark-theme .reaction-picker-container{background:#1e293bf2;border-color:#4755694d}.dark-theme .context-menu-item:hover{background:#6366f133}.dark-theme .modal-content{background:#1f2937;color:#f9fafb}.dark-theme .modal-header{border-color:#374151}.dark-theme .modal-close{color:#d1d5db}.dark-theme .modal-close:hover{background:#374151;color:#f9fafb}.dark-theme .receipt-name{color:#f9fafb}.dark-theme .receipt-time{color:#d1d5db}.dark-theme .message-edit-input{background:#374151e6;border-color:#6b72804d;color:#f9fafb}.dark-theme .enhanced-typing-indicator{background:#1e293bcc;border-color:#4755694d}.dark-theme .typing-text{color:#d1d5db}.dark-theme .reply-preview{background:#1e293b99;border-color:#4755694d}@media (max-width:768px){.reaction-picker-container{max-width:280px;padding:12px}.reaction-grid{grid-template-columns:repeat(5,1fr)}.reaction-grid.quick{grid-template-columns:repeat(4,1fr)}.modal-content{margin:16px;width:95%}.modal-body,.modal-header{padding:16px}.context-menu{min-width:140px}.quick-reactions{gap:2px}.more-reactions-btn,.quick-reaction-btn{font-size:10px;height:20px;width:20px}}@media (max-width:480px){.reaction-picker-overlay{left:16px;right:16px;transform:none}.reaction-picker-container{max-width:none;width:100%}.enhanced-typing-indicator{margin:6px 0;padding:8px 12px}.typing-avatar{height:20px;width:20px}.typing-pulse{height:6px;width:6px}}.context-menu-item:focus,.edit-action:focus,.quick-reaction-btn:focus,.reaction-emoji-btn:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.message-edit-input:focus{outline:none}@media (prefers-reduced-motion:reduce){.context-menu,.enhanced-typing-indicator,.interactive-message,.modal-content,.quick-reaction-animation,.reaction-picker-overlay,.typing-avatar,.typing-dot,.typing-pulse{animation:none!important;transition:none!important}.quick-reaction-btn:hover,.reaction-emoji-btn:hover{transform:none!important}}@media (prefers-contrast:high){.context-menu,.modal-content,.reaction-picker-container{background:#fff;border:2px solid #000}.dark-theme .context-menu,.dark-theme .modal-content,.dark-theme .reaction-picker-container{background:#000;border:2px solid #fff}}@media print{.context-menu,.enhanced-typing-indicator,.quick-reactions,.reaction-picker-overlay,.read-receipts-modal{display:none!important}.interactive-message{transform:none!important}.message-edit-container{background:#f9f9f9!important;border:1px solid #ccc!important}}.message-reactions{align-items:center}.reaction-bubble{background:#ffffff1a;border:1px solid #fff3;display:flex;font-size:11px;gap:4px;justify-content:center;min-width:28px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.reaction-bubble:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.reaction-bubble.active{background:#3b82f633;border-color:var(--theme-primary);color:var(--theme-primary);font-weight:600}.reaction-bubble.animating{animation:reactionPop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes reactionPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.reaction-emoji{font-size:12px}.reaction-count{min-width:8px}.reaction-ripple{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:12px;inset:0;opacity:0;position:absolute;transform:scale(0);transition:all .4s ease}.reaction-bubble:active .reaction-ripple{opacity:1;transform:scale(1);transition:all .1s ease}.reaction-overflow{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:9px;justify-content:center;padding:2px 6px;transition:all .2s ease}.reaction-overflow:hover{background:#ffffff1a;color:#333}.add-reaction-container{position:relative}.add-reaction-btn{align-items:center;background:#ffffff1a;border:1px dashed #ffffff4d;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;transition:all .2s ease;width:24px}.add-reaction-btn:hover{background:#fff3;border-color:var(--theme-primary);color:var(--theme-primary);transform:scale(1.05)}.reaction-picker{animation:reactionPickerSlideUp .3s cubic-bezier(.34,1.56,.64,1);bottom:100%;left:50%;margin-bottom:8px;position:absolute;transform:translateX(-50%);z-index:1000}@keyframes reactionPickerSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.reaction-picker-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:8px}.popular-reactions{display:flex;gap:4px}.reaction-option{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.reaction-option:hover{background:#3b82f61a;transform:scale(1.2)}.read-receipts{align-items:center;display:flex;font-size:10px;gap:6px;margin-top:4px;opacity:.8}.read-receipts.compact{margin-top:2px}.read-avatars{display:flex;gap:-2px;position:relative}.read-avatar{height:16px;margin-right:-2px;position:relative;width:16px}.read-avatar img{border:1px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.read-checkmark{background:#22c55e;bottom:-2px;font-size:6px;height:8px;position:absolute;right:-2px;width:8px}.read-checkmark,.read-overflow{align-items:center;border:1px solid #fff;border-radius:50%;color:#fff;display:flex;justify-content:center}.read-overflow{background:#6b7280;font-size:8px;font-weight:600;height:16px;margin-left:2px;width:16px}.read-status{display:flex;flex-direction:column;gap:2px}.read-text{color:#666;font-size:9px}.read-progress{background:#fff3;border-radius:1px;height:2px;overflow:hidden;width:40px}.read-progress-bar{background:#22c55e;height:100%;transition:width .3s ease}.read-details-btn{background:none;border:none;border-radius:2px;cursor:pointer;font-size:8px;opacity:.6;padding:2px;transition:all .2s ease}.read-details-btn:hover{background:#ffffff1a;opacity:1}.read-details-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.read-details-content{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:350px;overflow:hidden;width:90%}.read-details-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.read-details-header h3{font-size:16px;font-weight:600;margin:0}.read-details-header button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.read-details-header button:hover{background:#f3f4f6;color:#333}.read-details-list{max-height:300px;overflow-y:auto;padding:16px}.read-detail-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;padding:8px 0}.read-detail-item:last-child{border-bottom:none}.read-detail-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.read-detail-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.read-detail-name{color:#333;font-size:14px;font-weight:500}.read-detail-time,.unread-info{color:#666;font-size:12px}.unread-info{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 16px;text-align:center}.message-thread{margin-top:8px;padding-left:20px;position:relative}.thread-indicator{align-items:flex-start;bottom:0;display:flex;justify-content:center;left:0;position:absolute;top:0;width:20px}.thread-line{background:linear-gradient(to bottom,var(--theme-primary),#0000);border-radius:1px;flex:1 1;margin-top:8px;width:2px}.thread-icon{align-items:center;background:#fff;border:1px solid var(--theme-primary);border-radius:50%;display:flex;font-size:8px;height:16px;justify-content:center;position:absolute;top:0;width:16px}.thread-replies{gap:8px}.thread-reply{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:8px;transition:all .2s ease}.thread-reply:hover{background:#ffffff1a}.reply-avatar{flex-shrink:0}.reply-avatar img{border-radius:50%;height:24px;object-fit:cover;width:24px}.reply-content{flex:1 1;min-width:0}.reply-header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.reply-sender{color:var(--theme-primary);font-size:11px;font-weight:600}.reply-time{color:#666;font-size:9px}.reply-text{word-wrap:break-word;color:#333;font-size:12px;line-height:1.3}.show-more-replies{align-self:flex-start;background:none;border:none;border-radius:4px;color:var(--theme-primary);cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.show-more-replies:hover{background:#3b82f61a}.reply-form{margin-top:4px}.reply-input-container{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;gap:8px;padding:6px 8px;transition:all .3s ease}.reply-input-container:focus-within{background:#ffffff26;border-color:var(--theme-primary)}.reply-input-avatar{border-radius:50%;flex-shrink:0;height:20px;object-fit:cover;width:20px}.reply-input{background:none;border:none;color:#333;flex:1 1;font-size:12px;outline:none;padding:2px 0}.reply-input::placeholder{color:#999;font-style:italic}.reply-actions{gap:4px}.reply-cancel,.reply-send{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.reply-send{color:var(--theme-primary)}.reply-send:hover:not(:disabled){background:#3b82f61a;transform:scale(1.1)}.reply-send:disabled{cursor:not-allowed;opacity:.5}.reply-cancel{color:#666}.reply-cancel:hover{background:#ffffff1a;color:#333}.add-reply-btn,.start-thread-btn{align-self:flex-start;background:none;border:1px dashed #ffffff4d;border-radius:16px;color:#666;cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s ease}.add-reply-btn:hover,.start-thread-btn:hover{background:#3b82f60d;border-color:var(--theme-primary);color:var(--theme-primary)}.thread-summary{color:#666;font-size:9px;margin-top:4px;opacity:.8}.message-forwarding{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.forward-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.forward-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:500px;overflow:hidden;position:relative;width:90%}.forward-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.forward-header h3{font-size:18px;font-weight:600;margin:0}.forward-header button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.forward-header button:hover{background:#f3f4f6;color:#333}.forward-content{max-height:400px;overflow-y:auto;padding:20px}.forward-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.preview-label{color:#666;font-size:12px;font-weight:600;margin-bottom:4px}.preview-message{color:#333;font-size:14px;font-style:italic}.contact-search{margin-bottom:16px}.search-input{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px}.search-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #3b82f61a}.contact-list{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;max-height:200px}.contact-item{border-bottom:1px solid #f3f4f6;padding:10px 12px;position:relative;transition:all .2s ease}.contact-item:last-child{border-bottom:none}.contact-item:hover{background:#f9fafb}.contact-item.selected{background:#3b82f61a;border-color:var(--theme-primary)}.contact-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.contact-name{color:#333;flex:1 1;font-size:14px}.contact-check{color:var(--theme-primary);font-size:16px;font-weight:600}.forward-message{margin-bottom:16px}.forward-message-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:8px 12px;resize:vertical;transition:all .2s ease;width:100%}.forward-message-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #3b82f61a}.selected-contacts{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px;padding:12px}.selected-label{color:#1d4ed8;font-size:12px;font-weight:600;margin-bottom:6px}.selected-list{display:flex;flex-wrap:wrap;gap:4px}.selected-contact{background:#3b82f6;border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.forward-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.forward-cancel,.forward-send{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.forward-cancel{background:#6b7280;color:#fff}.forward-cancel:hover{background:#4b5563}.forward-send{background:var(--theme-primary);color:#fff}.forward-send:hover:not(:disabled){background:#2563eb}.forward-send:disabled{background:#d1d5db;cursor:not-allowed}.dark-theme .reaction-bubble{background:#374151cc;border-color:#6b72804d;color:#f9fafb}.dark-theme .reaction-picker-content{background:#1e293bf2;border-color:#4755694d}.dark-theme .thread-reply{background:#37415180;border-color:#6b72804d}.dark-theme .reply-text{color:#f9fafb}.dark-theme .reply-input-container{background:#374151cc;border-color:#6b72804d}.dark-theme .reply-input{color:#f9fafb}.dark-theme .reply-input::placeholder{color:#9ca3af}.dark-theme .forward-modal,.dark-theme .read-details-content{background:#1f2937;color:#f9fafb}.dark-theme .forward-header,.dark-theme .read-details-header{border-color:#374151}.dark-theme .contact-item{border-color:#374151;color:#f9fafb}.dark-theme .contact-item:hover{background:#374151}.dark-theme .forward-preview{background:#374151;border-color:#4b5563}.dark-theme .forward-message-input,.dark-theme .search-input{background:#374151;border-color:#4b5563;color:#f9fafb}@media (max-width:768px){.message-reactions{gap:2px}.reaction-bubble{font-size:10px;padding:1px 4px}.thread-reply{padding:6px}.reply-avatar img{height:20px;width:20px}.reply-text{font-size:11px}.forward-modal{margin:16px;width:95%}.forward-content{padding:16px}.contact-item{padding:8px 10px}.contact-item img{height:28px;width:28px}}@media (max-width:480px){.reaction-emoji{font-size:10px}.reaction-count{font-size:8px}.popular-reactions{gap:2px}.reaction-option{font-size:14px;height:24px;width:24px}.forward-modal{border-radius:0;height:100%;width:100%}.contact-list{max-height:150px}}.add-reaction-btn:focus,.reaction-bubble:focus,.reaction-option:focus,.reply-cancel:focus,.reply-send:focus{outline:2px solid var(--theme-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.forward-modal,.reaction-bubble,.reaction-picker,.read-details-content{animation:none!important;transition:none!important}.reaction-bubble:hover,.reaction-option:hover{transform:none!important}}@media print{.add-reaction-btn,.add-reply-btn,.forward-modal,.reaction-picker,.read-details-btn,.reply-form,.start-thread-btn{display:none!important}.message-reactions,.read-receipts,.thread-summary{opacity:.7}}@media screen and (max-width:768px){html,html body{margin:0!important;padding:0!important}html,html body,html body #root,html body .App,html body .pro-layout{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important;position:relative!important;width:100%!important}html body .pro-layout{display:flex!important;flex-direction:column!important;grid-template-areas:unset!important;grid-template-columns:none!important;grid-template-rows:none!important}html body .enhanced-chat-header,html body .pro-header{align-items:center!important;background:#fff!important;background:var(--pro-surface,#fff)!important;border-bottom:1px solid #0000001a!important;border-bottom:1px solid var(--pro-border,#0000001a)!important;border-radius:0!important;box-shadow:none!important;flex:0 0 auto!important;gap:8px!important;left:0!important;margin-bottom:0!important;min-height:calc(var(--sat) + 52px)!important;order:-1!important;padding-bottom:8px!important;padding-left:12px!important;padding-right:12px!important;padding-top:calc(var(--sat) + 8px)!important;right:0!important;top:auto!important;z-index:100!important}html body .enhanced-chat-header,html body .pro-content,html body .pro-header,html body .pro-main{display:flex!important;max-height:none!important;position:relative!important;width:100%!important}html body .pro-content,html body .pro-main{flex:1 1 auto!important;flex-direction:column!important;grid-column:unset!important;grid-row:unset!important;height:auto!important;margin:0!important;min-height:0!important;overflow:hidden!important;padding:0!important}html body .pro-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;border-radius:0!important;box-shadow:none!important}html body .messages-container,html body .pro-content>.pro-message-list,html body .pro-message-area,html body .pro-message-list{-webkit-overflow-scrolling:touch!important;background:#f5f5f5!important;flex:1 1!important;height:0!important;margin:0!important;max-height:none!important;min-height:0!important;order:1!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 12px 20px!important;position:relative!important;width:100%!important;z-index:1!important}html body .input-container,html body .message-input-container,html body .pro-chat-input-container,html body .pro-content>.pro-chat-input-container{bottom:auto!important;box-shadow:0 -2px 8px #0000000d!important;height:auto!important;left:auto!important;margin:0!important;max-height:130px!important;max-width:100%!important;min-height:52px!important;order:2!important;padding:6px 10px max(6px,env(safe-area-inset-bottom,0px))!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;z-index:90!important}html body .input-container,html body .message-input-container,html body .pro-chat-input-container,html body .pro-content>.pro-chat-input-container,html body .pro-smart-panel-container{background:#fff!important;background:var(--pro-surface,#fff)!important;border-top:1px solid #0000001a!important;border-top:1px solid var(--pro-border,#0000001a)!important;flex:0 0 auto!important;width:100%!important}html body .pro-smart-panel-container{order:3!important;padding:8px!important;z-index:85!important}html body .enhanced-sidebar,html body .pro-sidebar{-webkit-overflow-scrolling:touch!important;background:#fff!important;background:var(--pro-surface,#fff)!important;bottom:0!important;box-shadow:2px 0 16px #00000026!important;height:100vh!important;height:100dvh!important;left:0!important;max-width:85vw!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;z-index:1000!important}html body .enhanced-sidebar.active,html body .enhanced-sidebar:not(.collapsed),html body .pro-sidebar.active,html body .pro-sidebar:not(.collapsed){transform:translateX(0)!important}html body .pro-sidebar-overlay,html body .sidebar-overlay{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#00000080!important;bottom:0!important;display:block!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:999!important}html body .enhanced-sidebar.collapsed~.sidebar-overlay,html body .pro-sidebar.collapsed~.pro-sidebar-overlay{display:none!important}html body .pro-welcome-container{overflow-y:auto!important;padding:20px!important}html body .dropdown,html body .dropdown-menu,html body .more-options-menu{position:fixed!important;z-index:2000!important}html body .modal,html body .pro-modal{position:fixed!important;z-index:3000!important}*{scroll-behavior:smooth!important}}@media screen and (max-width:768px) and (orientation:landscape){html body .enhanced-chat-header,html body .pro-header{min-height:48px!important;padding:6px calc(env(safe-area-inset-right, 0px) + 12px) 6px calc(env(safe-area-inset-left, 0px) + 12px)!important}html body .pro-message-area,html body .pro-message-list{padding-bottom:100px!important}}.profile-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateZ(0);will-change:transform;z-index:20000}.profile-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:min(640px,85dvh);max-height:85vh;max-width:500px;overflow:hidden;width:90%}.profile-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.profile-modal-header h3{font-size:1.2rem;font-weight:600;margin:0}.profile-modal-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0}.tab-btn{background:none;border-bottom:2px solid #0000;color:#6c757d;font-weight:500;padding:12px 16px;transition:all .3s ease}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{border-bottom-color:#667eea}.profile-modal-content{flex:1 1;overflow-y:auto;padding:0}.preferences-tab,.privacy-tab,.profile-tab{padding:24px}.avatar-section{margin-bottom:24px;text-align:center}.avatar-container{display:inline-block;position:relative}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 32px #667eea4d;display:flex;height:100px;justify-content:center;margin:0 auto 16px;overflow:hidden;position:relative;width:100px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:36px}.status-indicator{border:3px solid #fff;bottom:8px;box-shadow:0 2px 8px #0003;height:20px;right:8px;width:20px}.status-indicator[data-status=online]{background:#28a745}.status-indicator[data-status=away]{background:#ffc107}.status-indicator[data-status=busy]{background:#dc3545}.status-indicator[data-status=offline]{background:#6c757d}.avatar-upload{margin-top:8px}.upload-btn{background:#667eea;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:8px 16px;transition:background .2s}.upload-btn:hover{background:#5a6fd8}.profile-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:4px}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;padding:10px 12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.save-btn{background:#10b981}.save-btn:hover:not(:disabled){background:#059669}.save-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-btn{background:#e5e7eb;color:#374151}.cancel-btn:hover{background:#d1d5db}.pref-group{margin-bottom:20px}.pref-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.theme-options{display:flex;flex-wrap:wrap;gap:16px}.radio-option{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px}.radio-option input[type=radio]{margin:0}.privacy-info{background:#f8f9fa;border-radius:8px;margin-top:16px;padding:16px}.privacy-info h4{color:#374151;font-size:14px;margin:0 0 12px}.privacy-info ul{color:#6b7280;font-size:13px;line-height:1.5;margin:0;padding-left:16px}.privacy-info li{margin-bottom:4px}@media (max-width:768px){.profile-modal{border-radius:0;height:100vh;max-height:none;width:100%}.preferences-tab,.privacy-tab,.profile-tab{padding:20px 16px}.form-actions{flex-direction:column}.cancel-btn,.edit-btn,.save-btn{width:100%}.theme-options{flex-direction:column;gap:8px}}@media (prefers-color-scheme:dark){.profile-modal{background:#1f2937}.profile-modal-tabs{background:#374151;border-bottom-color:#4b5563}.tab-btn{color:#d1d5db}.tab-btn:hover{background:#4b5563;color:#f3f4f6}.tab-btn.active{background:#1f2937;color:#667eea}.form-group label,.pref-group label{color:#f3f4f6}.form-group input,.form-group select,.form-group textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#4b5563;color:#9ca3af}.form-actions{border-top-color:#4b5563}.cancel-btn{background:#4b5563;color:#d1d5db}.cancel-btn:hover,.privacy-info{background:#374151}.privacy-info h4{color:#f3f4f6}.privacy-info ul{color:#d1d5db}}.profile-avatar.loading{border-color:#94a3b8;opacity:.7}.avatar-loading{align-items:center;background:#f8fafc;color:#64748b;display:flex;flex-direction:column;font-size:10px;height:100%;justify-content:center;width:100%}.loading-spinner{border:2px solid #e2e8f0;height:20px;margin-bottom:4px;width:20px}.upload-btn{border:none;text-decoration:none;transition:all .2s ease}.upload-btn:hover:not(.disabled){transform:translateY(-1px)}.upload-btn.disabled{background:#94a3b8!important;cursor:not-allowed;opacity:.6}.form-error{color:#dc3545;font-size:12px;margin-top:4px}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.status-indicator:hover{transform:scale(1.1)}.profile-avatar{box-shadow:0 4px 12px #00000026;transition:all .3s ease}.profile-avatar:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.settings-modal{animation:settingsSlideIn .3s ease-out;background:#fff;background:var(--background-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 24px 48px #0003;max-height:80vh;max-width:900px;overflow:hidden;width:90%}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{align-items:center;background:#f8fafc;background:var(--secondary-background,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.5rem 2rem}.settings-header h2{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.5rem;font-weight:600;margin:0}.close-btn{color:var(--text-secondary,#6b7280);font-size:1.5rem;padding:.5rem}.close-btn:hover{background:#f3f4f6;background:var(--hover-color,#f3f4f6);color:#1f2937;color:var(--text-color,#1f2937)}.settings-content{display:flex;height:500px}.settings-nav{background:#f8fafc;background:var(--secondary-background,#f8fafc);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color,#e5e7eb);overflow-y:auto;padding:1rem 0;width:250px}.nav-item{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s ease}.nav-item:hover{background:#f3f4f6;background:var(--hover-color,#f3f4f6);color:#1f2937;color:var(--text-color,#1f2937)}.nav-item.active{background:#3b82f6;background:var(--primary-color,#3b82f6);font-weight:500}.nav-icon{font-size:1.1rem;margin-right:.75rem}.settings-panel{flex:1 1;overflow-y:auto;padding:2rem}.settings-section h3{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.setting-group{margin-bottom:1.5rem}.setting-group label{margin-bottom:.5rem}.setting-group label,.setting-group select{color:#1f2937;color:var(--text-color,#1f2937);font-size:.95rem}.setting-group select{background:#fff;background:var(--background-color,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);padding:.75rem;transition:border-color .2s ease}.setting-group select:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.toggle-label{font-weight:500}.toggle-slider{background:var(--border-color,#d1d5db);margin-right:.75rem;transition:background .3s ease;width:48px}.toggle-slider:before{box-shadow:0 2px 4px #0003;transition:transform .3s ease}.toggle-label input:checked+.toggle-slider{background:#3b82f6;background:var(--primary-color,#3b82f6)}.toggle-label input:checked+.toggle-slider:before{transform:translateX(24px)}.account-info{background:#f8fafc;background:var(--secondary-background,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1rem}.account-info p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:.5rem 0}.danger-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease}.danger-btn:hover{background:#dc2626}.settings-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn-secondary,.settings-footer{background:#f8fafc;background:var(--secondary-background,#f8fafc)}.btn-secondary{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#f3f4f6;background:var(--hover-color,#f3f4f6);border-color:#6b7280;border-color:var(--text-secondary,#6b7280);color:#1f2937;color:var(--text-color,#1f2937)}.btn-primary{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-dark,#2563eb)}.btn-primary:disabled{background:#d1d5db;background:var(--border-color,#d1d5db);cursor:not-allowed}[data-theme=dark] .settings-modal{--background-color:#1f2937;--secondary-background:#374151;--text-color:#f9fafb;--text-secondary:#d1d5db;--border-color:#4b5563;--hover-color:#4b5563;--primary-color:#3b82f6;--primary-dark:#2563eb}@media (max-width:768px){.settings-modal{max-height:90vh;width:95%}.settings-content{flex-direction:column;height:auto;max-height:60vh}.settings-nav{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);border-right:none;display:flex;overflow-x:auto;padding:.5rem;width:100%}.nav-item{border-radius:6px;flex:0 0 auto;margin-right:.5rem;padding:.5rem 1rem;white-space:nowrap}.nav-text{display:none}.settings-panel{padding:1rem}.settings-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.settings-nav::-webkit-scrollbar,.settings-panel::-webkit-scrollbar{width:6px}.settings-nav::-webkit-scrollbar-track,.settings-panel::-webkit-scrollbar-track{background:#f8fafc;background:var(--secondary-background,#f8fafc)}.settings-nav::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}.settings-nav::-webkit-scrollbar-thumb:hover,.settings-panel::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-secondary,#6b7280)}.gif-picker-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.gif-picker-modal{animation:gifModalIn .22s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 32px 80px #00000047;display:flex;flex-direction:column;max-height:min(82vh,700px);overflow:hidden;width:min(560px,100%)}@keyframes gifModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.gif-picker-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#ec4899);color:#fff;display:flex;flex-shrink:0;gap:10px;padding:16px 20px}.gif-header-logo{background:#ffffff38;border-radius:8px;color:#fff;font-size:13px;font-weight:800;letter-spacing:1px;padding:3px 8px}.gif-picker-header h3{flex:1 1;font-size:16px;font-weight:700;margin:0}.close-btn{font-size:22px}.close-btn:hover{background:#ffffff59}.gif-search{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.gif-search-icon{flex-shrink:0;font-size:16px;opacity:.5;pointer-events:none}.gif-search-input{background:#fff;border:1.5px solid #e4e4e7;border-radius:22px;flex:1 1;font-size:14px;min-width:0;outline:none;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.gif-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.gif-search-clear{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:26px;justify-content:center;transition:background .2s;width:26px}.gif-search-clear:hover{background:#d1d5db}.gif-tabs{background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:4px;padding:8px 12px 0}.gif-tab{align-items:center;background:none;border:none;border-bottom:2.5px solid #0000;color:#9ca3af;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:5px;justify-content:center;padding:8px 4px;transition:color .18s,border-color .18s;white-space:nowrap}.gif-tab:hover{color:#6366f1}.gif-tab.active{border-bottom-color:#6366f1;color:#6366f1}.gif-tab-badge{background:#6366f1;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:1px 5px;text-align:center}.gif-categories{-ms-overflow-style:none;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.gif-categories::-webkit-scrollbar{display:none}.category-btn{background:#fff;border:1.5px solid #e4e4e7;border-radius:20px;color:#374151;cursor:pointer;font-size:12.5px;font-weight:500;padding:5px 12px;transition:all .18s;white-space:nowrap}.category-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.gif-grid{column-count:3;column-gap:6px;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:10px 10px 4px}.gif-grid::-webkit-scrollbar{width:5px}.gif-grid::-webkit-scrollbar-track{background:#0000}.gif-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.gif-item{background:#f3f4f6;border:2px solid #0000;border-radius:10px;break-inside:avoid;cursor:pointer;display:inline-block;margin-bottom:6px;overflow:hidden;page-break-inside:avoid;position:relative;transition:border-color .18s,box-shadow .18s,transform .18s;width:100%}.gif-item:hover{border-color:#6366f1;box-shadow:0 6px 20px #6366f140;transform:translateY(-2px)}.gif-item:active{transform:scale(.97)}.gif-item img{display:block;height:auto;width:100%}.gif-overlay{background:linear-gradient(#0000,#000000b8);bottom:0;color:#fff;font-size:10px;font-weight:600;left:0;line-height:1.3;opacity:0;padding:16px 6px 6px;pointer-events:none;position:absolute;right:0;text-align:center;transition:opacity .2s}.gif-item:hover .gif-overlay{opacity:1}.gif-fav-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:26px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:5px;top:5px;transform:scale(.7);transition:opacity .18s,transform .18s;width:26px}.gif-fav-btn.active,.gif-item:hover .gif-fav-btn{opacity:1;pointer-events:auto;transform:scale(1)}.gif-fav-btn.active{background:#00000080}.gif-fav-btn:hover{background:#ef4444b3!important;transform:scale(1.15)!important}.gif-load-more{background:#f3f4f6;border:1.5px solid #e4e4e7;border-radius:10px;color:#6366f1;column-span:all;cursor:pointer;display:block;font-size:13px;font-weight:600;margin:8px 0 10px;padding:10px;transition:background .2s;width:100%}.gif-load-more:hover:not(:disabled){background:#ede9fe}.gif-load-more:disabled{cursor:not-allowed;opacity:.5}.gif-loading{align-items:center;color:#9ca3af;column-span:all;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:48px 20px}.gif-loading p{font-size:14px;font-weight:500;margin:0}.loading-spinner{animation:gifSpin .8s linear infinite;border-top-color:#6366f1;height:36px;width:36px}@keyframes gifSpin{to{transform:rotate(1turn)}}.no-results{align-items:center;color:#9ca3af;column-span:all;display:flex;flex-direction:column;gap:6px;padding:48px 20px}.no-results p{color:#6b7280;font-weight:600}.no-results span{font-size:13px}.reset-search-btn{background:#6366f1;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 20px;transition:background .2s,transform .2s}.reset-search-btn:hover{background:#4f46e5;transform:translateY(-1px)}.gif-footer{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;color:#9ca3af;display:flex;flex-shrink:0;font-size:10px;gap:6px;justify-content:center;padding:7px 12px}.gif-tenor-logo{height:14px;opacity:.55}@media (prefers-color-scheme:dark){.gif-picker-modal{background:#18181b;color:#f4f4f5}.gif-categories,.gif-footer,.gif-search,.gif-tabs{background:#1e1e24;border-color:#27272a}.gif-search-input{background:#27272a;border-color:#3f3f46;color:#f4f4f5}.gif-search-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.gif-search-clear{background:#3f3f46;color:#a1a1aa}.gif-tab{color:#71717a}.gif-tab.active{border-bottom-color:#818cf8;color:#818cf8}.category-btn{background:#27272a;border-color:#3f3f46;color:#d4d4d8}.category-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.gif-item,.gif-load-more{background:#27272a}.gif-load-more{border-color:#3f3f46;color:#818cf8}.gif-load-more:hover:not(:disabled){background:#2e2e3a}}@media (max-width:600px){.gif-picker-overlay{align-items:flex-end;padding:0}.gif-picker-modal{border-radius:20px 20px 0 0;max-height:88vh;width:100%}.gif-grid{column-count:2;padding:8px 8px 4px}.gif-search-input{font-size:16px}.category-btn{font-size:13px;min-height:36px;padding:7px 12px}.close-btn{min-height:40px;min-width:40px}}@media (max-width:380px){.gif-grid{column-count:2;column-gap:4px;padding:6px 6px 4px}.gif-item{margin-bottom:4px}}.new-chat-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.new-chat-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.new-chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.new-chat-header h3{font-size:1.2rem;font-weight:600;margin:0}.chat-type-selector{padding:16px 20px 0}.chat-type-tabs{border-bottom:1px solid #eee;display:flex}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s}.tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:500}.tab:hover:not(.active){background:#f8f9fa;color:#333}.group-settings{border-bottom:1px solid #eee;padding:16px 20px}.group-name-input{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s;width:100%}.group-name-input:focus{border-color:#667eea}.contact-search{border-bottom:1px solid #eee;padding:16px 20px}.contact-search-input{border:2px solid #e1e5e9;border-radius:25px;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s;width:100%}.contact-search-input:focus{border-color:#667eea}.selected-contacts{max-height:120px;overflow-y:auto;padding:0 20px}.selected-list h4{color:#666;font-size:12px;letter-spacing:.5px;margin:12px 0 8px;text-transform:uppercase}.selected-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.selected-contact{background:#667eea;border-radius:16px;gap:8px;padding:6px 12px}.remove-btn,.selected-contact{align-items:center;color:#fff;display:flex;font-size:12px}.remove-btn{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:18px;justify-content:center;width:18px}.remove-btn:hover{background:#ffffff80}.contact-list{flex:1 1;overflow-y:auto;padding:16px 0}.loading-state{color:#666;padding:40px}.contact-item{padding:12px 20px}.contact-item.selected{background:#667eea1a}.contact-avatar{overflow:hidden}.contact-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:#667eea}.contact-info h4{color:#333;font-size:14px;font-weight:500;margin:0 0 4px}.contact-email,.contact-phone{font-size:12px;margin:0}.contact-actions{flex-shrink:0}.selected-indicator{background:#667eea;border-radius:50%;color:#fff;font-size:12px;font-weight:700}.select-indicator,.selected-indicator{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.select-indicator{border:2px solid #ddd;border-radius:50%;color:#999;font-size:16px;transition:all .2s}.contact-item:hover .select-indicator{border-color:#667eea;color:#667eea}.no-contacts p{font-size:16px;font-weight:500;margin:0 0 8px}.no-contacts span{color:#999;font-size:14px}.new-chat-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:12px;padding:20px}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.cancel-btn:hover{background:#f5f5f5;color:#333}.create-btn{background:#667eea;color:#fff}.create-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.create-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width:768px){.new-chat-modal{max-height:90vh;width:95%}.new-chat-header{padding:16px}.contact-search,.group-settings{padding:12px 16px}.new-chat-footer{padding:16px}}.feedback-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.feedback-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.feedback-header h3{font-size:1.2rem;font-weight:600;margin:0}.feedback-form{max-height:calc(80vh - 80px);overflow-y:auto;padding:24px}.error-messages{margin-bottom:20px}.error-message{font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-group textarea{min-height:100px;resize:vertical}.char-count{text-align:right}.char-count,.form-group small{color:#666;display:block;font-size:12px;margin-top:4px}.form-footer{border-top:1px solid #eee;display:flex;gap:12px;margin-top:24px;padding-top:20px}.cancel-btn,.submit-btn{align-items:center;border-radius:8px;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:12px 20px}.cancel-btn{background:#fff;border:1px solid #ddd}.cancel-btn:hover:not(:disabled){background:#f5f5f5;color:#333}.submit-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.loading-spinner{border:2px solid #ffffff4d;height:16px;width:16px}.success-message{padding:40px 24px;text-align:center}.success-icon{align-items:center;animation:successScale .5s ease-out;background:#27ae60;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}@keyframes successScale{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-message h4{color:#333;font-size:1.1rem;margin:0 0 12px}.success-message p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.feedback-modal{max-height:90vh;width:95%}.feedback-header{padding:16px 20px}.feedback-form{padding:20px}.form-footer{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.help-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.help-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:80vh;max-width:900px;overflow:hidden;width:90%}.help-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.help-header h3{font-size:1.2rem;font-weight:600;margin:0}.help-search{border-bottom:1px solid #eee;flex-shrink:0;padding:16px 24px}.help-search-input{border:2px solid #e1e5e9;border-radius:25px;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s;width:100%}.help-search-input:focus{border-color:#667eea}.help-content{display:flex;flex:1 1;overflow:hidden}.help-sidebar{background:#f8f9fa;border-right:1px solid #eee;flex-shrink:0;width:250px}.help-nav{padding:0}.nav-item{background:none;border:none;border-bottom:1px solid #eee;padding:16px 20px;text-align:left;transition:background .2s;width:100%}.nav-item:hover{background:#e9ecef}.nav-item.active{background:#667eea;color:#fff}.nav-item.active:hover{background:#5a6fd8}.nav-icon{font-size:18px;text-align:center}.nav-title{font-size:14px;font-weight:500}.help-main{flex:1 1;overflow-y:auto;padding:24px}.help-main.search-mode{width:100%}.search-results h4{color:#333;font-size:1.1rem;margin:0 0 20px}.section-header{align-items:center;border-bottom:2px solid #eee;display:flex;gap:12px;margin-bottom:24px;padding-bottom:12px}.section-icon{font-size:24px}.section-header h4{color:#333;font-size:1.2rem;margin:0}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:#f8f9fa;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.faq-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.faq-section{color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.faq-question{color:#333;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 12px}.faq-answer{color:#666;font-size:14px;line-height:1.6;margin:0}.no-results p{font-size:16px;font-weight:500;margin:0 0 8px}.no-results span{color:#999;font-size:14px}.help-footer{background:#f8f9fa;border-top:1px solid #eee;flex-shrink:0;padding:20px 24px}.footer-content{text-align:center}.footer-content p{color:#666;font-size:14px;margin:0 0 16px}.footer-actions{gap:12px;justify-content:center}.contact-support-btn,.feedback-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.contact-support-btn{background:#667eea;color:#fff}.contact-support-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.feedback-btn{background:#fff;border:1px solid #ddd;color:#666}.feedback-btn:hover{background:#f5f5f5;color:#333;transform:translateY(-1px)}@media (max-width:768px){.help-modal{height:90vh;width:95%}.help-content{flex-direction:column}.help-sidebar{height:auto;max-height:200px;overflow-y:auto;width:100%}.help-nav{display:flex;overflow-x:auto;padding:0}.nav-item{border-bottom:none;border-right:1px solid #eee;flex-shrink:0;white-space:nowrap}.help-main{padding:20px 16px}.help-header{padding:16px 20px}.help-search{padding:12px 16px}.help-footer{padding:16px 20px}.footer-actions{align-items:center;flex-direction:column}.contact-support-btn,.feedback-btn{justify-content:center;max-width:200px;width:100%}}.camera-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.camera-modal{background:#000;border:2px solid #333;border-radius:16px;display:flex;flex-direction:column;height:80vh;max-width:600px;overflow:hidden;width:90%}.camera-header{align-items:center;background:#1a1a1a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.camera-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px 8px;transition:background .2s}.camera-close:hover{background:#fff3}.camera-title{font-size:16px;font-weight:600}.camera-actions{display:flex;gap:8px}.flash-btn,.switch-camera-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px;transition:all .2s}.flash-btn:hover,.switch-camera-btn:hover{background:#fff3}.flash-btn.active{background:gold;color:#000}.camera-content{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;position:relative}.camera-loading{color:#fff;text-align:center}.loading-spinner{border:3px solid #ffffff4d;margin:0 auto 16px}.camera-loading p{font-size:14px;margin:0;opacity:.8}.camera-error{color:#fff;padding:40px 20px;text-align:center}.error-icon{font-size:48px}.camera-error h4{color:#ff6b6b;font-size:18px;margin:0 0 12px}.camera-error p{line-height:1.5;margin:0 0 20px;opacity:.8}.retry-btn{padding:12px 24px}.camera-view{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.camera-video{border-radius:0;height:100%;object-fit:cover;width:100%}.camera-canvas{left:-9999px;position:absolute;top:-9999px}.recording-indicator{background:#000000b3;border-radius:20px;color:#fff;font-size:14px;font-weight:500;left:16px;padding:8px 12px;top:16px}.recording-dot{animation:pulse 1s infinite;background:#f44}.camera-controls{background:#1a1a1a;display:flex;flex-shrink:0;justify-content:center;padding:20px}.capture-btn,.record-btn,.stop-btn{align-items:center;background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:16px 32px;transition:all .2s}.capture-btn:hover,.record-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.stop-btn{background:#f44}.stop-btn:hover{background:#c33}.video-controls{width:100%}@media (max-width:768px){.camera-modal{border:none;border-radius:0;height:100vh;width:100%}.camera-header{padding:12px 16px}.camera-title{font-size:14px}.camera-controls{padding:16px}.capture-btn,.record-btn,.stop-btn{font-size:14px;min-width:140px;padding:14px 28px}.recording-indicator{font-size:12px;left:12px;padding:6px 10px;top:12px}}@media (max-width:480px){.camera-error{padding:20px 16px}.camera-error h4{font-size:16px}.camera-error p{font-size:14px}.capture-btn,.record-btn,.stop-btn{max-width:280px;width:100%}}.contact-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contact-picker-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.contact-picker-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.contact-picker-header h3{font-size:1.1rem;font-weight:600;margin:0}.contact-picker-loading{align-items:center;color:#666;display:flex;flex-direction:column;padding:40px 20px}.loading-spinner{border:3px solid #e1e5e9}.contact-picker-loading p{font-size:14px;margin:0}.contact-picker-error{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.error-icon{font-size:40px;margin-bottom:16px}.contact-picker-error p{color:#666;line-height:1.5;margin:0 0 20px}.retry-btn{background:#667eea;padding:10px 20px;transition:background .2s}.retry-btn:hover{background:#5a6fd8}.contact-picker-search{border-bottom:1px solid #eee;flex-shrink:0;padding:16px 20px}.search-input{border:2px solid #e1e5e9;border-radius:25px;padding:12px 16px;transition:border-color .3s}.contact-picker-content{flex:1 1;min-height:200px;overflow-y:auto}.contacts-list{padding:0}.contact-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .2s}.contact-item:hover{background:#f8f9fa}.contact-item.selected{background:#e3f2fd;border-left:4px solid #667eea}.contact-item.manual-entry{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;border-radius:8px;color:#fff;margin:12px 16px}.contact-item.manual-entry:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.contact-avatar{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.contact-item.manual-entry .contact-avatar{background:#fff3}.contact-info{flex:1 1;min-width:0}.contact-name{align-items:center;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:2px}.source-badge{background:#e1e5e9;border-radius:10px;color:#666;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.source-badge.saved{background:#d4edda;color:#155724}.contact-email,.contact-phone{color:#666;font-size:13px;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item.manual-entry .contact-email,.contact-item.manual-entry .contact-phone{color:#fffc}.contact-checkbox{align-items:center;border:2px solid #ddd;border-radius:4px;color:#667eea;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.contact-item.selected .contact-checkbox{background:#667eea;border-color:#667eea;color:#fff}.no-contacts{align-items:center;color:#666;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.no-contacts-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-contacts h4{color:#333;font-size:16px;margin:0 0 8px}.no-contacts p{font-size:14px;margin:0;opacity:.8}.contact-picker-footer{align-items:center;background:#f8f9fa;border-top:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.selected-count{color:#666;font-size:14px;font-weight:500}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.cancel-btn{background:#e9ecef;color:#666}.cancel-btn:hover{background:#dee2e6}.submit-btn{background:#667eea;color:#fff}.submit-btn:hover{background:#5a6fd8;transform:translateY(-1px)}@media (max-width:768px){.contact-picker-modal{max-height:85vh;width:95%}.contact-picker-header{padding:16px 20px}.contact-picker-header h3{font-size:1rem}.contact-item{padding:14px 16px}.contact-picker-search{padding:12px 16px}.contact-picker-footer{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.footer-actions{justify-content:center}.cancel-btn,.submit-btn{flex:1 1;padding:12px 16px}}@media (max-width:480px){.contact-picker-modal{border-radius:0;height:100vh;width:100%}.contact-avatar{font-size:14px;height:36px;width:36px}.contact-name{font-size:14px}.contact-email,.contact-phone{font-size:12px}}.cm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;display:flex;inset:0;justify-content:center;position:fixed;z-index:1050}.cm-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000047;display:flex;flex-direction:column;height:88vh;max-height:880px;max-width:960px;overflow:hidden;position:relative;width:92%}.cm-modal.cm-dark{background:#1e1e2e;color:#cdd6f4}.cm-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;gap:10px;justify-content:space-between;padding:14px 18px}.cm-header,.cm-header-left{align-items:center;display:flex}.cm-header-left{gap:8px}.cm-header-icon{font-size:1.25rem}.cm-header h3{font-size:1.05rem;font-weight:600;margin:0}.cm-total-badge{background:#ffffff38;border-radius:12px;font-size:.73rem;font-weight:700;padding:2px 8px}.cm-header-right{align-items:center;display:flex;gap:8px}.cm-add-btn{background:#ffffff38;border:1px solid #fff6;border-radius:8px;color:#fff;cursor:pointer;font-size:.83rem;font-weight:600;padding:6px 14px;transition:background .2s;white-space:nowrap}.cm-add-btn:hover{background:#ffffff59}.cm-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;height:32px;justify-content:center;transition:background .2s;width:32px}.cm-close-btn:hover{background:#ffffff4d}.cm-tabs{background:#fafbfc;border-bottom:1px solid #e8ecef;display:flex;flex-shrink:0}.cm-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.82rem;font-weight:500;gap:5px;justify-content:center;padding:10px 8px;transition:all .2s}.cm-tab:hover{background:#f0f2ff;color:#667eea}.cm-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea;font-weight:600}.cm-tab-count{background:#667eea;border-radius:10px;color:#fff;font-size:.68rem;font-weight:700;padding:1px 6px}.cm-toolbar{background:#fff;border-bottom:1px solid #e8ecef;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:10px 14px}.cm-search-wrap,.cm-toolbar{align-items:center;display:flex}.cm-search-wrap{flex:1 1;min-width:140px;position:relative}.cm-search-icon{font-size:.82rem;left:10px;pointer-events:none;position:absolute}.cm-search-input{background:#f8f9fa;border:1.5px solid #e1e5e9;border-radius:20px;box-sizing:border-box;font-size:.85rem;outline:none;padding:8px 32px;transition:border-color .2s;width:100%}.cm-search-input:focus{background:#fff;border-color:#667eea}.cm-search-clear{background:none;border:none;color:#999;cursor:pointer;font-size:.72rem;padding:2px 4px;position:absolute;right:8px}.cm-toolbar-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.cm-toolbar-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.77rem;padding:5px 10px;transition:all .2s;white-space:nowrap}.cm-toolbar-btn:hover{border-color:#667eea;color:#667eea}.cm-delete-sel-btn{background:#fff0f0;border-color:#f5c6cb;color:#dc3545}.cm-delete-sel-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.cm-sort-select{cursor:pointer;font-size:.8rem;outline:none;padding:5px 8px}.cm-sort-select,.cm-view-toggle{border:1px solid #ddd;border-radius:6px}.cm-view-toggle{display:flex;overflow:hidden}.cm-view-btn{background:#fff;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:5px 9px;transition:all .15s}.cm-view-btn:hover{background:#f0f2ff}.cm-view-btn.active{background:#667eea;color:#fff}.cm-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.cm-contacts-area{flex:1 1;min-height:0;overflow-y:auto;padding:12px 14px}.cm-contacts-area.grid-mode{grid-gap:10px;align-content:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cm-contacts-area.list-mode{display:flex;flex-direction:column;gap:6px}.contact-card{align-items:center;background:#fff;border:1.5px solid #e8ecef;border-radius:12px;display:flex;gap:8px;padding:10px 12px;position:relative;transition:box-shadow .18s,border-color .18s}.contact-card:hover{border-color:#b0baff;box-shadow:0 3px 14px #667eea26}.contact-card.selected{background:#f5f7ff;border-color:#667eea}.contact-card.blocked-card{border-style:dashed;opacity:.6}.card-checkbox{cursor:pointer;flex-shrink:0}.card-checkbox input{accent-color:#667eea;cursor:pointer;height:15px;width:15px}.avatar-wrapper{flex-shrink:0;position:relative}.contact-avatar-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;justify-content:center;-webkit-user-select:none;user-select:none}.fav-badge{background:#fffbe6;border:1.5px solid #fff;border-radius:50%;color:#f59e0b;font-size:.7rem}.blocked-badge,.fav-badge{align-items:center;bottom:-2px;display:flex;height:17px;justify-content:center;position:absolute;right:-2px;width:17px}.blocked-badge{background:#fff;border:1.5px solid #e8ecef;border-radius:50%;font-size:.6rem}.card-main{align-items:center;cursor:pointer;display:flex;gap:10px}.card-info,.card-main{flex:1 1;min-width:0}.card-name{color:#1a1a2e;font-size:.88rem;font-weight:600}.card-name,.card-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-secondary{color:#888;font-size:.76rem;margin-top:2px}.card-actions{flex-shrink:0;gap:1px}.card-actions,.card-btn{align-items:center;display:flex}.card-btn{background:none;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:.82rem;line-height:1;padding:5px 6px;transition:background .15s,color .15s}.card-btn:hover{background:#f0f2ff}.fav-btn.active{color:#f59e0b}.more-btn{font-size:1rem;letter-spacing:1px;padding:4px 5px}.menu-wrapper{position:relative}.card-dropdown{background:#fff;border:1px solid #e8ecef;border-radius:10px;box-shadow:0 8px 24px #00000024;min-width:165px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.card-dropdown button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.82rem;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.card-dropdown button:hover{background:#f5f7ff}.card-dropdown .dropdown-delete{border-top:1px solid #f0f0f0;color:#dc3545}.card-dropdown .dropdown-delete:hover{background:#fff5f5}.cm-profile-panel{align-items:center;background:#fafbfc;border-left:1px solid #e8ecef;display:flex;flex-direction:column;flex-shrink:0;gap:12px;overflow-y:auto;padding:18px 14px;position:relative;width:290px}.profile-close-btn{background:none;border:none;border-radius:6px;color:#999;cursor:pointer;font-size:.95rem;padding:4px 8px;position:absolute;right:10px;top:10px;transition:background .2s}.profile-close-btn:hover{background:#e8ecef;color:#333}.profile-avatar-wrap{margin-top:8px;position:relative}.profile-fav-star{bottom:0;color:#f59e0b;font-size:1.05rem;position:absolute;right:0}.profile-name{color:#1a1a2e;font-size:1.15rem;font-weight:700;margin:0;text-align:center}.profile-company{color:#888;font-size:.83rem;margin:0;text-align:center}.profile-quick-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.pq-btn{align-items:center;background:#fff;border:1.5px solid #e8ecef;border-radius:10px;color:#555;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;font-weight:600;gap:4px;min-width:58px;padding:8px 12px;transition:all .15s}.pq-btn:hover{background:#f5f7ff;border-color:#667eea;color:#667eea}.pq-btn span:first-child{font-size:1.05rem}.pq-fav.active{background:#fffbe6;border-color:#f59e0b;color:#d97706}.profile-fields{background:#fff;border:1px solid #e8ecef;border-radius:10px;overflow:hidden;width:100%}.profile-field{align-items:flex-start;border-bottom:1px solid #f0f2f5;display:flex;gap:10px;padding:10px 12px}.profile-field:last-child{border-bottom:none}.pf-icon{flex-shrink:0;font-size:.88rem;margin-top:2px}.pf-label{color:#999;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pf-value{color:#333;font-size:.83rem;margin-top:2px;word-break:break-word}.profile-footer-btns{display:flex;gap:8px;width:100%}.profile-block-btn,.profile-edit-btn{background:#fff;border:1.5px solid #e8ecef;border-radius:8px;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:9px 10px;transition:all .15s}.profile-edit-btn:hover{background:#f5f7ff;border-color:#667eea;color:#667eea}.profile-block-btn{border-color:#f5c6cb;color:#dc3545}.profile-block-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.profile-block-btn.unblock{border-color:#c3e6cb;color:#28a745}.profile-block-btn.unblock:hover{background:#28a745;border-color:#28a745;color:#fff}.cm-loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:200px}.cm-spinner{animation:cm-spin .8s linear infinite;border:3px solid #e8ecef;border-radius:50%;border-top-color:#667eea;height:32px;width:32px}@keyframes cm-spin{to{transform:rotate(1turn)}}.cm-empty{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:220px;padding:20px;text-align:center}.cm-empty-icon{font-size:3rem;opacity:.45}.cm-empty-title{color:#444;font-size:1rem;font-weight:600;margin:0}.cm-empty-sub{color:#999;font-size:.82rem;margin:0}.cm-empty-add-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;margin-top:8px;padding:10px 22px;transition:background .2s}.cm-empty-add-btn:hover{background:#5a6fd8}.cm-footer{align-items:center;background:#fafbfc;border-top:1px solid #e8ecef;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:10px 14px}.cm-footer-total{color:#888;font-size:.78rem}.cm-footer-actions{display:flex;gap:6px}.cm-footer-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;display:inline-flex;font-size:.77rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s}.cm-footer-btn:hover{border-color:#667eea;color:#667eea}.cm-form-overlay{align-items:center;background:#00000073;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.cm-form-modal{background:#fff;border-radius:14px;box-shadow:0 12px 40px #00000038;display:flex;flex-direction:column;max-height:88%;max-width:440px;overflow:hidden;width:90%}.cm-form-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e8ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.cm-form-header h4{color:#333;font-size:.98rem;font-weight:600;margin:0}.cm-form-header button{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:.95rem;padding:4px 8px}.cm-form-header button:hover{background:#e8ecef;color:#333}.cm-form-body{display:flex;flex-direction:column;gap:11px;overflow-y:auto;padding:18px}.cm-form-body input,.cm-form-body textarea{border:1.5px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.87rem;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.cm-form-body input:focus,.cm-form-body textarea:focus{border-color:#667eea}.cm-form-body textarea{min-height:68px;resize:vertical}.cm-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.cm-cancel-btn{background:#e9ecef;border:none;border-radius:8px;color:#555;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:background .2s}.cm-cancel-btn:hover{background:#dee2e6}.cm-save-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 18px;transition:background .2s}.cm-save-btn:hover{background:#5a6fd8}@media (max-width:768px){.cm-header{padding:max(14px,calc(env(safe-area-inset-top, 0px) + 8px)) 14px 10px}.cm-modal{height:100%;max-height:100%;width:100%}.cm-form-overlay,.cm-modal{border-radius:0}.cm-body.panel-open .cm-contacts-area{display:none}.cm-body.panel-open .cm-profile-panel{border-left:none;border-top:1px solid #e8ecef;width:100%}.cm-contacts-area.grid-mode{grid-template-columns:1fr}.cm-toolbar{gap:8px;padding:8px 12px}.card-btn.call-btn,.card-btn.msg-btn,.cm-sort-select,.cm-tab-label{display:none}}@media (max-width:480px){.cm-form-modal{align-self:flex-end;border-radius:14px 14px 0 0;margin:0;max-width:100%;width:100%}.cm-footer{padding:8px 12px}.cm-profile-panel{padding:14px 12px}}.user-search-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.user-search-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.user-search-header{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.user-search-header h3{color:#333;color:var(--text-primary,#333);font-size:1.25rem;font-weight:600;margin:0}.close-btn{color:var(--text-secondary,#666)}.close-btn:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0);color:var(--text-primary,#333)}.user-search-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.search-input-section{margin-bottom:20px}.search-icon{color:#666;color:var(--text-secondary,#666)}.user-search-input{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:25px;color:#333;color:var(--text-primary,#333);font-size:16px;outline:none;padding:12px 45px 12px 40px;transition:all .2s ease;width:100%}.user-search-input:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a}.user-search-input::placeholder{color:#999;color:var(--text-secondary,#999)}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:5px;position:absolute;right:12px;transition:all .2s ease;width:24px}.clear-search-btn:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0);color:#333;color:var(--text-primary,#333)}.search-loading{color:#666;color:var(--text-secondary,#666);padding:40px 20px}.loading-spinner{border:2px solid #e0e0e0;border-top:2px solid #007bff;border:2px solid var(--border-color,#e0e0e0);border-top-color:var(--primary-color,#007bff);height:24px;width:24px}.search-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;margin-bottom:20px;padding:16px}.error-icon{font-size:18px;margin-right:8px}.search-error p{font-weight:500;margin:0}.results-header{justify-content:between}.results-header h4{color:#333;color:var(--text-primary,#333);font-size:1.1rem;font-weight:600;margin:0}.results-count{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.users-list{display:flex;flex-direction:column;gap:8px}.user-item{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.user-item:hover{background:#f8f9fa;background:var(--bg-hover,#f8f9fa);border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-avatar{margin-right:12px}.avatar-fallback,.user-avatar img{border-radius:50%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#007bff,#40a9ff);background:linear-gradient(135deg,var(--primary-color,#007bff),var(--primary-light,#40a9ff));color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.status-indicator{border:2px solid var(--bg-primary,#fff)}.status-indicator.online{background:#10b981}.status-indicator.offline{background:#6b7280}.status-indicator.away{background:#f59e0b}.user-name{color:#333;color:var(--text-primary,#333);font-size:1rem;margin-bottom:4px}.user-details{display:flex;flex-direction:column;gap:2px}.username{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.bio{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bio,.location{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.user-actions{margin-left:12px}.chat-btn{align-items:center;background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-btn:hover{background:#0056b3;background:var(--primary-dark,#0056b3);transform:scale(1.1)}.chat-btn.loading{background:#666;background:var(--text-secondary,#666);cursor:not-allowed;transform:none}.chat-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.no-results{color:#666;color:var(--text-secondary,#666);padding:40px 20px}.no-results-icon{display:block;font-size:48px}.no-results h4{color:#333;color:var(--text-primary,#333);margin:0 0 8px}.no-results p{color:#666;color:var(--text-secondary,#666)}.recent-searches{margin-bottom:20px}.recent-header{align-items:center;display:flex;justify-content:between;margin-bottom:16px}.recent-header h4{color:#333;color:var(--text-primary,#333);font-size:1.1rem;font-weight:600;margin:0}.clear-recent-btn{background:none;border:none;border-radius:4px;color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .2s ease}.clear-recent-btn:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0)}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #f0f0f0;border:1px solid var(--border-light,#f0f0f0);border-radius:6px;cursor:pointer;display:flex;padding:10px;transition:all .2s ease}.recent-item:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0)}.recent-avatar{flex-shrink:0;height:32px;margin-right:10px;width:32px}.recent-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.recent-avatar .avatar-fallback{font-size:12px;height:100%;width:100%}.recent-info{flex:1 1;min-width:0}.recent-name{color:#333;color:var(--text-primary,#333);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-query{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-style:italic}.recent-time{color:#999;color:var(--text-secondary,#999);flex-shrink:0;font-size:.75rem;margin-left:8px}.empty-state{color:#666;color:var(--text-secondary,#666);padding:40px 20px}.empty-icon{display:block;margin-bottom:20px;opacity:.6}.empty-state h4{color:var(--text-primary,#333);font-size:1.25rem;margin:0 0 12px}.empty-state p{color:#666;color:var(--text-secondary,#666);margin:0 0 24px}.search-tips{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;margin-top:20px;padding:16px}.search-tips h5{color:#333;color:var(--text-primary,#333);font-size:1rem;margin:0 0 12px}.search-tips ul{list-style:none;padding:0}.search-tips li{color:#666;color:var(--text-secondary,#666);font-size:.9rem}@media (max-width:768px){.user-search-modal{max-height:90vh;width:95%}.user-search-content,.user-search-header{padding:16px}.user-item{padding:10px}.user-avatar{height:40px;width:40px}.chat-btn{font-size:12px;height:32px;width:32px}.user-details{gap:1px}.bio,.location{display:none}}.dark-theme .user-search-modal{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}.dark-theme .user-search-header,.dark-theme .user-search-input{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#333;border-color:var(--border-color,#333)}.dark-theme .user-search-input{color:#fff;color:var(--text-primary,#fff)}.dark-theme .user-search-input::placeholder{color:#999;color:var(--text-secondary,#999)}.dark-theme .user-item{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#333;border-color:var(--border-color,#333)}.dark-theme .user-item:hover{background:#333;background:var(--bg-hover,#333)}.dark-theme .recent-item{border-color:#333;border-color:var(--border-light,#333)}.dark-theme .recent-item,.dark-theme .search-tips{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a)}.advanced-search-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.advanced-search-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.search-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.search-modal-header h2{font-size:24px;font-weight:700;margin:0}.close-btn{font-size:28px;height:40px;width:40px}.search-form{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px}.search-input-wrapper{align-items:center;display:flex;margin-bottom:12px;position:relative}.search-icon{font-size:20px}.search-input{border:2px solid #d1d5db;font-size:16px;padding:14px 50px;transition:all .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.clear-query-btn{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:28px}.clear-query-btn:hover{background:#d1d5db;color:#374151}.search-actions{display:flex;gap:12px}.filter-toggle-btn,.search-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.search-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1}.search-btn.primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.search-btn.primary:disabled{cursor:not-allowed;opacity:.6}.filter-toggle-btn{background:#fff;border:2px solid #d1d5db;color:#374151}.filter-toggle-btn:hover{background:#f9fafb;border-color:#667eea;color:#667eea}.filter-toggle-btn.active{background:#667eea;border-color:#667eea;color:#fff}.search-suggestions{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:12px 24px}.suggestions-label{color:#6b7280;font-size:13px;font-weight:600}.suggestion-item{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.suggestion-item:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}.filters-panel{animation:slideDown .3s ease;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.filter-group{flex-direction:column;gap:6px}.filter-group label{color:#374151;font-size:13px}.filter-group input[type=date],.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.filters-actions{display:flex;gap:12px}.apply-filters-btn,.clear-filters-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.apply-filters-btn{background:#10b981;color:#fff;flex:1 1}.apply-filters-btn:hover{background:#059669;transform:translateY(-1px)}.clear-filters-btn{background:#fff;border:1px solid #d1d5db;color:#6b7280}.clear-filters-btn:hover{background:#f9fafb;border-color:#9ca3af}.search-history{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.history-header h3{color:#374151;font-size:16px;margin:0}.clear-history-btn{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.clear-history-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.history-item{background:#f9fafb;justify-content:space-between;padding:12px;transition:all .2s ease}.history-item:hover{background:#ede9fe;transform:translateX(4px)}.history-query{color:#374151;font-size:14px}.history-count{background:#fff;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.search-results-container{flex:1 1;overflow-y:auto;padding:20px 24px}.search-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #e5e7eb;height:50px;margin-bottom:16px;width:50px}.results-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.results-count{color:#374151;font-size:15px;font-weight:600}.results-page{color:#6b7280;font-size:13px}.search-results{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-result-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;position:relative;transition:all .2s ease}.search-result-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.search-result-item.selected{background:#ede9fe;border-color:#667eea}.search-result-item.fuzzy-match{border-left:4px solid #f59e0b}.result-header{margin-bottom:8px}.result-user{color:#374151;font-size:14px;font-weight:600}.result-timestamp{color:#6b7280;font-size:12px}.result-text{color:#1f2937}.result-text mark{background:#fef3c7;border-radius:3px;color:#92400e;font-weight:600;padding:2px 4px}.fuzzy-badge{background:#f59e0b;border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px}.search-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;margin-top:20px;padding-top:20px}.page-btn,.page-number{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.page-btn:hover:not(:disabled),.page-number:hover{background:#667eea;border-color:#667eea;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-number.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:600}.page-numbers{display:flex;gap:6px}.no-results{color:#6b7280;padding:60px 20px;text-align:center}.no-results-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-results h3{color:#374151;font-size:20px;margin:0 0 8px}.no-results p{font-size:15px;margin:0}.search-tips{padding:40px 20px;text-align:left}.search-tips h3{color:#374151;font-size:18px;margin:0 0 16px}.search-tips ul{color:#6b7280;font-size:15px;line-height:1.8;margin:0;padding-left:24px}.search-tips li{margin-bottom:8px}.search-shortcuts{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;gap:16px;justify-content:center;padding:12px 24px}.search-shortcuts,.shortcut{align-items:center;display:flex}.shortcut{gap:6px}.shortcut kbd{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 2px 4px #0000000d;font-family:monospace;font-size:12px;padding:4px 8px}@media (max-width:768px){.advanced-search-modal{border-radius:16px;max-height:95vh;width:95%}.search-modal-header{padding:16px}.search-modal-header h2{font-size:20px}.search-form{padding:16px}.filters-grid{grid-template-columns:1fr}.search-shortcuts{flex-wrap:wrap;gap:8px;padding:8px 16px}.page-numbers{display:none}}@media (max-width:480px){.advanced-search-modal{border-radius:0;max-height:100vh;width:100%}.search-actions{flex-direction:column}.filter-toggle-btn{width:100%}.results-header{align-items:flex-start;flex-direction:column;gap:8px}}.smart-replies-panel{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e0e7ff;border-radius:16px;box-shadow:0 8px 24px #0000001f;margin-bottom:12px;padding:16px}.smart-replies-header{align-items:center;border-bottom:2px solid #e0e7ff;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.header-left{gap:8px}.ai-icon{animation:pulse 2s ease-in-out infinite;font-size:20px}.smart-replies-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#374151;font-size:16px;font-weight:600;margin:0}.sentiment-indicator{align-items:center;background:#fffc;border:1px solid;border-radius:12px;display:flex;font-size:13px;font-weight:600;gap:6px;opacity:.9;padding:4px 12px}.sentiment-emoji{font-size:16px}.sentiment-label{text-transform:capitalize}.smart-replies-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;padding:24px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;margin-bottom:12px}.smart-replies-loading p{font-size:14px;margin:0}.smart-replies-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.smart-reply-btn{word-wrap:break-word;align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);border:2px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;max-width:100%;padding:10px 16px;position:relative;transition:all .2s ease}.smart-reply-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.smart-reply-btn:active{transform:translateY(0)}.smart-reply-btn.emoji-reply{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;font-size:24px;padding:10px 14px}.smart-reply-btn.emoji-reply:hover{box-shadow:0 6px 16px #fbbf2466;transform:scale(1.15)}.reply-text{flex:1 1;line-height:1.4}.confidence-badge{font-size:12px;opacity:.8}.smart-reply-btn:hover .confidence-badge{opacity:1}.category-tag{background:#667eea1a;border-radius:6px;color:#667eea;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.smart-reply-btn:hover .category-tag{background:#ffffff4d;color:#fff}.smart-replies-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;padding:32px 16px}.empty-icon{margin-bottom:8px}.smart-replies-empty p{font-size:14px;margin:0}.smart-replies-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:12px}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:13px;padding:6px 12px}.refresh-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.ai-powered{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.smart-replies-panel{border-radius:12px;padding:12px}.smart-reply-btn{font-size:13px;padding:8px 12px}.smart-replies-header h4{font-size:14px}.category-tag{display:none}}@media (max-width:480px){.smart-replies-list{gap:6px}.smart-reply-btn{font-size:12px;padding:8px 10px}.sentiment-indicator{font-size:11px;padding:3px 8px}.smart-replies-footer{align-items:stretch;flex-direction:column;gap:8px}.refresh-btn{justify-content:center;width:100%}}@keyframes replyAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.smart-reply-btn{animation:replyAppear .3s ease}.smart-reply-btn:first-child{animation-delay:.05s}.smart-reply-btn:nth-child(2){animation-delay:.1s}.smart-reply-btn:nth-child(3){animation-delay:.15s}.smart-reply-btn:nth-child(4){animation-delay:.2s}.smart-reply-btn:nth-child(5){animation-delay:.25s}.smart-reply-btn:nth-child(6){animation-delay:.3s}.ai-enhancement-panel{animation:slideIn .3s ease;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 12px 32px #00000026;margin:0 auto;max-width:500px;overflow:hidden}.enhancement-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.enhancement-header h4{font-size:18px;font-weight:700;margin:0}.enhancement-tabs{background:#f3f4f6;border-radius:12px;display:flex;gap:0;margin:16px 20px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#667eea}.tab-btn:hover:not(.active){color:#374151}.original-message{background:#f9fafb;border-left:4px solid #667eea;border-radius:10px;margin:16px 20px;padding:12px}.message-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.message-text{color:#374151;line-height:1.6}.enhance-content,.translate-content{padding:0 20px 16px}.language-selector label,.tone-selector label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.language-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:16px}.language-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;padding:12px 8px;transition:all .2s ease}.language-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.language-btn.active{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#667eea;color:#667eea;font-weight:600}.flag{font-size:24px}.lang-name{font-size:11px}.tone-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.tone-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:12px;transition:all .2s ease}.tone-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.tone-btn.active{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#667eea;color:#667eea;font-weight:600}.tone-icon{font-size:20px}.tone-label{flex:1 1}.enhancement-options{background:#f9fafb;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px}.checkbox-label{color:#374151;font-size:13px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.action-btn{font-size:15px;gap:8px;padding:14px;width:100%}.translate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.enhance-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.action-btn:disabled{opacity:.6;transform:none}.result-section{animation:fadeIn .3s ease;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin:20px;padding:16px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.result-label{font-size:13px}.copy-btn,.result-label{color:#166534;font-weight:600}.copy-btn{background:#fff;border:1px solid #86efac;border-radius:8px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.copy-btn:hover{background:#22c55e;border-color:#22c55e;color:#fff}.result-text{background:#fff9;border-radius:8px;color:#166534;font-size:15px;line-height:1.6;margin-bottom:12px;padding:10px}.result-meta{display:flex;flex-wrap:wrap;gap:8px}.changes-badge,.confidence-badge,.lang-badge,.tone-badge{background:#fff;border:1px solid #86efac;border-radius:6px;color:#166534;font-size:11px;font-weight:600;padding:4px 10px}.enhancement-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px;text-align:center}.ai-notice{color:#9ca3af;font-size:11px;font-weight:500}@media (max-width:768px){.ai-enhancement-panel{max-width:100%}.language-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.language-btn{padding:10px 6px}.flag{font-size:20px}.tone-grid{grid-template-columns:1fr}}@media (max-width:480px){.enhancement-header{padding:12px 16px}.enhancement-header h4{font-size:16px}.enhance-content,.enhancement-tabs,.original-message,.result-section,.translate-content{margin:12px 16px}.language-grid{grid-template-columns:repeat(3,1fr)}.lang-name{font-size:10px}}.mode-selector{margin-bottom:16px}.mode-selector label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.mode-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.mode-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;padding:10px 6px;transition:all .2s ease}.mode-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#667eea;color:#667eea;font-weight:600}.mode-icon{font-size:18px}.mode-label{font-size:11px;text-align:center}.mode-description{background:#f9fafb;border-left:3px solid #667eea;border-radius:8px;color:#6b7280;font-size:12px;margin-bottom:16px;padding:10px 12px}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}.result-actions{align-items:center;display:flex;gap:6px}.use-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.use-btn:hover{opacity:.9;transform:translateY(-1px)}.result-section.result-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.result-err-msg{color:#991b1b;font-size:14px;padding:8px 0;text-align:center}.ai-notice a{color:#667eea;text-decoration:none}.ai-notice a:hover{text-decoration:underline}@media (max-width:480px){.mode-grid{grid-template-columns:repeat(2,1fr)}}.dialer-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialer-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:400px;overflow:hidden;width:90%}.dialer-header{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.dialer-header h3{font-size:1.1rem;font-weight:600;margin:0}.dialer-content{flex:1 1;overflow-y:auto;padding:24px}.country-selector{margin-bottom:20px;position:relative}.country-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:16px;transition:all .2s;width:100%}.country-btn:hover{background:#f0f8ff;border-color:#1e3c72}.country-flag{font-size:24px}.country-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.country-name{color:#333;font-weight:500}.country-code{color:#666;font-family:Courier New,monospace;font-size:12px}.dropdown-arrow{color:#666;font-size:12px;transition:transform .2s}.country-dropdown{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 32px #0000001a;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.country-search{border-bottom:1px solid #eee;padding:12px}.country-search-input{border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none;padding:8px 12px;width:100%}.country-search-input:focus{border-color:#1e3c72}.country-list{max-height:250px;overflow-y:auto}.country-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:13px;gap:12px;padding:12px;text-align:left;transition:background .2s;width:100%}.country-item:hover{background:#f8f9fa}.country-details{align-items:center;display:flex;flex:1 1;justify-content:space-between}.number-display{margin-bottom:20px;position:relative}.number-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-family:Courier New,monospace;font-size:18px;outline:none;padding:16px 50px 16px 16px;text-align:center;transition:border-color .2s;width:100%}.number-input:focus{border-color:#1e3c72}.display-actions{display:flex;gap:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.clear-btn,.history-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px;transition:background .2s}.clear-btn:hover,.history-btn:hover{background:#1e3c721a}.call-history{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:16px}.call-history h4{color:#666;font-size:14px;margin:0 0 12px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:12px;padding:8px 12px;transition:all .2s}.history-item:hover{border-color:#1e3c72;transform:translateY(-1px)}.history-flag{font-size:16px}.history-number{color:#333;flex:1 1;font-family:Courier New,monospace}.history-time{color:#666;font-size:11px}.number-pad{grid-gap:12px;margin-bottom:24px}.number-pad,.pad-row{display:grid;gap:12px}.pad-row{grid-gap:12px;grid-template-columns:1fr 1fr 1fr}.pad-row button{align-items:center;aspect-ratio:1;background:#f8f9fa;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;font-size:24px;font-weight:600;justify-content:center;min-height:60px;transition:all .2s}.pad-row button:hover{background:#e9ecef;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.pad-row button:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.pad-row button span{color:#666;font-size:10px;font-weight:400;margin-top:2px}.dialer-actions{gap:16px}.backspace-btn,.dialer-actions{align-items:center;display:flex}.backspace-btn{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:60px;justify-content:center;padding:16px;transition:all .2s;width:60px}.backspace-btn:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.backspace-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.call-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;flex:1 1;font-size:18px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s}.call-btn.enabled{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.call-btn.enabled:hover{background:linear-gradient(135deg,#218838,#1ea179);box-shadow:0 8px 24px #28a7454d;transform:translateY(-2px)}.call-btn.disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}@media (max-width:480px){.dialer-modal{border-radius:0;height:100vh;max-height:none;width:100%}.dialer-content{padding:20px 16px}.number-input{font-size:16px;padding:14px 40px 14px 14px}.pad-row button{font-size:22px;min-height:55px}.call-btn{font-size:16px;padding:14px 20px}.backspace-btn{height:55px;width:55px}}.thread-view{background:#fff;border:1px solid #e1e4e8;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin:12px 0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.thread-view:hover{box-shadow:0 4px 12px #00000014}.thread-view.collapsed{box-shadow:0 1px 4px #0000000a}.thread-view.compact{border-radius:8px;margin:8px 0}.thread-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e1e4e8;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.thread-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.thread-info{flex:1 1;gap:12px}.thread-info,.thread-toggle{align-items:center;display:flex}.thread-toggle{background:none;border:none;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;height:28px;justify-content:center;padding:4px 8px;transition:all .2s ease;width:28px}.thread-toggle:hover{background:#0000000d;color:#212529}.thread-title{color:#495057;font-size:14px;font-weight:600;letter-spacing:.3px}.thread-participants{align-items:center;display:flex;margin-left:auto;margin-right:12px}.participant-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;margin-left:-8px;transition:transform .2s ease;width:28px}.participant-avatar:first-child{margin-left:0}.participant-avatar:hover{transform:translateY(-2px);z-index:10!important}.thread-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:4px 8px;transition:all .2s ease;width:28px}.thread-close:hover{background:#dc35451a;color:#dc3545}.thread-content{animation:slideDown .3s ease;padding:16px}.thread-parent-message{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:16px;padding:12px 16px}.message-header{align-items:center;gap:10px;margin-bottom:8px}.message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:16px;height:32px;justify-content:center;width:32px}.message-avatar,.message-info{align-items:center;display:flex}.message-info{flex:1 1;gap:8px}.message-author{color:#212529;font-size:14px;font-weight:600}.message-time{color:#6c757d;font-size:12px}.message-text{color:#495057}.thread-divider{align-items:center;display:flex;gap:12px;margin:20px 0}.divider-line{background:linear-gradient(90deg,#0000,#dee2e6,#0000);flex:1 1;height:1px}.divider-text{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.thread-replies{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.thread-reply{animation:fadeInUp .3s ease;padding-left:24px;position:relative}.reply-connector{background:linear-gradient(180deg,#667eea,#0000);bottom:0;left:0;position:absolute;top:0;width:2px}.reply-content{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:12px;transition:all .2s ease}.reply-content:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.thread-reply-input{animation:expandIn .3s ease;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:12px}@keyframes expandIn{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.reply-textarea{border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.reply-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reply-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.reply-cancel-btn,.reply-send-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.reply-cancel-btn{background:#fff;border:1px solid #dee2e6;color:#6c757d}.reply-cancel-btn:hover{background:#f8f9fa;border-color:#adb5bd}.reply-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reply-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.reply-send-btn:disabled{cursor:not-allowed;opacity:.5}.thread-reply-btn{align-items:center;background:#fff;border:2px dashed #dee2e6;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.thread-reply-btn:hover{background:#f8f9fa;border-color:#667eea;border-style:solid}@media (prefers-color-scheme:dark){.thread-view{background:#1e1e1e;border-color:#333}.thread-header{background:linear-gradient(135deg,#2d2d2d,#1e1e1e);border-bottom-color:#333}.thread-header:hover{background:linear-gradient(135deg,#333,#2d2d2d)}.thread-title{color:#e1e4e8}.thread-close,.thread-toggle{color:#adb5bd}.thread-close:hover,.thread-toggle:hover{background:#ffffff1a;color:#e1e4e8}.thread-parent-message{background:#2d2d2d;border-left-color:#667eea}.message-author{color:#e1e4e8}.message-time{color:#8b949e}.message-text{color:#c9d1d9}.divider-line{background:linear-gradient(90deg,#0000,#333,#0000)}.divider-text{color:#8b949e}.reply-content{background:#2d2d2d;border-color:#333}.reply-content:hover{border-color:#667eea}.thread-reply-input{background:#2d2d2d;border-color:#333}.reply-textarea{background:#1e1e1e;border-color:#333;color:#e1e4e8}.reply-textarea:focus{border-color:#667eea}.reply-cancel-btn{background:#2d2d2d;border-color:#333;color:#adb5bd}.reply-cancel-btn:hover{background:#333}.thread-reply-btn{background:#2d2d2d;border-color:#333;color:#667eea}.thread-reply-btn:hover{background:#333;border-color:#667eea}}@media (max-width:768px){.thread-view{border-radius:8px;margin:8px 0}.thread-header{padding:10px 12px}.thread-content{padding:12px}.thread-title{font-size:13px}.participant-avatar{font-size:12px;height:24px;margin-left:-6px;width:24px}.message-avatar{font-size:14px;height:28px;width:28px}.message-author{font-size:13px}.message-time{font-size:11px}.message-text{font-size:13px}.thread-reply{padding-left:16px}.reply-textarea{font-size:13px;min-height:60px}.reply-actions{flex-direction:column}.reply-cancel-btn,.reply-send-btn{width:100%}}.thread-view.compact .thread-header{padding:8px 12px}.thread-view.compact .thread-content{padding:12px}.thread-view.compact .thread-parent-message{margin-bottom:12px;padding:10px 12px}.thread-view.compact .thread-replies{gap:8px;margin-bottom:12px}.thread-view.compact .reply-content{padding:10px}.reply-cancel-btn:focus,.reply-send-btn:focus,.thread-close:focus,.thread-reply-btn:focus,.thread-toggle:focus{outline:2px solid #667eea;outline-offset:2px}.reply-textarea:focus{outline:none}@media print{.thread-view{break-inside:avoid;page-break-inside:avoid}.thread-close,.thread-reply-btn,.thread-reply-input,.thread-toggle{display:none}}.thread-indicator{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:20px;cursor:pointer;display:inline-flex;gap:8px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.thread-indicator:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.thread-indicator:active{transform:translateY(0)}.thread-indicator.compact{gap:6px;padding:4px 8px}.thread-indicator.active{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.thread-indicator.active:hover{background:linear-gradient(135deg,#5a67d8,#6a3f97)}.indicator-icon{align-items:center;animation:bounce .5s ease;display:flex;font-size:16px;justify-content:center}.thread-indicator.compact .indicator-icon{font-size:14px}.indicator-content{display:flex;flex-direction:column;gap:2px;min-width:0}.indicator-count{color:#495057;font-size:14px;font-weight:600;line-height:1}.thread-indicator.active .indicator-count{color:#fff}.thread-indicator.compact .indicator-count{font-size:12px}.indicator-details{align-items:center;color:#6c757d;display:flex;font-size:11px;gap:8px;line-height:1}.thread-indicator.active .indicator-details{color:#ffffffe6}.indicator-participants,.indicator-time{align-items:center;display:flex;gap:3px;white-space:nowrap}.indicator-pulse{animation:pulseScale 2s infinite;background:#28a745;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}@keyframes pulseScale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.thread-indicator:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.thread-indicator{background:linear-gradient(135deg,#2d2d2d,#1e1e1e);border-color:#333}.thread-indicator:hover{background:linear-gradient(135deg,#333,#2d2d2d);border-color:#667eea}.indicator-count{color:#e1e4e8}.indicator-details{color:#8b949e}.thread-indicator.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.thread-indicator.active .indicator-count,.thread-indicator.active .indicator-details{color:#fff}}@media (max-width:768px){.thread-indicator{gap:6px;padding:5px 10px}.indicator-icon{font-size:14px}.indicator-count{font-size:12px}.indicator-details{font-size:10px;gap:6px}.thread-indicator.compact{padding:4px 8px}}@media (prefers-contrast:high){.thread-indicator{border-width:2px}.thread-indicator:focus{outline-width:3px}}@media print{.thread-indicator{background:#fff;border:1px solid #000;break-inside:avoid;page-break-inside:avoid}.indicator-pulse{display:none}}.thread-indicator.entering{animation:slideInRight .3s ease}.thread-indicator.leaving{animation:slideOutRight .3s ease}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.thread-indicator.active:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.thread-indicator.active:hover:before{left:100%}.thread-indicator.loading{opacity:.6;pointer-events:none}.thread-indicator.loading .indicator-icon{animation:spin 1s linear infinite}.donation-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.donation-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.donation-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.donation-header h3{font-size:1.3rem;font-weight:600;margin:0}.close-btn{border-radius:4px;padding:4px 8px;transition:background .2s}.donation-content{flex:1 1;overflow-y:auto;padding:28px}.donation-intro{margin-bottom:24px;text-align:center}.donation-intro p{color:#666;font-size:15px;line-height:1.6;margin:0}.donation-type{margin-bottom:28px}.type-toggle{background:#f1f3f4;border-radius:12px;display:flex;margin:0 auto;max-width:300px;padding:4px}.type-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.type-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#333}.amount-selection{margin-bottom:28px}.amount-selection h4{color:#333;font-size:16px;margin:0 0 16px;text-align:center}.amount-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.amount-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px 12px;text-align:center;transition:all .2s}.amount-btn.selected,.amount-btn:hover{border-color:#ff6b6b;box-shadow:0 4px 16px #ff6b6b33;transform:translateY(-2px)}.amount-btn.selected{background:#fff5f5}.amount-label{color:#333;font-size:18px;font-weight:600}.amount-desc{color:#666;font-size:11px;line-height:1.3}.custom-amount{text-align:center}.custom-amount label{color:#666;display:block;font-size:14px;margin-bottom:8px}.custom-input{align-items:center;display:inline-flex;max-width:200px;position:relative}.currency{color:#666;font-weight:500;left:12px;position:absolute;z-index:1}.custom-input input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;outline:none;padding:12px 16px 12px 28px;transition:border-color .2s;width:100%}.custom-input input:focus{border-color:#ff6b6b}.payment-methods{margin-bottom:20px}.payment-methods h4{color:#333;font-size:16px;margin:0 0 16px;text-align:center}.methods-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.method-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 8px;position:relative;text-align:center;transition:all .2s}.method-btn.selected,.method-btn:hover{border-color:#ff6b6b;transform:translateY(-2px)}.method-btn.selected{background:#fff5f5}.method-btn.popular:after{background:#28a745;border-radius:50%;content:"";height:8px;position:absolute;right:-1px;top:-1px;width:8px}.method-icon{font-size:24px}.method-name{color:#333;font-size:12px;font-weight:500}.popular-badge{background:#28a745;border-radius:4px;color:#fff;font-size:8px;font-weight:600;padding:2px 4px;position:absolute;right:4px;top:4px}.donation-footer{background:#f8f9fa;border-top:1px solid #eee;flex-shrink:0;padding:24px 28px}.donation-summary{margin-bottom:16px;text-align:center}.donation-summary p{color:#333;margin:0}.donate-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s;width:100%}.donate-btn.enabled{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.donate-btn.enabled:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 8px 24px #ff6b6b4d;transform:translateY(-2px)}.donate-btn.disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.payment-content{flex:1 1;overflow-y:auto;padding:28px}.payment-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.back-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:16px;padding:8px;transition:background .2s}.back-btn:hover{background:#f1f3f4}.payment-summary{flex:1 1;text-align:center}.payment-summary h4{color:#333;font-size:18px;margin:0 0 4px}.payment-summary p{color:#666;font-size:14px;margin:0}.payment-form{gap:20px}.form-group,.payment-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:14px}.form-group input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#ff6b6b}.form-group input:disabled{background:#f8f9fa;color:#6c757d}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-group{align-items:center;flex-direction:row;gap:12px}.checkbox-label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{margin:0}.external-payment-info{background:#f8f9fa;border-left:4px solid #ff6b6b;border-radius:8px;padding:16px}.external-payment-info p{color:#666;font-size:14px;line-height:1.5;margin:0}.payment-footer{background:#f8f9fa;border-top:1px solid #eee;flex-shrink:0;padding:24px 28px}.security-info{align-items:center;color:#666;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:16px}.security-icon{color:#28a745}.submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s;width:100%}.submit-btn.enabled{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.submit-btn.enabled:hover{background:linear-gradient(135deg,#218838,#1ea179);box-shadow:0 8px 24px #28a7454d;transform:translateY(-2px)}.submit-btn.disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}@media (max-width:768px){.donation-modal{border-radius:0;height:100vh;max-height:none;width:100%}.donation-content,.donation-header,.payment-content{padding:20px}.amount-grid,.methods-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.donation-footer,.payment-footer{padding:20px}}@media (max-width:480px){.amount-grid,.methods-grid{grid-template-columns:1fr}.amount-btn,.method-btn{padding:14px 10px}.amount-label{font-size:16px}.payment-header{align-items:stretch;flex-direction:column;text-align:left}.back-btn{align-self:flex-start}}.donation-prompt-overlay{pointer-events:none;position:fixed;right:20px;top:20px;z-index:999}.donation-prompt{animation:slideIn .5s ease-out;background:#fff;border:2px solid #667eea;border:2px solid var(--prompt-color,#667eea);border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;padding:20px;pointer-events:all;position:relative;width:300px}.donation-prompt:before{background:linear-gradient(90deg,#667eea,color-mix(in srgb,#667eea 80%,#fff));background:linear-gradient(90deg,var(--prompt-color,#667eea) 0,color-mix(in srgb,var(--prompt-color,#667eea) 80%,#fff) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.prompt-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s}.prompt-close:hover{background:#f5f5f5;color:#666}.prompt-content{margin-bottom:20px;text-align:center;transition:all .3s ease}.prompt-content.animating{opacity:0;transform:translateY(10px)}.prompt-emoji{display:block;font-size:32px;margin-bottom:12px}.prompt-title{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.prompt-message{color:#666;font-size:14px;line-height:1.4;margin:0}.prompt-actions{display:flex;gap:8px;margin-bottom:16px}.prompt-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.prompt-btn.primary{background:#667eea;background:var(--prompt-color,#667eea);color:#fff}.prompt-btn.primary:hover{background:color-mix(in srgb,#667eea 85%,#000);background:color-mix(in srgb,var(--prompt-color,#667eea) 85%,#000);transform:translateY(-1px)}.prompt-btn.secondary{background:#f1f3f4;border:1px solid #e1e5e9;color:#666}.prompt-btn.secondary:hover{background:#e9ecef;color:#333}.prompt-indicators{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.indicator{background:#ddd;border-radius:50%;cursor:pointer;height:6px;transition:all .2s;width:6px}.indicator:hover{background:#bbb}.indicator.active{background:#667eea;background:var(--prompt-color,#667eea);transform:scale(1.2)}.prompt-footer{text-align:center}.prompt-note{color:#999;font-size:11px;font-weight:500}@media (max-width:768px){.donation-prompt-overlay{left:10px;right:10px;top:10px}.donation-prompt{max-width:none;width:auto}}@media (max-width:480px){.donation-prompt{padding:16px}.prompt-title{font-size:16px}.prompt-message{font-size:13px}.prompt-btn{font-size:12px;padding:8px 12px}}@media (prefers-color-scheme:dark){.donation-prompt{background:#2d3748;border-color:#667eea;border-color:var(--prompt-color,#667eea)}.prompt-title{color:#f7fafc}.prompt-close,.prompt-message{color:#a0aec0}.prompt-btn.secondary,.prompt-close:hover{background:#4a5568;color:#e2e8f0}.prompt-btn.secondary{border-color:#2d3748}.prompt-btn.secondary:hover{background:#2d3748}.prompt-note{color:#718096}.indicator{background:#4a5568}.indicator:hover{background:#2d3748}}.donation-prompt[style*="#ff6b6b"]{animation:slideIn .5s ease-out,pulse 2s 1s infinite}.donation-prompt[style*="#8b4513"]{animation:slideIn .5s ease-out,bounce 1s ease-out 1s}.donation-prompt[style*="#667eea"]{animation:slideIn .5s ease-out,glow 3s ease-in-out 1s infinite}@keyframes glow{0%,to{box-shadow:0 10px 40px #00000026}50%{box-shadow:0 10px 40px #667eea4d}}.notification-settings-overlay{align-items:center;animation:overlayFadeIn .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.notification-settings-modal{animation:modalSlideUp .28s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 32px 64px #0000002e,0 0 0 1px #6366f114;color:#1e293b;display:flex;flex-direction:column;height:min(700px,85dvh);max-height:90vh;max-width:580px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-settings-header{align-items:center;background:linear-gradient(130deg,#6366f1,#8b5cf6);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 28px 20px}.notification-settings-header h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:10px;letter-spacing:-.3px;margin:0}.close-btn{background:#ffffff2e;border-radius:10px;font-weight:700;height:36px;line-height:1;transition:background .18s ease,transform .15s ease;width:36px}.close-btn:hover{background:#ffffff47;transform:scale(1.08)}.notification-settings-content{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 24px 8px;scroll-behavior:smooth;scrollbar-color:#e2e8f0 #0000;scrollbar-width:thin}.notification-settings-content::-webkit-scrollbar{width:5px}.notification-settings-content::-webkit-scrollbar-track{background:#0000}.notification-settings-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.settings-section{background:#f8fafc;border:1px solid #e8edf5;border-radius:16px;padding:18px 20px 10px;transition:box-shadow .2s ease}.settings-section:hover{box-shadow:0 4px 14px #6366f10f}.notification-settings-modal .settings-section h3{align-items:center;color:#6366f1!important;display:flex;font-size:13px;font-weight:700;gap:7px;letter-spacing:.8px;margin:0 0 14px;text-transform:uppercase}.setting-item{align-items:center;border-bottom:1px solid #0000;border-radius:12px;display:flex;justify-content:space-between;margin:0 -4px;padding:11px 12px;transition:background .15s ease}.setting-item:not(:last-child){border-bottom-color:#edf0f5;border-radius:12px 12px 0 0}.setting-item:hover{background:#6366f10d}.setting-info{flex:1 1;margin-right:20px}.setting-info label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.setting-description{color:#94a3b8;display:block;font-size:12px;line-height:1.45}.setting-controls{flex-shrink:0}.toggle-switch{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;border-radius:99px;inset:0;position:absolute;transition:background .25s ease}.toggle-slider:before{box-shadow:0 2px 6px #0000002e;height:22px;left:3px;top:3px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #6366f11f}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.45}.frequency-select,.time-input{appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:border-color .18s ease,box-shadow .18s ease}.frequency-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236366f1' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:145px;padding-right:30px}.frequency-select:focus,.time-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.alert{align-items:center;animation:alertSlideIn .22s ease;border-radius:12px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#ef444414;border:1px solid #ef444433;color:#dc2626}.alert-success{background:#10b98114;border:1px solid #10b98133;color:#059669}.warning-message{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:10px;color:#b45309;font-size:13px;gap:6px;padding:10px 14px}.push-status,.warning-message{align-items:center;display:flex;margin-top:10px}.push-status{background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border:1px solid #6366f126;border-radius:12px;gap:12px;justify-content:space-between;padding:14px 16px}.push-status p{color:#475569;margin:0}.push-status p,.test-btn{font-size:13px;font-weight:600}.test-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;white-space:nowrap}.test-btn:hover:not(:disabled){box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.test-btn:active:not(:disabled){transform:translateY(0)}.test-btn:disabled{cursor:not-allowed;opacity:.45}.quiet-hours-times{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-top:12px;padding:14px 16px}.time-input-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.time-input-group label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.notification-settings-footer{background:#fff;border-top:1px solid #edf0f5;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px 20px}.cancel-btn,.save-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:-.1px;min-width:100px;padding:11px 24px;transition:all .18s ease}.cancel-btn{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#64748b}.cancel-btn:hover:not(:disabled){background:#e8edf5;color:#475569}.save-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f140}.save-btn:hover:not(:disabled){box-shadow:0 6px 16px #6366f159;transform:translateY(-1px)}.save-btn:active:not(:disabled){box-shadow:0 2px 8px #6366f140;transform:translateY(0)}.cancel-btn:disabled,.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}@media (max-width:768px){.notification-settings-overlay{align-items:flex-end;padding:12px}.notification-settings-modal{animation:modalSlideUpMobile .28s cubic-bezier(.34,1.56,.64,1);border-radius:22px 22px 16px 16px;max-height:94vh}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.notification-settings-header{padding:18px 20px 16px}.notification-settings-content{gap:12px;padding:16px 16px 8px}.notification-settings-footer{padding:14px 16px 18px}.setting-item{align-items:flex-start;flex-direction:column;gap:10px}.setting-info{margin-right:0}.setting-controls{align-self:flex-end}.push-status{align-items:flex-start;flex-direction:column}.test-btn{text-align:center;width:100%}.quiet-hours-times{flex-direction:column}.notification-settings-footer{flex-direction:column-reverse}.cancel-btn,.save-btn{text-align:center;width:100%}}@media (max-width:480px){.notification-settings-header h2{font-size:18px}.settings-section{padding:14px 14px 8px}.toggle-switch{height:24px;width:46px}.toggle-slider:before{height:18px;left:3px;top:3px;width:18px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}}.voice-recorder{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6;margin:0;max-width:100%;overflow:hidden;padding:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.recorder-close-btn{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 12px #ef444480;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:all .2s ease;width:32px;z-index:100}.recorder-close-btn:hover{background:#dc2626;box-shadow:0 4px 16px #ef4444b3;transform:rotate(90deg) scale(1.15)}.recorder-close-btn:active{transform:rotate(90deg) scale(1)}.voice-recorder.compact{border-radius:12px;padding:10px}.voice-recorder.recording{background:#ef44440d;border-color:#ef444433;box-shadow:0 0 20px #ef444433,0 8px 32px #0000001a,inset 0 1px 0 #fff6}.voice-recorder.recording:before{animation:recording-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ef444499 50%,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes recording-pulse{0%,to{opacity:.3;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}.voice-recorder.paused{background:#f59e0b0d;border-color:#f59e0b33}.voice-recorder.loading{background:#9ca3af0d;border-color:#9ca3af33}.voice-recorder.error{background:#ef44440d;border-color:#ef44444d}.recording-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px 8px}.recording-indicator{gap:8px}.recording-dot{animation:recording-blink 1s ease-in-out infinite;background:#ef4444;box-shadow:0 0 10px #ef444480;height:12px;width:12px}@keyframes recording-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.voice-recorder.paused .recording-dot{animation:paused-pulse 2s ease-in-out infinite;background:#f59e0b}@keyframes paused-pulse{0%,to{opacity:.6}50%{opacity:1}}.recording-text{color:#374151;font-size:12px;font-weight:600}.recording-duration{background:#ef44441a;border-radius:6px;color:#ef4444;font-family:Courier New,monospace;font-size:14px;font-weight:700;min-width:50px;padding:3px 8px;text-align:center}.voice-recorder.paused .recording-duration{background:#f59e0b1a;color:#f59e0b}.recording-progress{margin:16px 0;position:relative}.progress-bar{background:linear-gradient(90deg,#22c55e,#f59e0b 70%,#ef4444);border-radius:2px;height:4px;transition:width .1s ease-out}.progress-bar:after{animation:progress-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-time{background:#ffffffe6;border:1px solid #0000001a;border-radius:4px;color:#6b7280;font-size:11px;padding:2px 6px;position:absolute;right:0;top:-24px}.recording-controls{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:8px}.control-btn{border-radius:8px;font-size:11px;font-weight:600;gap:4px;min-width:65px;overflow:hidden;padding:8px 10px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.control-btn:before{background:#fff3;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.control-btn:hover:before{opacity:1}.control-btn:active{transform:scale(.95)}.btn-icon{font-size:14px;line-height:1}.btn-text{font-size:11px}.record-btn{animation:record-ready 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #fff3;color:#fff}@keyframes record-ready{0%,to{box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #fff3}50%{box-shadow:0 6px 20px #ef444466,inset 0 1px 0 #fff3}}.record-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.pause-resume-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d,inset 0 1px 0 #fff3;color:#fff}.pause-resume-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.stop-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d,inset 0 1px 0 #fff3;color:#fff}.stop-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d,inset 0 1px 0 #fff3;color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px)}.voice-recorder.compact .recording-controls{gap:8px}.voice-recorder.compact .control-btn{font-size:12px;min-width:70px;padding:8px 12px}.voice-recorder.compact .btn-icon{font-size:14px}.voice-recorder.compact .btn-text{font-size:11px}.recorder-error{align-items:flex-start;animation:error-shake .5s ease;border-radius:6px;gap:6px;margin:8px 0;padding:8px 10px}@keyframes error-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.recorder-error .error-icon{flex-shrink:0;font-size:16px}.recorder-error .error-text{color:#dc2626;flex:1 1;font-size:11px;font-weight:500;line-height:1.3}.error-help{margin-top:12px;width:100%}.error-help details{background:#ffffff80;border-radius:8px;cursor:pointer;padding:8px 12px;transition:all .2s ease}.error-help details:hover{background:#fffc}.error-help summary{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px;list-style:none;-webkit-user-select:none;user-select:none}.error-help summary:before{content:"▶";transition:transform .2s ease}.error-help details[open] summary:before{transform:rotate(90deg)}.error-help ul{color:#6b7280;font-size:12px;line-height:1.8;margin:8px 0 0;padding:0 0 0 20px}.error-help li{margin:4px 0}.audio-preview{animation:slideIn .3s ease;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:16px;margin-bottom:16px;padding:20px}.preview-header{align-items:center;margin-bottom:12px}.preview-title{color:#065f46;font-size:15px;font-weight:700}.preview-info{color:#059669;font-size:12px;font-weight:600}.preview-actions{gap:10px;margin-top:12px}.preview-btn{align-items:center;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;justify-content:center;padding:10px 16px}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.discard-btn{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.discard-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.preview-btn .btn-icon{font-size:16px}.quality-selector{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;margin-bottom:16px;padding:16px}.quality-label{color:#4b5563;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.quality-options{display:flex;gap:8px;margin-bottom:8px}.quality-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px}.quality-btn:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f133;color:#6366f1;transform:translateY(-2px)}.quality-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;box-shadow:0 4px 12px #6366f14d}.quality-info{color:#6b7280;font-size:11px;font-weight:500;margin-top:8px;text-align:center}.recorder-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:16px}.error-text{flex:1 1;font-weight:500}.recorder-message{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.loading-spinner{border:3px solid #6b728033;border-top-color:#6b7280;height:32px;width:32px}.retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.retry-btn:hover{background:#2563eb;transform:translateY(-1px)}.retry-btn.primary{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.retry-btn.primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.test-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.test-btn:hover{background:#4b5563;transform:translateY(-1px)}.test-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b728033}.test-btn.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151)}.error-actions{gap:12px;margin-top:16px;width:100%}.retry-btn,.test-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:12px 20px;transition:all .2s ease}.retry-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.retry-btn.primary:hover:not(:disabled){box-shadow:0 4px 16px #10b98166;transform:translateY(-2px)}.retry-btn.primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.test-btn.secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;color:#374151}.test-btn.secondary:hover{border-color:#9ca3af;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.error-message{background:#ef44441a;border-radius:6px;margin:8px 0;max-width:300px;padding:8px;text-align:center}.recorder-info{background:#00000005;border:1px solid #0000000d;border-radius:8px;margin-top:16px;padding:12px 16px}.info-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.info-label{color:#6b7280;font-weight:500}.info-value{color:#374151;font-weight:600}.live-waveform{align-items:center;background:#0000000a;border-radius:12px;display:flex;gap:3px;height:56px;justify-content:center;margin:8px 0;overflow:hidden;padding:8px 12px}.live-bar{background:#d1d5db;border-radius:3px;flex:1 1;max-width:5px;min-height:4px;transition:height .08s ease-out}.live-bar.active{background:linear-gradient(0deg,#ef4444,#f97316);box-shadow:0 0 4px #ef444466}.live-bar.paused{animation:paused-shimmer 1.5s ease-in-out infinite alternate;background:#f59e0b}@keyframes paused-shimmer{0%{opacity:.5}to{opacity:1}}.voice-message-player{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:18px;display:flex;gap:10px;max-width:320px;min-width:220px;padding:10px 14px;-webkit-user-select:none;user-select:none}.voice-message-player.received{background:#f0f4ff;border-color:#6366f126}.voice-message-player.sent{background:#ffffff2e;border-color:#ffffff40}.vmp-play-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;width:38px}.voice-message-player.received .vmp-play-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 3px 10px #6366f166}.voice-message-player.sent .vmp-play-btn{background:#ffffffe6;box-shadow:0 3px 10px #00000026;color:#4f46e5}.vmp-play-btn:hover{transform:scale(1.08)}.vmp-play-btn:active{transform:scale(.95)}.vmp-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.vmp-waveform{align-items:center;cursor:pointer;display:flex;gap:2px;height:32px;padding:4px 0}.vmp-bar{background:#00000026;border-radius:2px;flex:1 1;min-height:4px;pointer-events:none;transition:background .1s ease}.voice-message-player.received .vmp-bar{background:#c7d2fe}.voice-message-player.received .vmp-bar.played{background:#6366f1}.voice-message-player.sent .vmp-bar{background:#ffffff59}.voice-message-player.sent .vmp-bar.played{background:#ffffffe6}.vmp-times{display:flex;font-family:SF Mono,Courier New,monospace;font-size:10px;justify-content:space-between;letter-spacing:.02em}.voice-message-player.received .vmp-times{color:#6366f1}.voice-message-player.sent .vmp-times{color:#ffffffd9}.vmp-current{font-weight:700}.vmp-total{opacity:.65}.vmp-speed-btn{background:none;border:1.5px solid;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:10px;font-weight:700;line-height:1.4;opacity:.7;padding:2px 5px;transition:opacity .15s ease}.voice-message-player.received .vmp-speed-btn{color:#6366f1}.voice-message-player.sent .vmp-speed-btn{color:#ffffffe6}.vmp-speed-btn:hover{opacity:1}.voice-message-player.compact{gap:8px;min-width:180px;padding:8px 10px}.voice-message-player.compact .vmp-play-btn{height:30px;width:30px}.voice-message-player.compact .vmp-waveform{height:24px}[data-theme=dark] .voice-recorder{background:#1f2937f2;border-color:#ffffff1a;color:#f9fafb}[data-theme=dark] .voice-recorder.recording{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .recording-status{background:#ffffff0d}[data-theme=dark] .recording-text{color:#f9fafb}[data-theme=dark] .voice-message-player{background:#1f2937e6;border-color:#ffffff1a}[data-theme=dark] .voice-message-player.received{background:#6366f126}@media (max-width:640px){.voice-recorder{margin:8px 0;padding:16px}.voice-recorder.compact{padding:10px}.recording-controls{gap:8px}.control-btn{font-size:13px;min-width:80px;padding:10px 12px}.btn-text{display:none}.volume-meter{align-items:stretch;flex-direction:column;gap:8px}.volume-label{min-width:auto;text-align:center}.waveform-canvas{height:40px}.voice-message-player{padding:10px 12px}.playback-info{gap:4px}}@media (prefers-reduced-motion:reduce){.progress-bar:after,.record-btn,.recording-dot,.volume-bar:after{animation:none}.control-btn{transition:none}}.file-share-panel{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:450px;z-index:1050}.file-share-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;justify-content:space-between;padding:20px 24px;position:relative;z-index:1051}.file-share-header h2{font-size:22px;font-weight:600;margin:0}.close-btn{background:#fff3;flex-shrink:0;font-size:20px;position:relative;z-index:1100}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.upload-area{background:#fff;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;margin:20px 24px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#f7fafc;border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.upload-area.drag-active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.upload-icon{animation:bounce 2s infinite;font-size:48px;margin-bottom:12px}.upload-text{color:#2d3748;font-size:16px;font-weight:500;margin:0 0 8px}.upload-hint{color:#718096;font-size:13px;margin:0}.uploading-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 24px 20px;padding:16px}.uploading-section h3{color:#4a5568;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.upload-progress-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.upload-progress-item:last-child{margin-bottom:0}.upload-info{align-items:center;display:flex;gap:8px}.upload-details,.upload-info{flex:1 1;min-width:0}.upload-name{color:#2d3748;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-size{color:#718096;font-size:11px}.progress-bar{background:#e2e8f0;flex:1 1}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{color:#667eea;font-size:12px;font-weight:600;min-width:40px;text-align:right}.file-controls{margin:0 24px 16px}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-tabs button{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-tabs button:hover{background:#f7fafc;border-color:#cbd5e0}.filter-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.search-box{position:relative}.search-box input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.bulk-actions{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:12px;margin:0 24px 16px;padding:12px 16px}.bulk-actions span{color:#92400e;flex:1 1}.bulk-clear-btn,.bulk-delete-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.bulk-delete-btn{background:#ef4444;color:#fff}.bulk-delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.bulk-clear-btn{background:#fff;color:#4a5568}.bulk-clear-btn:hover{background:#f7fafc}.file-list{flex:1 1;overflow-y:auto;padding:0 24px 24px}.empty-state{color:#718096}.empty-state p{font-size:16px;font-weight:500;margin:0 0 8px}.empty-hint{color:#a0aec0!important;font-size:14px!important}.file-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.file-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:12px;position:relative;transition:all .2s ease}.file-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.file-item.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea}.file-checkbox{left:8px;position:absolute;top:8px;z-index:1}.file-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.file-thumbnail{background-position:50%;background-size:cover}.file-icon-large,.file-thumbnail{border-radius:8px;height:120px;margin-bottom:12px;width:100%}.file-icon-large{align-items:center;background:linear-gradient(135deg,#f7fafc,#e2e8f0);display:flex;font-size:48px;justify-content:center}.file-details{flex:1 1;min-width:0}.file-name{color:#2d3748;margin-bottom:4px}.file-meta{color:#718096;display:flex;font-size:11px;gap:4px}.file-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:12px;padding-top:12px}.file-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;padding:8px;transition:all .2s ease}.file-action-btn:hover{transform:translateY(-2px)}.file-action-btn.download:hover{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.file-action-btn.delete:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.dark-theme .file-share-panel{background:linear-gradient(135deg,#1a202c,#2d3748)}.dark-theme .file-share-header{background:linear-gradient(135deg,#4c51bf,#553c9a)}.dark-theme .file-action-btn,.dark-theme .file-item,.dark-theme .filter-tabs button,.dark-theme .search-box input,.dark-theme .upload-area,.dark-theme .uploading-section{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-theme .upload-area:hover{background:#374151}.dark-theme .file-icon-large{background:linear-gradient(135deg,#374151,#4a5568)}.dark-theme .file-name,.dark-theme .upload-text{color:#e2e8f0}.dark-theme .file-meta,.dark-theme .upload-hint,.dark-theme .upload-size{color:#a0aec0}@media (max-width:768px){.file-share-panel{width:100%}.file-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.file-icon-large,.file-thumbnail{height:100px}}.file-preview-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.file-preview-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.file-preview-content.error,.file-preview-content.loading{max-width:400px;padding:40px;text-align:center}.preview-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.preview-info h2{font-size:20px;font-weight:600;margin:0 0 8px;word-break:break-word}.preview-meta{display:flex;font-size:13px;gap:8px;opacity:.9}.preview-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;margin-left:16px;transition:all .2s ease;width:36px}.preview-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.preview-content{align-items:center;background:#f8fafc;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:hidden}.image-preview img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.video-preview video{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:60vh;max-width:100%}.audio-preview{flex-direction:column;gap:24px;padding:40px}.audio-icon{font-size:80px;opacity:.7}.audio-preview audio{max-width:500px;width:100%}.pdf-preview iframe,.text-preview iframe{border:none;height:60vh;width:100%}.text-preview iframe{background:#fff}.generic-preview{flex-direction:column;padding:60px 40px;text-align:center}.generic-icon{font-size:80px;margin-bottom:24px;opacity:.7}.generic-preview h3{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 12px;word-break:break-word}.generic-hint{color:#718096;font-size:14px;margin:0 0 24px}.download-preview-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.download-preview-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.preview-actions{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 24px}.preview-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.download-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.preview-description,.preview-tags{background:#fff;border-top:1px solid #e2e8f0;padding:20px 24px}.preview-description h4,.preview-tags h4{color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.preview-description p{color:#2d3748;font-size:14px;line-height:1.6;margin:0}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;color:#4a5568;font-size:12px;font-weight:500;padding:6px 12px}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}.file-preview-content.loading p{color:#4a5568;font-size:16px;margin:0}.error-icon{font-size:60px}.file-preview-content.error h3{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 12px}.file-preview-content.error p{color:#ef4444;font-size:14px;margin:0 0 24px}.file-preview-content.error button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.file-preview-content.error button:hover{background:#5568d3}.dark-theme .file-preview-content{background:#1a202c;color:#e2e8f0}.dark-theme .preview-header{background:linear-gradient(135deg,#4c51bf,#553c9a)}.dark-theme .preview-content{background:#2d3748}.dark-theme .preview-actions,.dark-theme .preview-description,.dark-theme .preview-tags{background:#1a202c;border-color:#4a5568}.dark-theme .preview-description h4,.dark-theme .preview-tags h4{color:#cbd5e0}.dark-theme .preview-description p{color:#e2e8f0}.dark-theme .tag{background:linear-gradient(135deg,#374151,#4a5568);color:#e2e8f0}.dark-theme .generic-preview h3{color:#e2e8f0}.dark-theme .generic-hint{color:#a0aec0}@media (max-width:768px){.file-preview-modal{padding:0}.file-preview-content{border-radius:0;max-height:100vh}.preview-header{padding:16px}.preview-info h2{font-size:16px}.preview-meta{flex-wrap:wrap;font-size:12px}.pdf-preview iframe,.text-preview iframe,.video-preview video{max-height:50vh}.preview-actions{flex-direction:column;gap:8px}.preview-btn{width:100%}}.video-call-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2999}.video-call-panel{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a202c,#2d3748);border-radius:20px;box-shadow:0 25px 80px #00000080;display:flex;flex-direction:column;height:85vh;left:50%;max-width:1400px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:90vw;z-index:3000}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.video-call-panel.minimized{bottom:20px;height:auto;left:auto;max-height:250px;right:20px;top:auto;transform:none;width:350px}.video-call-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 24px;position:relative;user-select:none;-webkit-user-select:none}.video-call-header:before{background:#ffffff4d;border-radius:2px;content:"";display:none;height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.connection-quality{align-items:center;background:#ffffff26;border-radius:12px;display:flex;font-size:12px;gap:6px;left:50%;padding:4px 10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.quality-dot{animation:qualityPulse 2s infinite;border-radius:50%;height:8px;width:8px}.quality-dot.excellent{background:#10b981}.quality-dot.good{background:#fbbf24}.quality-dot.poor{background:#ef4444}@keyframes qualityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.call-info{flex-wrap:wrap;gap:12px}.call-info,.participant-badge{align-items:center;display:flex}.participant-badge{background:#fff3;border-radius:12px;font-size:13px;font-weight:600;gap:6px;padding:4px 10px}.call-status,.participant-badge .badge-icon{font-size:14px}.call-status{animation:pulse 2s infinite;background:#fff3;border-radius:12px;font-weight:600;padding:4px 12px}.call-duration{font-family:Monaco,Courier New,monospace;font-size:16px;font-weight:600}.header-actions{gap:8px}.header-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;min-width:36px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px}.header-btn:hover{background:#ffffff4d;transform:scale(1.1)}.header-btn:active{transform:scale(.95)}.header-btn.has-filters:after{animation:badgePulse 2s infinite;background:#10b981;border:2px solid #667eea;border-radius:50%;content:"";height:8px;position:absolute;right:2px;top:2px;width:8px}.video-grid{grid-gap:16px;background:#1a202c;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow-y:auto;padding:20px}.layout-speaker .video-grid{grid-template-columns:1fr;grid-template-rows:1fr auto}.layout-pip .video-grid,.video-container{position:relative}.video-container{aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.video-container video{height:100%;object-fit:cover;width:100%}.video-container.local video{transform:scaleX(-1)}.video-container.screen-share{aspect-ratio:16/9;grid-column:1/-1}.video-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;bottom:12px;font-size:13px;font-weight:500;left:12px;padding:6px 12px}.quality-badge,.video-label{color:#fff;position:absolute}.quality-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;right:12px;top:12px}.video-container.video-off,.video-placeholder{background:linear-gradient(135deg,#374151,#1f2937)}.video-placeholder{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.avatar-placeholder{font-size:80px;margin-bottom:16px;opacity:.5}.video-off-label{color:#9ca3af;font-size:14px;font-weight:500}.video-container.waiting{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;justify-content:center}.waiting-content{color:#94a3b8;text-align:center}.waiting-icon{animation:spin 2s linear infinite;font-size:64px;margin-bottom:16px}.waiting-content p{font-size:16px;font-weight:500;margin:0}.filters-panel,.settings-panel{background:#2d3748;border-top:1px solid #4a5568;max-height:400px;overflow-y:auto;padding:20px 24px}.filters-panel h3,.settings-panel h3{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 16px}.filters-panel{max-height:500px}.filters-loading{align-items:center;color:#cbd5e0;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.filters-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.filters-loading p{font-size:14px;font-weight:500;margin:0}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-header h3{margin:0}.reset-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.reset-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.filter-section{border-bottom:1px solid #4a5568;margin-bottom:24px;padding-bottom:20px}.filter-section:last-child{border-bottom:none;margin-bottom:0}.section-label{color:#cbd5e0;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.preset-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.preset-btn{align-items:center;background:#1a202c;border:2px solid #4a5568;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 8px;transition:all .2s ease}.preset-btn:hover{background:#374151;border-color:#667eea;transform:translateY(-2px)}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff}.preset-icon{font-size:24px;line-height:1}.preset-name{font-size:11px;font-weight:600;text-align:center}.slider-group{margin-bottom:16px}.slider-group label{color:#cbd5e0;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.slider-container{align-items:center;display:flex;gap:12px}.slider-container input[type=range]{-webkit-appearance:none;appearance:none;background:#1a202c;border-radius:3px;flex:1 1;height:6px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 6px #667eea66;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.slider-container input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #667eea99;transform:scale(1.2)}.slider-container input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 6px #667eea66;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.slider-container input[type=range]::-moz-range-thumb:hover{box-shadow:0 4px 12px #667eea99;transform:scale(1.2)}.slider-value{background:#1a202c;border-radius:6px;color:#e2e8f0;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:600;min-width:45px;padding:4px 10px;text-align:center}.ar-effects-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.ar-effect-btn{align-items:center;background:#1a202c;border:2px solid #4a5568;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;font-size:28px;gap:6px;padding:14px 10px;transition:all .2s ease}.ar-effect-btn:hover{background:#374151;border-color:#667eea;transform:translateY(-2px)}.ar-effect-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 12px #10b98166;color:#fff}.ar-effect-name{font-size:11px;font-weight:600;text-align:center}.color-picker{background:#1a202c;border:2px solid #4a5568;border-radius:8px;cursor:pointer;height:40px;transition:all .2s ease;width:100%}.color-picker:hover{border-color:#667eea}.setting-group{margin-bottom:16px}.setting-group label{color:#cbd5e0;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.setting-group select{background:#1a202c;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.setting-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.setting-group select option{background:#1a202c;color:#e2e8f0}.quality-buttons{display:flex;gap:8px}.quality-btn{background:#1a202c;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.quality-btn:hover{background:#374151;border-color:#667eea}.quality-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.layout-buttons{display:flex;gap:8px}.layout-btn{background:#1a202c;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;cursor:pointer;flex:1 1;font-size:24px;padding:12px;transition:all .2s ease}.layout-btn:hover{background:#374151;border-color:#667eea}.layout-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.toggle-btn{background:#1a202c;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.toggle-btn:hover{background:#374151;border-color:#667eea}.video-controls{background:#2d3748;border-top:1px solid #4a5568;gap:16px;padding:20px 24px}.control-btn,.video-controls{align-items:center;display:flex;justify-content:center}.control-btn{background:linear-gradient(135deg,#4a5568,#374151);border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:24px;height:56px;transition:all .2s ease;width:56px}.control-btn:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-3px) scale(1.05)}.control-btn:active{transform:translateY(-1px) scale(1.02)}.control-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.control-btn.active.recording{animation:recordingPulse 1.5s infinite}@keyframes recordingPulse{0%,to{box-shadow:0 4px 12px #ef444466}50%{box-shadow:0 4px 20px #ef4444cc,0 0 0 8px #ef444433}}.control-btn.end-call{background:linear-gradient(135deg,#ef4444,#b91c1c);height:64px;width:64px}.control-btn.end-call:hover{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 6px 20px #ef444480}.control-btn.screen-record-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);position:relative}.control-btn.screen-record-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #8b5cf666}.control-btn.screen-record-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.control-btn.screen-record-btn .recording-indicator{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center}.control-btn.screen-record-btn .recording-time{font-size:9px;font-weight:600;letter-spacing:.5px;margin-top:-2px;text-shadow:0 1px 2px #0000004d}.video-call-panel.loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center}.loading-spinner{border:4px solid #fff3;border-top-color:#fff;height:60px;width:60px}.video-call-panel.loading p{font-size:18px;font-weight:500;margin:0}.layout-pip .video-container.local{aspect-ratio:16/9;border:2px solid #fff;bottom:20px;height:140px;position:absolute;right:20px;width:250px;z-index:10}@media (max-width:768px){.video-call-panel{border-radius:0;height:100vh;height:100dvh;top:0;width:100vw;width:100dvw}.video-call-panel,.video-call-panel.minimized{left:0;padding-bottom:env(safe-area-inset-bottom,0);transform:none}.video-call-panel.minimized{animation:slideUpMobile .3s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 0 0;bottom:0;height:auto;max-height:300px;right:0;top:auto;width:100%}.video-call-header:before{display:block}.video-call-header{cursor:grab;padding:20px 16px 16px}.video-call-header:active{cursor:grabbing}.call-info{gap:8px}.call-status,.participant-badge{font-size:12px;padding:4px 8px}.call-duration{font-size:14px}.connection-quality{display:none}.video-grid{gap:12px;grid-template-columns:1fr;padding:12px 12px max(12px,env(safe-area-inset-bottom,0))}.video-controls{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0));scrollbar-width:none}.video-controls::-webkit-scrollbar{display:none}.control-btn{font-size:22px;height:52px;min-width:52px;width:52px}.control-btn.end-call{height:60px;min-width:60px;width:60px}.control-btn.screen-record-btn{min-width:52px}.control-btn.screen-record-btn .recording-time{font-size:8px}.filters-panel,.settings-panel{max-height:300px;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0))}.preset-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.ar-effects-grid{grid-template-columns:repeat(2,1fr)}.slider-group{margin-bottom:12px}.slider-value{font-size:11px;min-width:35px}.layout-pip .video-container.local{border-width:1px;bottom:120px;height:79px;right:12px;width:140px}.header-btn{font-size:20px;height:40px;min-width:40px;width:40px}}@media (max-width:480px){.video-call-panel.minimized{max-height:250px}.call-info{font-size:11px}.call-duration{font-size:13px}.control-btn{font-size:20px;height:48px;min-width:48px;width:48px}.control-btn.end-call{height:56px;min-width:56px;width:56px}.video-label{bottom:8px;font-size:11px;left:8px;padding:4px 8px}.quality-badge{font-size:9px;padding:3px 6px;right:8px;top:8px}.preset-grid{grid-template-columns:repeat(2,1fr)}.ar-effect-btn,.preset-btn{padding:10px 6px}.preset-icon{font-size:20px}.ar-effect-btn{font-size:24px}}@media (max-width:768px) and (orientation:landscape){.video-call-panel{height:100vh;height:100dvh}.video-call-header{padding:12px 16px}.video-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:8px}.video-controls{padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0))}.control-btn{height:44px;min-width:44px;width:44px}.control-btn.end-call{height:52px;min-width:52px;width:52px}.filters-panel,.settings-panel{max-height:200px}}.filters-panel::-webkit-scrollbar,.settings-panel::-webkit-scrollbar,.video-grid::-webkit-scrollbar{width:8px}.filters-panel::-webkit-scrollbar-track,.settings-panel::-webkit-scrollbar-track,.video-grid::-webkit-scrollbar-track{background:#1a202c}.filters-panel::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb,.video-grid::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.filters-panel::-webkit-scrollbar-thumb:hover,.settings-panel::-webkit-scrollbar-thumb:hover,.video-grid::-webkit-scrollbar-thumb:hover{background:#667eea}.captions-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000d9;border:1px solid #ffffff1a;border-radius:12px;bottom:100px;box-shadow:0 4px 20px #00000080;left:50%;max-width:80%;padding:12px 20px;position:absolute;transform:translateX(-50%);z-index:1000}.captions-text{color:#fff;font-size:16px;font-weight:500;line-height:1.5;text-align:center;text-shadow:0 2px 4px #00000080}.stats-dashboard{animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#1a202cf2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;min-width:280px;padding:16px;position:absolute;right:20px;top:80px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.stats-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.stats-header h4{color:#e2e8f0;font-size:16px;font-weight:600;margin:0}.close-stats{align-items:center;background:none;border:none;color:#cbd5e0;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s ease;width:24px}.close-stats:hover{color:#fff}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{background:#ffffff0d;border-radius:10px;padding:12px;transition:all .2s ease}.stat-item:hover{background:#ffffff14;transform:translateY(-2px)}.stat-label{color:#a0aec0;font-weight:600;margin-bottom:6px}.stat-value{font-feature-settings:"tnum";color:#e2e8f0;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700}.stat-value.quality-excellent{color:#48bb78}.stat-value.quality-good{color:#ecc94b}.stat-value.quality-poor{color:#f56565}.gestures-overlay{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;left:50%;max-width:600px;pointer-events:none;position:absolute;top:100px;transform:translateX(-50%);width:100%;z-index:999}.gesture-emoji{animation:gestureFloat 3s ease-out forwards;font-size:48px;opacity:0;text-shadow:0 4px 12px #0000004d}@keyframes gestureFloat{0%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:1;transform:translateY(-10px) scale(1.2)}50%{opacity:1;transform:translateY(-80px) scale(1)}to{opacity:0;transform:translateY(-150px) scale(.8)}}.reactions-menu{position:relative}.reactions-dropdown{animation:popIn .2s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a202cfa;border:1px solid #ffffff1a;border-radius:16px;bottom:100%;box-shadow:0 8px 32px #00000080;display:none;gap:8px;left:50%;margin-bottom:12px;padding:12px;position:absolute;transform:translateX(-50%)}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.reactions-menu:hover .reactions-dropdown{display:flex}.reactions-dropdown button{align-items:center;background:#ffffff14;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.reactions-dropdown button:hover{background:#ffffff26;transform:scale(1.2)}.reactions-dropdown button:active{transform:scale(1)}.toggle-btn.active{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#48bb78;color:#fff;font-weight:600}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block}.captions-overlay{bottom:120px;max-width:90%;padding:10px 16px}.captions-text{font-size:14px}.stats-dashboard{left:10px;min-width:auto;padding:12px;right:10px;top:60px}.stats-grid{gap:8px;grid-template-columns:1fr}.stat-item{padding:8px 12px}.stat-label{font-size:10px}.stat-value{font-size:16px}.gesture-emoji{font-size:36px}.reactions-dropdown{flex-wrap:wrap;max-width:200px}.reactions-dropdown button{font-size:20px;height:40px;width:40px}.video-controls{flex-wrap:wrap;gap:8px}}:root{--pro-sidebar-width:280px;--pro-header-height:64px;--pro-footer-height:56px;--pro-max-content-width:1100px;--pro-primary:#4f46e5;--pro-accent:#0ea5e9;--pro-success:#10b981;--pro-warning:#f59e0b;--pro-error:#ef4444;--pro-text:#1e293b;--pro-text-secondary:#64748b;--pro-background:#f8fafcf2;--pro-surface:#ffffffe6;--pro-border:#e2e8f0cc}@keyframes pro-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pro-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--pro-primary-dark:#4338ca;--pro-primary-light:#818cf8;--pro-accent-dark:#0284c7;--pro-accent-light:#38bdf8;--pro-gray-50:#f8fafc;--pro-gray-100:#f1f5f9;--pro-gray-200:#e2e8f0;--pro-gray-300:#cbd5e1;--pro-gray-400:#94a3b8;--pro-gray-500:#64748b;--pro-gray-600:#475569;--pro-gray-700:#334155;--pro-gray-800:#1e293b;--pro-gray-900:#0f172a;--pro-shadow-sm:0 1px 2px 0 #0000000d;--pro-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--pro-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--pro-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--pro-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--pro-font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--pro-ui-font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--pro-radius:12px;--pro-radius-sm:8px;--pro-gap:12px;--pro-muted:#0f172a99;--pro-container-max-width:1100px;--pro-container-padding:20px;--pro-bg:var(--pro-gray-100);--pro-surface:#fff;--pro-surface-light:var(--pro-gray-50);--pro-text:var(--pro-gray-900);--pro-text-secondary:var(--pro-gray-600);--pro-text-tertiary:var(--pro-gray-500);--pro-border:var(--pro-gray-200);--pro-border-light:var(--pro-gray-100);--pro-hover:var(--pro-gray-100);--pro-accent-rgb:14,165,233;--pro-success-rgb:16,185,129;--pro-error-rgb:239,68,68;--pro-message-bg:var(--pro-surface);--pro-message-hover:var(--pro-gray-50);--pro-message-bg-dark:var(--pro-gray-700);--pro-message-hover-dark:var(--pro-gray-600);--pro-border-hover:var(--pro-gray-300);--pro-accent-text:var(--pro-gray-900);--pro-font-size-scale:100}.dark-theme{--pro-bg:var(--pro-gray-900);--pro-surface:var(--pro-gray-800);--pro-surface-light:var(--pro-gray-700);--pro-text:#fff;--pro-text-secondary:#e5e7eb;--pro-text-tertiary:#d1d5db;--pro-border:var(--pro-gray-700);--pro-border-light:var(--pro-gray-600);--pro-hover:var(--pro-gray-700);--pro-accent-rgb:56,189,248;--pro-success-rgb:16,185,129;--pro-error-rgb:239,68,68;--pro-message-bg:var(--pro-gray-700);--pro-message-hover:var(--pro-gray-600);--pro-border-hover:var(--pro-gray-600);--pro-surface-dark:var(--pro-gray-800);--pro-surface-light-dark:var(--pro-gray-700);--pro-accent-dark:var(--pro-accent);--pro-accent-light:#38bdf833;--pro-accent-light-hover:#38bdf84d;--pro-accent-text:#fff;--pro-bubble-text:#fff}.pro-app-container{border-radius:12px;border-radius:var(--pro-radius);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--pro-font-family);margin:4vh auto;max-width:1100px;max-width:var(--pro-container-max-width);padding:20px;padding:var(--pro-container-padding);transition:background-color .3s ease,color .3s ease,box-shadow .2s ease;width:calc(100% - 40px)}.pro-app-container,.pro-layout{background-color:initial;color:#0f172a;color:var(--pro-text);height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden}.pro-layout{grid-gap:12px;grid-gap:var(--pro-gap);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:grid;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--pro-ui-font-family);gap:12px;gap:var(--pro-gap);grid-template-areas:"sidebar main";grid-template-columns:280px 1fr;grid-template-columns:var(--pro-sidebar-width) 1fr;grid-template-rows:1fr;position:relative;width:100%}.pro-main{height:100%}.pro-content{flex:1 1}.pro-layout:has(.pro-sidebar.collapsed){grid-template-columns:72px 1fr;grid-template-columns:var(--pro-sidebar-collapsed-width) 1fr}.pro-layout.sidebar-collapsed{grid-template-columns:72px 1fr;grid-template-columns:var(--pro-sidebar-collapsed-width) 1fr}.pro-content{animation:pro-fade-in .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--pro-surface) 0,var(--pro-gray-50) 100%);border:1px solid #ffffff14;border-bottom:none;border-radius:24px 0 0 0;box-shadow:0 20px 40px #0000000d,0 8px 16px #00000008,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;grid-area:main;grid-column:2;height:auto;min-height:0;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.pro-content>.pro-chat-messages,.pro-content>.pro-message-container,.pro-content>.pro-message-list{background:#0000;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px;position:relative;z-index:1}.pro-content>.enhanced-input-bar,.pro-content>.enhanced-input-container,.pro-content>.pro-chat-input-container{flex:0 0 auto;z-index:2}.pro-content:before{background:linear-gradient(135deg,#4f46e503,#0ea5e903 50%,#4f46e503);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.pro-content:hover:before{opacity:1}.pro-content.sidebar-collapsed{position:relative}.pro-layout .pro-sidebar{grid-area:sidebar;grid-column:1}.pro-layout .pro-sidebar.collapsed{width:72px;width:var(--pro-sidebar-collapsed-width)}.pro-layout.has-right{grid-template-columns:280px 1fr 340px;grid-template-columns:var(--pro-sidebar-width) 1fr var(--pro-right-width,340px)}.pro-right-panel{background:#fff;background:var(--pro-surface);border-left:1px solid #e2e8f0;border-left:1px solid var(--pro-border);box-shadow:-6px 0 20px #00000008;height:100%;max-width:420px;min-width:280px;overflow-y:auto;padding:12px;transition:transform .22s ease,opacity .18s ease;width:340px;width:var(--pro-right-width,340px)}.pro-right-panel.mobile-hidden{display:none}.pro-right-panel.open{opacity:1;transform:translateX(0)}@media (max-width:768px){.pro-right-panel{display:none}}.pro-header{background:linear-gradient(90deg,#0ea5e908,#4f46e505);background:linear-gradient(90deg,rgba(var(--pro-accent-rgb,14,165,233),.03),rgba(var(--pro-primary-rgb,79,70,229),.02));border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pro-border);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--pro-shadow);gap:12px;gap:var(--pro-gap);height:64px;height:var(--pro-header-height);padding:12px 20px;z-index:10}.pro-header.elegant-home-header{flex-shrink:0;min-height:88px;position:relative!important;z-index:100!important}.elegant-brand-section,.pro-header .elegant-brand-container,.pro-header .elegant-brand-icon,.pro-header .elegant-brand-name,.pro-header .elegant-brand-section,.pro-header .elegant-brand-subtitle,.pro-header .elegant-header-content,.pro-header .elegant-header-content-wrapper,.pro-header .pro-header-actions,.pro-header .pro-header-btn,.pro-header .pro-header-start,.pro-header-actions,.pro-header-btn,.pro-header.elegant-home-header{display:flex!important;opacity:1!important;visibility:visible!important}.pro-debug-btn.active{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.pro-header .pro-app-name{font-size:18px;letter-spacing:-.02em}.pro-main-grid h1,.pro-main-grid h2,.pro-main-grid h3{color:#0f172a;color:var(--pro-text);margin:0 0 8px}.pro-main-grid .pro-content{padding:18px}.pro-header .pro-user-info{border-radius:12px;padding:6px 10px}.pro-layout.professional-shell{align-items:center;justify-content:center}.pro-layout.professional-shell>.pro-main-grid{background:#fff;background:var(--pro-surface);border-radius:12px;border-radius:var(--pro-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--pro-shadow-lg);max-width:1100px;max-width:var(--pro-container-max-width);overflow:hidden;width:100%}.pro-logo-container{gap:8px}.pro-logo,.pro-logo-container{align-items:center;display:flex}.pro-logo{background:linear-gradient(135deg,#4f46e5,#0ea5e9);background:linear-gradient(135deg,var(--pro-primary) 0,var(--pro-accent) 100%);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pro-shadow-md);color:#fff;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.pro-app-name{background:linear-gradient(90deg,#4f46e5,#0ea5e9);background:linear-gradient(to right,var(--pro-primary),var(--pro-accent));background-clip:text;-webkit-background-clip:text;color:#0000;font-size:20px;font-weight:700}.pro-header-actions,.pro-user-info{align-items:center;display:flex;gap:12px}.pro-user-info{background:#f1f5f9;background:var(--pro-gray-100);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 2px 8px #0000000d;color:#1e293b;color:var(--pro-gray-800);font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.dark-theme .pro-user-info{background:#1e293b;background:var(--pro-gray-800);border-color:#ffffff1a;color:#e2e8f0;color:var(--pro-gray-200)}.pro-user-info:hover{background:#e2e8f0;background:var(--pro-gray-200);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.dark-theme .pro-user-info:hover{background:#334155;background:var(--pro-gray-700)}.pro-user-avatar{background:linear-gradient(135deg,#38bdf8,#0ea5e9);background:linear-gradient(135deg,var(--pro-accent-light),var(--pro-accent));border:2px solid #fff3;border-radius:50%;box-shadow:0 3px 12px #00000026;flex-shrink:0;height:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.pro-user-avatar:hover{border-color:#fff6;box-shadow:0 6px 20px #0003;transform:scale(1.08)}.pro-user-avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.pro-main{flex:1 1;grid-area:main;grid-column:2;min-width:0;overflow:visible;z-index:1}.pro-main .pro-header{display:flex!important;flex-shrink:0;position:relative;visibility:visible!important;z-index:10}.pro-main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.pro-message-area{background-color:#f1f5f9;background-color:var(--pro-bg);background-image:linear-gradient(#f1f5f9,#f1f5f9),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%239C92AC' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");background-image:linear-gradient(var(--pro-bg),var(--pro-bg)),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%239C92AC' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");flex:1 1;overflow-x:visible;overflow-y:auto;padding:16px}.pro-message-group{margin-bottom:24px}.pro-date-separator{align-items:center;display:flex;margin:24px 0 16px}.pro-date-separator:after,.pro-date-separator:before{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pro-border);content:"";flex:1 1}.pro-date-label{background:#fff;background:var(--pro-surface);border:1px solid #e2e8f0;border:1px solid var(--pro-border);border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pro-shadow-sm);color:#475569;color:var(--pro-text-secondary);font-size:12px;font-weight:500;margin:0 12px;padding:4px 12px}.pro-message-container{display:flex;margin-bottom:12px;padding:0 8px;transition:all .2s ease}.pro-message-container.self{justify-content:flex-end}.pro-message-wrapper{display:flex;flex-direction:column;max-width:80%}.pro-message-bubble{animation:pro-scale-in .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pro-message-bubble:before{background:linear-gradient(45deg,#0000 48%,#ffffff1a 49%,#ffffff1a 51%,#0000 52%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:all .5s ease}.pro-message-container.self .pro-message-bubble{align-self:flex-end;background:linear-gradient(135deg,#4f46e5,#0ea5e9 50%,#4338ca);background:linear-gradient(135deg,var(--pro-primary) 0,var(--pro-accent) 50%,var(--pro-primary-dark) 100%);border-bottom-right-radius:8px;box-shadow:0 4px 12px #4f46e540,0 2px 6px #0000001a;color:#fff}.pro-message-container:not(.self) .pro-message-bubble{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--pro-surface) 0,#fffc 100%);border:1px solid #fff3;border-bottom-left-radius:8px;box-shadow:0 2px 8px #0000000f,inset 0 1px 0 #ffffff1a;color:#0f172a;color:var(--pro-text)}.pro-message-bubble:hover{box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014;transform:translateY(-1px)}.pro-message-bubble:hover:before{opacity:1;transform:translateX(100%)}.pro-message-container.self .pro-message-bubble:hover{box-shadow:0 8px 24px #4f46e559,0 4px 12px #00000026}.pro-message-sender{color:#4f46e5;color:var(--pro-primary);font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:6px;opacity:.9}.pro-message-text{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--pro-ui-font-family);font-size:15px;letter-spacing:-.01em;line-height:1.6;word-break:break-word}.pro-message-time{align-self:flex-end;color:#ffffffb3;font-size:11px;font-weight:500;letter-spacing:.02em;margin-top:6px}.pro-message-container:not(.self) .pro-message-time{color:#475569;color:var(--pro-text-secondary);opacity:.8}.pro-message-container.self .pro-message-time{color:#fffc}.pro-tips-list{margin-top:24px;max-width:320px;text-align:left;width:100%}.pro-tip-item{align-items:center;background:#fff;background:var(--pro-surface);border:1px solid #e2e8f0;border:1px solid var(--pro-border);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pro-shadow-sm);display:flex;margin-bottom:12px;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease}.pro-tip-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pro-shadow-md);transform:translateY(-2px)}.pro-tip-icon{align-items:center;background:#818cf8;background:var(--pro-primary-light);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-right:12px;width:32px}.pro-tip-content{flex:1 1}.pro-tip-title{color:#0f172a;color:var(--pro-text);font-size:14px;font-weight:600;margin-bottom:2px}.pro-tip-description{color:#475569;color:var(--pro-text-secondary);font-size:12px}.pro-main-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:280px 1fr;grid-template-columns:var(--pro-sidebar-width,320px) 1fr;height:100%;min-height:0;width:100%}.floating-new-chat{align-items:center;background:linear-gradient(135deg,#4f46e5,#0ea5e9);background:linear-gradient(135deg,var(--pro-primary),var(--pro-accent));border:none;border-radius:16px;bottom:28px;box-shadow:0 8px 24px #4f46e52e;color:#fff;cursor:pointer;display:inline-flex;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .18s ease,box-shadow .18s ease;width:56px}.floating-new-chat:hover{box-shadow:0 12px 32px #4f46e538;transform:translateY(-3px)}.floating-new-chat svg{transform:translateY(-1px)}.pro-content{border-radius:12px;box-shadow:none}.pro-main-grid.mobile-view{grid-template-columns:1fr}.pro-main-sidebar{background:#0000;height:100%;min-width:0;overflow:auto;width:280px;width:var(--pro-sidebar-width,320px)}.pro-main-grid .pro-content{height:100%;min-height:0;overflow:auto}:root{--pro-sidebar-collapsed-width:72px}@media (max-width:1024px){.pro-main-grid{grid-template-columns:280px 1fr}}@media (max-width:767px){.pro-main-grid{grid-template-columns:1fr}.pro-main-sidebar{bottom:0;left:0;position:absolute;top:0;transform:translateX(-110%);transition:transform .25s ease;width:100%;z-index:40}.pro-main-sidebar.mobile-sidebar-visible{transform:translateX(0)}.pro-main-sidebar.mobile-sidebar-hidden{transform:translateX(-110%)}}.pro-sidebar-backdrop{background:#02061773;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease;z-index:30}.pro-sidebar-backdrop.visible{opacity:1;pointer-events:auto}.mobile-menu-btn{background:#0000;border:none;border-radius:8px;color:#0f172a;color:var(--pro-text);font-size:24px;height:44px;margin-right:12px;min-height:44px;min-width:44px;transition:all .2s ease;width:44px}.mobile-menu-btn:hover{background:#e2e8f0;background:var(--pro-border,#0000000d)}@media (max-width:768px){.mobile-menu-btn,.pro-layout{display:flex!important}.pro-layout{flex-direction:column!important;gap:0!important;grid-template-areas:unset!important;grid-template-columns:none!important;height:100vh!important;height:100dvh!important;margin:0!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important;padding:0!important}.pro-content,.pro-main{flex:1 1 auto!important;max-width:100%!important;min-height:0!important;overflow:hidden!important;width:100%!important}.pro-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#f5f5f5!important;border:none!important;border-radius:0!important;box-shadow:none!important}}.pro-input-area{align-items:center;background:#fff;background:var(--pro-surface);border-top:1px solid #e2e8f0;flex-shrink:0;padding:16px 20px}.pro-input-container{align-items:center;background:#f1f5f9;background:var(--pro-bg);border:1px solid #e2e8f0;border:1px solid var(--pro-border);border-radius:24px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--pro-shadow-sm);display:flex;flex:1 1;padding:0 12px;position:relative;transition:box-shadow .2s ease,border-color .2s ease}.pro-input-container:focus-within{border-color:#0ea5e9e6;border-color:rgba(var(--pro-accent-rgb),.9);box-shadow:0 6px 18px #0ea5e91f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 6px 18px rgba(var(--pro-accent-rgb),.12),var(--pro-shadow-md)}.pro-input-icon-button:focus-visible,.pro-send-button:focus-visible,.pro-text-input:focus-visible{border-radius:50px;outline:3px solid #0ea5e924;outline:3px solid rgba(var(--pro-accent-rgb),.14);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.pro-input-actions{display:flex;gap:4px}.pro-input-icon-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#475569;color:var(--pro-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:36px}.pro-input-icon-button:hover{background-color:#f1f5f9;background-color:var(--pro-gray-100);color:#4f46e5;color:var(--pro-primary)}.dark-theme .pro-input-icon-button:hover{background-color:#1e293b;background-color:var(--pro-gray-800)}.pro-text-input{background:#0000;border:none;color:#0f172a;color:var(--pro-text);flex:1 1;font-size:14px;outline:none;padding:10px 0}.pro-send-button{background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--pro-primary) 0,var(--pro-primary-dark) 100%);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--pro-shadow-md);height:40px;transition:all .2s ease;width:40px}.pro-send-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--pro-shadow-lg);transform:scale(1.05)}.pro-send-button:active{transform:scale(.95)}.pro-send-button:disabled{background:#cbd5e1;background:var(--pro-gray-300);box-shadow:none;cursor:not-allowed}@media (min-width:768px){.pro-app-container{border:1px solid #e2e8f0;border:1px solid var(--pro-border);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--pro-shadow-xl);height:90vh;margin:5vh auto;max-width:800px}.pro-header{border-radius:16px 16px 0 0}.pro-input-area{border-radius:0 0 16px 16px}}@keyframes pro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pro-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pro-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pro-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pro-animate-fade-in{animation:pro-fade-in .3s ease forwards}.pro-animate-slide-up{animation:pro-slide-up .3s ease forwards}.pro-animate-pulse{animation:pro-pulse 2s ease-in-out infinite}.pro-message-area::-webkit-scrollbar{width:6px}.pro-message-area::-webkit-scrollbar-track{background:#0000}.pro-message-area::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--pro-gray-300);border-radius:10px}.pro-message-area::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--pro-gray-400)}.dark-theme .pro-message-area::-webkit-scrollbar-thumb{background:#334155;background:var(--pro-gray-700)}.dark-theme .pro-message-area::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--pro-gray-600)}@media screen and (max-width:768px){.pro-layout{display:flex!important;flex-direction:column!important;gap:0!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;position:relative!important}.pro-layout .pro-sidebar{background:#fff!important;background:var(--pro-surface,#fff)!important;bottom:0!important;box-shadow:2px 0 12px #00000026!important;left:0!important;max-width:85vw!important;min-width:280px!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;z-index:9999!important}.pro-layout .pro-sidebar:not(.collapsed){transform:translateX(0)!important}.pro-main{position:relative!important;width:100%!important}.pro-content,.pro-main{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.pro-content{grid-template-rows:none!important}}@media (max-width:480px){.pro-content{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important}.pro-layout .pro-sidebar{max-width:320px!important;width:85vw!important}}@media (max-width:430px){.pro-layout .pro-sidebar{max-width:340px!important;position:fixed!important;width:90vw!important;z-index:9999!important}.pro-layout .pro-sidebar.collapsed{transform:translateX(-100%)!important}.pro-layout .pro-sidebar:not(.collapsed){transform:translateX(0)!important}}@media screen and (min-width:769px){.pro-layout{grid-gap:0!important;display:grid!important;flex-direction:row!important;gap:0!important;grid-template-areas:"sidebar main"!important;grid-template-columns:280px 1fr!important;grid-template-columns:var(--pro-sidebar-width) 1fr!important;grid-template-rows:1fr!important;height:100vh!important;overflow:hidden!important}.pro-layout:has(.pro-sidebar.collapsed){grid-template-columns:72px 1fr!important;grid-template-columns:var(--pro-sidebar-collapsed-width) 1fr!important}.pro-layout.sidebar-collapsed{grid-template-columns:72px 1fr!important;grid-template-columns:var(--pro-sidebar-collapsed-width) 1fr!important}.pro-sidebar{grid-area:sidebar!important;grid-column:1!important;left:0!important;max-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;top:0!important;transform:translateX(0)!important}.pro-main,.pro-sidebar{display:flex!important;flex-direction:column!important;height:100vh!important;position:relative!important;width:100%!important}.pro-main{grid-area:main!important;grid-column:2!important;overflow:hidden!important}.pro-main>.enhanced-chat-header,.pro-main>.pro-header{flex:0 0 auto!important;order:1}.pro-main>.pro-message-list{flex:1 1 auto!important;min-height:0!important;order:2;overflow-x:hidden!important;overflow-y:auto!important}.pro-main>.message-input-container,.pro-main>.pro-chat-input-container{bottom:0!important;flex:0 0 auto!important;order:3;z-index:1000!important}.pro-layout .pro-sidebar,.pro-main>.message-input-container,.pro-main>.pro-chat-input-container,.pro-sidebar{display:flex!important;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important}.pro-layout .pro-sidebar,.pro-sidebar{background:#fff!important;background:var(--pro-surface,#fff)!important;box-shadow:none!important;flex-direction:column!important;grid-area:sidebar!important;grid-column:1!important;height:100vh!important;left:0!important;max-width:none!important;min-width:auto!important;transform:translateX(0)!important;z-index:1!important}.pro-layout .pro-sidebar.collapsed{min-width:72px!important;min-width:var(--pro-sidebar-collapsed-width)!important;transform:translateX(0)!important;width:72px!important;width:var(--pro-sidebar-collapsed-width)!important}.pro-layout.sidebar-collapsed,.pro-layout:has(.pro-sidebar.collapsed){grid-template-columns:72px 1fr!important;grid-template-columns:var(--pro-sidebar-collapsed-width) 1fr!important}.message-input-container,.pro-chat-input-container,.pro-main .message-input-container,.pro-main .pro-chat-input-container{bottom:0!important;display:flex!important;left:0!important;max-width:100%!important;opacity:1!important;position:relative!important;right:0!important;transform:none!important;visibility:visible!important;width:100%!important;z-index:100!important}.header-left .mobile-menu-btn,.mobile-menu-btn,button.mobile-menu-btn{display:none!important;visibility:hidden!important}}@media (min-width:1440px){:root{--pro-max-content-width:1300px;--pro-sidebar-width:320px}.pro-layout{grid-template-areas:"sidebar main"!important;grid-template-columns:280px 1fr!important;grid-template-columns:var(--pro-sidebar-width) 1fr!important}.pro-sidebar{grid-area:sidebar!important;grid-column:1!important;width:280px!important;width:var(--pro-sidebar-width)!important}.pro-main{grid-area:main!important;grid-column:2!important;margin:0 auto;max-width:1400px;padding:0 24px}.pro-content{margin:0 auto;max-width:1100px;max-width:var(--pro-max-content-width)}.message-bubble{font-size:15.5px;line-height:1.6;max-width:65%;padding:14px 18px}.enhanced-chat-header{margin:0 auto;max-width:1400px;padding:0 32px}.pro-sidebar{width:280px;width:var(--pro-sidebar-width)}.conversation-item{padding:14px 18px}.pro-chat-input-container{margin:0 auto;max-width:1100px;max-width:var(--pro-max-content-width);padding:20px 24px}.pro-input{font-size:15.5px;padding:14px 18px}}@media (min-width:1920px){:root{--pro-max-content-width:1600px;--pro-sidebar-width:360px}.pro-layout{grid-template-areas:\"sidebar main\"!important;grid-template-columns:280px 1fr!important;grid-template-columns:var(--pro-sidebar-width) 1fr!important;margin:0 auto;max-width:2400px}.pro-sidebar{grid-area:sidebar!important;grid-column:1!important;width:280px!important;width:var(--pro-sidebar-width)!important}.pro-main{grid-area:main!important;grid-column:2!important;max-width:1800px;padding:0 40px}.pro-content{max-width:1100px;max-width:var(--pro-max-content-width)}body{font-size:16px}.message-bubble{font-size:16px;line-height:1.65;max-width:60%;padding:16px 20px}.enhanced-chat-header{height:72px;max-width:1800px;padding:0 40px}.conversation-avatar{height:48px;width:48px}.conversation-title{font-size:18px}.action-btn{font-size:16px;height:40px;width:40px}.pro-sidebar{width:280px;width:var(--pro-sidebar-width)}.conversation-item{font-size:15px;padding:16px 20px}.logo-text h2{font-size:22px}.logo-text .version{font-size:12px}.pro-chat-input-container{max-width:1100px;max-width:var(--pro-max-content-width);padding:24px 32px}.pro-input{font-size:16px;min-height:56px;padding:16px 20px}.modal-content,.profile-modal-content{max-width:900px}.video-call-panel{max-width:1600px}}@media (min-width:2560px){:root{--pro-max-content-width:2000px;--pro-sidebar-width:400px}.pro-layout{grid-template-columns:280px 1fr;grid-template-columns:var(--pro-sidebar-width) 1fr;margin:0 auto;max-width:3000px}.pro-main{max-width:2400px;padding:0 60px}.pro-content{max-width:1100px;max-width:var(--pro-max-content-width)}body{font-size:17px}.message-bubble{border-radius:14px;font-size:17px;line-height:1.7;max-width:55%;padding:18px 24px}.enhanced-chat-header{height:80px;max-width:2400px;padding:0 60px}.conversation-avatar{height:52px;width:52px}.conversation-title{font-size:20px}.conversation-status{font-size:14px}.action-btn{font-size:18px;height:44px;width:44px}.pro-sidebar{width:280px;width:var(--pro-sidebar-width)}.pro-sidebar-header{padding:24px}.conversation-item{font-size:16px;padding:18px 24px}.logo-text h2{font-size:24px}.logo-text .version{font-size:13px}.pro-chat-input-container{max-width:1100px;max-width:var(--pro-max-content-width);padding:28px 40px}.pro-input{border-radius:14px;font-size:17px;min-height:60px;padding:18px 24px}.btn,button{font-size:15px;min-height:48px;padding:12px 24px}.modal-content,.profile-modal-content{max-width:1200px}.video-call-panel{max-width:2000px}.pro-layout.has-panel{grid-template-columns:280px 1fr 400px;grid-template-columns:var(--pro-sidebar-width) 1fr 400px}}@media (min-width:3840px){:root{--pro-max-content-width:3000px;--pro-sidebar-width:480px}.pro-layout{grid-template-columns:280px 1fr;grid-template-columns:var(--pro-sidebar-width) 1fr;margin:0 auto;max-width:4200px}.pro-main{max-width:3400px;padding:0 80px}.pro-content{max-width:1100px;max-width:var(--pro-max-content-width)}body{font-size:18px}.message-bubble{border-radius:16px;font-size:18px;line-height:1.75;max-width:50%;padding:20px 28px}.enhanced-chat-header{height:96px;max-width:3400px;padding:0 80px}.conversation-avatar{height:60px;width:60px}.conversation-title{font-size:22px}.conversation-status{font-size:16px}.action-btn{font-size:20px;height:52px;width:52px}.pro-sidebar{width:280px;width:var(--pro-sidebar-width)}.pro-sidebar-header{padding:32px}.conversation-item{font-size:17px;padding:20px 28px}.logo-text h2{font-size:28px}.logo-text .version{font-size:14px}.pro-chat-input-container{max-width:1100px;max-width:var(--pro-max-content-width);padding:32px 48px}.pro-input{border-radius:16px;font-size:18px;min-height:68px;padding:20px 28px}.btn,button{border-radius:12px;font-size:16px;min-height:52px;padding:14px 28px}.modal-content,.profile-modal-content{max-width:1600px}.video-call-panel{max-width:2800px}.pro-layout.has-panel{grid-template-columns:280px 1fr 480px;grid-template-columns:var(--pro-sidebar-width) 1fr 480px}::-webkit-scrollbar{height:14px;width:14px}::-webkit-scrollbar-thumb{border-radius:8px}}@media (min-aspect-ratio:7/3) and (min-width:2560px){.pro-layout{gap:40px;grid-template-columns:280px minmax(auto,2400px) 400px;grid-template-columns:var(--pro-sidebar-width) minmax(auto,2400px) 400px}.pro-main{max-width:none}.pro-content{margin:0}.pro-layout.has-info-panel{grid-template-columns:280px 1fr 480px;grid-template-columns:var(--pro-sidebar-width) 1fr 480px}.message-bubble{max-width:65%}}@media (min-aspect-ratio:32/9) and (min-width:3440px){.pro-layout{gap:48px;grid-template-columns:280px minmax(auto,2000px) 420px 320px;grid-template-columns:var(--pro-sidebar-width) minmax(auto,2000px) 420px 320px;padding:0 60px}.pro-layout.has-extras{grid-template-columns:400px 1fr 480px 400px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.conversation-item,.message-bubble,.modal-content,button{border-width:.5px}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (orientation:portrait) and (min-height:1440px){.pro-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pro-sidebar{height:auto;max-height:300px;width:100%}.message-bubble{max-width:85%}.pro-content{max-width:100%}}@media (min-width:1440px){.pro-layout{display:grid!important;grid-template-areas:"sidebar main"!important;grid-template-columns:280px 1fr!important;grid-template-columns:var(--pro-sidebar-width) 1fr!important}.pro-sidebar{grid-area:sidebar!important;grid-column:1!important}.pro-main{grid-area:main!important;grid-column:2!important}}@media (min-width:1920px){.pro-layout{display:grid!important;grid-template-areas:"sidebar main"!important;grid-template-columns:280px 1fr!important;grid-template-columns:var(--pro-sidebar-width) 1fr!important}.pro-sidebar{grid-area:sidebar!important;grid-column:1!important}.pro-main{grid-area:main!important;grid-column:2!important}}.pro-message-list{flex:1 1;gap:8px;padding:16px 0}.pro-message-list::-webkit-scrollbar-track{background:#0000}.pro-message-list::-webkit-scrollbar-thumb{background:#a0aec066;-webkit-transition:background .2s ease;transition:background .2s ease}.pro-message-list::-webkit-scrollbar-thumb:hover{background:#a0aec099}.pro-message-container{animation:messageSlideIn .3s ease-out;padding:0 20px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 2px 8px #0000001a;font-size:14px;line-height:1.4;margin-bottom:4px;max-width:70%;padding:12px 16px;position:relative;transition:all .2s ease;word-break:break-word}.message-bubble:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.message-sent .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;color:#fff;margin-left:auto}.message-received .message-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-bottom-left-radius:6px;color:#2d3748}.message-timestamp{margin-top:4px;text-align:right}.message-received .message-timestamp{color:#718096}.message-sent .message-timestamp{color:#fffc}.message-status{align-items:center;display:inline-flex;font-size:10px;gap:2px;margin-left:4px}.status-sending{color:#fff9}.status-sent{color:#fffc}.status-delivered{color:#ffffffe6}.status-read{color:#4ade80}.message-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 4px 16px #00000026;display:flex;gap:4px;opacity:0;padding:4px 8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden}.message-sent .message-actions{margin-right:8px;right:100%}.message-received .message-actions{left:100%;margin-left:8px}.pro-message-container:hover .message-actions{opacity:1;visibility:visible}.action-btn{background:none;color:#4a5568;height:28px;padding:6px;transition:all .2s ease;width:28px}.action-btn:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;padding:0 4px}.reaction{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:12px;cursor:pointer;display:flex;font-size:12px;gap:2px;padding:2px 6px;transition:all .2s ease}.reaction:hover{background:#667eea1a;border-color:#667eea4d;transform:scale(1.05)}.reaction.user-reacted{background:#667eea26;border-color:#667eea66;color:#667eea}.reaction-emoji{font-size:14px}.reaction-count{font-size:10px;font-weight:600;min-width:12px;text-align:center}.message-attachment{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.attachment-image{border-radius:12px;cursor:pointer;display:block;height:auto;max-height:200px;max-width:250px;object-fit:contain;transition:transform .2s ease;width:auto}.attachment-image:hover{transform:scale(1.02)}.attachment-file{align-items:center;background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s ease}.attachment-file:hover,.file-icon{background:#fff3}.file-icon{font-size:18px}.file-name{font-size:13px;font-weight:600}.file-size{font-size:11px;opacity:.8}.message-system{margin:16px 0;text-align:center}.message-system .message-bubble{background:#7180961a;border:1px solid #71809633;border-radius:12px;color:#718096;font-size:12px;margin:0 auto;max-width:none;padding:8px 12px}.typing-indicator{align-items:center;animation:fadeIn .3s ease-out forwards;display:flex;gap:12px;opacity:0;padding:12px 20px}.typing-avatar{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border-radius:50%;color:#718096;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.typing-avatar,.typing-bubble{align-items:center;display:flex}.typing-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:18px;gap:4px;padding:12px 16px}.typing-dots{display:flex}.typing-dot{animation:typingDot 1.4s infinite;background:#a0aec0;border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.messages-empty{align-items:center;color:#718096;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.empty-title{color:#4a5568;font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtitle{font-size:14px;line-height:1.5;opacity:.8}@media (max-width:768px){.pro-message-container{padding:0 16px}.message-bubble{font-size:14px;max-width:85%;padding:10px 14px}.message-actions{display:none}.attachment-image{max-height:150px;max-width:calc(100vw - 120px);object-fit:contain}}@media (max-width:480px){.pro-message-container{padding:0 12px}.message-bubble{font-size:13px;max-width:90%;padding:8px 12px}.attachment-image{max-height:120px;max-width:calc(100vw - 100px);object-fit:contain}.typing-indicator{padding:12px 16px}}@media (prefers-color-scheme:dark){.message-received .message-bubble{background:#2d3748f2;border-color:#4a5568cc;color:#e2e8f0}.message-actions{background:#2d3748f2}.action-btn{color:#a0aec0}.action-btn:hover,.reaction{color:#e2e8f0}.reaction{background:#2d3748e6;border-color:#4a5568cc}.message-system .message-bubble{background:#4a556833;border-color:#4a556866;color:#a0aec0}.typing-bubble{background:#2d3748f2;border-color:#4a5568cc}.empty-title{color:#e2e8f0}}.dynamic-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.gradient-background{animation:gradientShift 10s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);left:0;top:0}.animated-shapes,.gradient-background{height:100%;position:absolute;width:100%}.animated-shapes{overflow:hidden}.shape{animation:float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%}.shape:first-child{animation-delay:0s;height:200px;left:10%;top:10%;width:200px}.shape:nth-child(2){animation-delay:-5s;height:150px;left:80%;top:70%;width:150px}.shape:nth-child(3){animation-delay:-10s;height:100px;left:60%;top:40%;width:100px}.shape:nth-child(4){animation-delay:-7s;height:80px;left:80%;top:20%;width:80px}.shape:nth-child(5){animation-delay:-12s;height:120px;left:20%;top:80%;width:120px}@media (max-width:768px){.shape{animation-duration:12s}.shape:first-child{height:120px;width:120px}.shape:nth-child(2){height:100px;width:100px}.shape:nth-child(3){height:80px;width:80px}.shape:nth-child(4){height:60px;width:60px}.shape:nth-child(5){height:90px;width:90px}}@media (prefers-reduced-motion:reduce){.gradient-background,.shape{animation:none}.gradient-background{background:linear-gradient(135deg,#667eea,#764ba2)}.shape{opacity:.1}}.enhanced-sidebar{-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);background:linear-gradient(180deg,#fffffffa,#f8fafcf2 50%,#f1f5f9fa);border-right:1px solid #e2e8f0b3;box-shadow:2px 0 8px #0000000a,4px 0 20px #00000005;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:90}.enhanced-sidebar.collapsed{transform:translateX(0);width:80px}.enhanced-sidebar:before{animation:sidebarShimmer 10s ease-in-out infinite;background:linear-gradient(135deg,#0000,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes sidebarShimmer{0%,to{opacity:0;transform:translateX(-100%)}20%{opacity:.3}50%{opacity:.6;transform:translateX(100%)}80%{opacity:.3}}.pro-sidebar-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f080;display:flex;flex-shrink:0;justify-content:space-between;overflow:visible;padding:20px 24px 16px;position:relative;z-index:2}.pro-sidebar-header:after{background:linear-gradient(90deg,#0000,#667eea4d,#0000);bottom:0;content:"";height:1px;left:24px;position:absolute;right:24px}.sidebar-logo{align-items:center;color:#1a202c;display:flex;font-size:20px;font-weight:700;gap:12px;overflow:visible;text-decoration:none;transition:all .3s ease}.sidebar-logo:hover{color:#667eea;transform:scale(1.02)}.logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;min-height:32px;min-width:32px;overflow:visible;position:relative;width:32px}.logo-emoji{display:block;line-height:1;-webkit-user-select:none;user-select:none}.logo-unread-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;box-shadow:0 2px 8px #ef444480,0 0 0 2px #fff;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-8px;top:-8px;white-space:nowrap;z-index:100}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text{flex-direction:column;gap:0;line-height:1}.logo-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0;padding:0}.logo-text .version{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:2px;opacity:.8}.enhanced-sidebar.collapsed .logo-text{display:none}.enhanced-sidebar.collapsed .sidebar-logo,.sidebar-toggle{justify-content:center}.sidebar-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;height:36px;transition:all .3s ease;width:36px}.sidebar-toggle:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea;transform:scale(1.05)}.pro-sidebar-content{flex:1 1;overflow-y:auto;padding:0;position:relative;z-index:2}.pro-sidebar-content::-webkit-scrollbar{width:6px}.pro-sidebar-content::-webkit-scrollbar-track{background:#0000}.pro-sidebar-content::-webkit-scrollbar-thumb{background:#a0aec066;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.pro-sidebar-content::-webkit-scrollbar-thumb:hover{background:#a0aec099}.sidebar-search{border-bottom:1px solid #e2e8f080;padding:16px 20px}.search-input-container{align-items:center;display:flex;position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:12px;color:#2d3748;padding:12px 50px 12px 40px;transition:all .3s ease}.search-input:focus{background:#fffffff2;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.search-input[readonly]{background:#f8fafccc;cursor:pointer}.search-icon{color:#a0aec0;left:12px;pointer-events:none}.search-mode-toggle{display:flex;gap:4px;position:absolute;right:8px}.search-mode-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.search-mode-btn:hover{background:#fffffff2;border-color:#667eea80;transform:translateY(-1px)}.search-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea4d;color:#fff}.enhanced-sidebar.collapsed .search-input{display:none}.enhanced-sidebar.collapsed .search-icon{color:#4a5568;margin:0 auto;position:static}.sidebar-nav{padding:8px 0}.nav-item{color:#4a5568;cursor:pointer;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.nav-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.nav-item.active:before,.nav-item:hover:before{transform:scaleY(1)}.nav-item:hover{background:#667eea14;color:#667eea;transform:translateX(4px)}.nav-item.active{background:#667eea1f;color:#667eea}.nav-icon{flex-shrink:0;font-size:16px;height:20px;margin-right:12px;width:20px}.nav-text{flex:1 1;font-size:14px;font-weight:500;transition:opacity .3s ease}.enhanced-sidebar.collapsed .nav-text{display:none;opacity:0}.enhanced-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.enhanced-sidebar.collapsed .nav-icon{margin-right:0}.nav-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:10px;box-shadow:0 2px 4px #ff6b6b4d;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.enhanced-sidebar.collapsed .nav-badge{position:absolute;right:8px;top:8px;transform:scale(.8)}.sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-top:1px solid #e2e8f080;flex-shrink:0;padding:16px 20px}.footer-actions{flex-direction:row;gap:8px;justify-content:space-around;margin-top:12px;width:100%}.footer-actions,.footer-btn{align-items:center;display:flex}.footer-btn{background:#fffc;border:1px solid #e2e8f099;border-radius:12px;cursor:pointer;flex:0 0 44px;font-size:20px;height:44px;justify-content:center;min-width:44px;padding:0;transition:all .3s ease;width:44px}.footer-btn:hover{background:#667eea1a;border-color:#667eea66;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.footer-btn:active{transform:translateY(0)}.footer-stats{border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;justify-content:space-around;margin-bottom:12px;padding-bottom:12px}.stat-item{flex-direction:column}.stat-label{color:#718096;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:16px;font-weight:600}.user-profile-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .3s ease;width:100%}.user-profile-button:hover{background:#667eea1a;border-color:#667eea4d;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{flex:1 1;min-width:0}.user-name{color:#2d3748;margin-bottom:2px}.user-name,.user-status{overflow:hidden;text-overflow:ellipsis}.user-status{color:#718096;white-space:nowrap}.enhanced-sidebar.collapsed .user-info{display:none}.enhanced-sidebar.collapsed .user-profile-button{justify-content:center;padding:12px}.pro-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:block;opacity:1;transition:all .3s ease;visibility:visible;z-index:9998}@media (min-width:769px){.pro-sidebar-overlay{display:none!important}}@media (max-width:768px){.enhanced-sidebar{-webkit-overflow-scrolling:touch!important;background:#fff!important;bottom:0!important;box-shadow:4px 0 24px #0000004d!important;height:100vh!important;left:0!important;max-width:85vw!important;position:fixed!important;top:0!important;transition:transform .3s ease-in-out!important;width:280px!important;z-index:9999!important}.enhanced-sidebar:not(.collapsed){transform:translateX(0)!important}.enhanced-sidebar.collapsed{transform:translateX(-100%)!important}.enhanced-sidebar.collapsed .sidebar-footer{opacity:0;pointer-events:none;visibility:hidden}.enhanced-sidebar.show{transform:translateX(0)}}@media (max-width:480px){.enhanced-sidebar{bottom:0!important;left:0!important;max-width:320px;position:fixed!important;top:0!important;transition:transform .3s ease-in-out!important;width:85%;z-index:9999}.enhanced-sidebar.collapsed{transform:translateX(-100%)!important;visibility:visible!important}.enhanced-sidebar:not(.collapsed){transform:translateX(0)!important;visibility:visible!important}}@media (max-width:430px){.enhanced-sidebar{max-width:340px!important;width:90%!important;z-index:9999!important}.enhanced-sidebar.collapsed{transform:translateX(-100%)!important}.enhanced-sidebar:not(.collapsed){transform:translateX(0)!important}.pro-sidebar-header{padding:16px}.sidebar-search{padding:12px 16px}.nav-item{padding:14px 16px}.sidebar-footer{padding:12px 16px}.footer-actions{flex-wrap:nowrap;gap:6px;justify-content:space-between;padding:0 2px}.footer-btn{border-radius:50%;flex:0 0 40px;font-size:18px;height:40px;min-width:40px;width:40px}.footer-stats{flex-wrap:wrap;gap:8px}.stat-item{flex:1 1;min-width:70px}.user-actions{gap:6px;justify-content:space-around}.action-btn{border-radius:50%!important;flex:0 0 48px;flex-direction:row;height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0!important;width:48px}.action-icon{font-size:20px}.action-label{display:none}.stat-label{font-size:10px}.stat-value{font-size:14px}}@media (max-width:360px){.sidebar-footer{padding:10px 12px}.footer-actions{gap:4px;padding:0}.footer-btn{border-radius:50%!important;flex:0 0 38px;font-size:16px;height:38px;min-width:38px;width:38px}.footer-stats{gap:6px}.stat-label{font-size:9px}.stat-value{font-size:13px}.action-btn{border-radius:50%!important;flex:0 0 42px;height:42px;min-height:42px;min-width:42px;width:42px}.action-icon{font-size:18px}}@media (prefers-color-scheme:dark){.enhanced-sidebar{background:linear-gradient(180deg,#1a202cfa,#2d3748f2 50%,#364152fa);border-right-color:#4a5568b3}.pro-sidebar-header,.sidebar-footer{background:#1a202c99;border-color:#4a556880}.sidebar-logo{color:#f7fafc}.search-input{background:#1a202ccc;border-color:#4a5568cc;color:#e2e8f0}.nav-item{color:#a0aec0}.nav-item:hover{background:#667eea26;color:#e2e8f0}.nav-item.active{background:#667eea33;color:#e2e8f0}.user-profile-button{background:#1a202ccc;border-color:#4a5568cc}.user-name{color:#e2e8f0}.user-status{color:#a0aec0}.footer-btn{background:#1a202ccc;border-color:#4a556899}.footer-btn:hover{background:#667eea33;border-color:#667eea66}.stat-label{color:#a0aec0}.stat-value{color:#e2e8f0}}.user-actions{display:flex;gap:8px;margin-top:12px;padding:0 4px}.action-btn{background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;gap:4px;padding:8px 6px}.action-btn:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;opacity:0;right:0;transition:opacity .3s ease}.action-btn:hover:before{opacity:1}.action-btn:hover{border-color:#667eea4d;box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.action-btn:active{box-shadow:0 4px 12px #00000014;transform:translateY(0)}.action-icon{font-size:16px}.action-icon,.action-label{position:relative;z-index:1}.action-label{color:#64748b;font-size:10px;font-weight:500;transition:color .3s ease}.action-btn:hover .action-label{color:#475569}.action-btn.logout-btn{background:#ef44441a;border-color:#ef44444d}.action-btn.logout-btn:before{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.action-btn.logout-btn:hover{border-color:#ef444480;box-shadow:0 8px 20px #ef444433}.action-btn.logout-btn:hover .action-label{color:#dc2626}.conversation-item,.filter-tab,.search-input,.sidebar-toggle-btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.conversations-list{-webkit-overflow-scrolling:touch}.conversation-item:focus,.filter-tab:focus,.sidebar-toggle-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.sidebar-quick-actions{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-bottom:1px solid #e2e8f04d;display:flex;gap:12px;padding:16px 20px}.quick-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.quick-action-btn:hover:before{left:100%}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.quick-action-btn.primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.quick-action-btn.secondary{background:#667eea1a;border:1px solid #667eea33;color:#667eea}.quick-action-btn.secondary:hover{background:#667eea26;box-shadow:0 6px 16px #667eea33;transform:translateY(-1px)}.quick-action-btn .icon{font-size:16px}.quick-action-btn .text{font-weight:500}.sidebar-search{background:#ffffff80;border-bottom:1px solid #e2e8f04d;padding:20px}.search-container{background:#ffffffe6;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.search-container:focus-within{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #00000014}.search-icon{color:#94a3b8;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.search-container:focus-within .search-icon{color:#667eea}.search-input{color:#1e293b;padding:14px 16px 14px 48px;width:100%}.search-input::placeholder{color:#94a3b8;transition:color .3s ease}.search-container:focus-within .search-input::placeholder{color:#cbd5e1}.sidebar-filters{background:#f8fafccc;border-bottom:1px solid #e2e8f04d;display:flex;gap:8px;padding:16px 20px}.filter-tab{align-items:center;background:#ffffffb3;border:1px solid #e2e8f099;border-radius:10px;display:flex;flex:1 1;justify-content:space-between;overflow:hidden;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-tab:before{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.filter-tab:hover{background:#ffffffe6;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.filter-tab.active{background:#667eea1a;border-color:#667eea4d;color:#667eea}.filter-tab.active:before{transform:scaleX(1)}.tab-text{font-size:13px;font-weight:500}.tab-count{background:#667eea26;border-radius:12px;color:#667eea;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.filter-tab.active .tab-count{background:#667eea33;color:#5a67d8}.sidebar-user-profile{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-bottom:1px solid #e2e8f04d;padding:20px 24px;position:relative}.user-avatar{box-shadow:0 0 0 3px #fffc,0 0 0 4px #667eea33,0 8px 20px #0000001a;height:48px;margin:0 auto 12px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.user-avatar:hover{box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px #667eea4d,0 12px 28px #00000026;transform:scale(1.05)}.user-avatar img{transition:transform .4s ease}.user-avatar:hover img{transform:scale(1.1)}.admin-badge{align-items:center;animation:adminGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}@keyframes adminGlow{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 2px 8px #fbbf2466,0 0 20px #fbbf2433}}.user-info{margin-bottom:16px;text-align:center}.user-name{color:#1e293b;font-size:16px;margin:0 0 4px;text-shadow:0 1px 2px #0000000d}.user-status{align-items:center;color:#10b981;display:flex;font-size:12px;gap:6px;justify-content:center;margin:0}.user-status:before{animation:statusPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b9814d;content:"";height:6px;width:6px}@keyframes statusPulse{0%,to{box-shadow:0 0 0 2px #10b9814d}50%{box-shadow:0 0 0 4px #10b98180}}.conversations-list{flex:1 1;overflow-y:auto;padding:8px 0}.conversation-item{align-items:center;border-radius:0;cursor:pointer;display:flex;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.conversation-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.conversation-item.active:before,.conversation-item:hover:before{transform:scaleY(1)}.conversation-item:hover{background:#667eea14;transform:translateX(4px)}.conversation-item.active{background:#667eea1f;transform:translateX(4px)}.conversation-avatar{align-items:center;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;margin-right:12px;width:48px}.conversation-item:hover .conversation-avatar{box-shadow:0 4px 16px #667eea66;transform:scale(1.05)}.status-indicator{background:#48bb78;border:2px solid #fff;bottom:2px;box-shadow:0 0 0 1px #0000001a;height:12px;position:absolute;right:2px;width:12px}.status-indicator.offline{background:#a0aec0}.status-indicator.away{background:#ed8936}.status-indicator.busy{background:#f56565}.conversation-info{flex:1 1;gap:4px}.conversation-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-name{color:#2d3748;flex:1 1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#718096;flex-shrink:0;font-size:11px}.conversation-preview{align-items:center;display:flex;gap:8px;justify-content:space-between}.last-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;flex:1 1;font-size:12px;overflow:hidden;word-break:break-word}.last-message.unread{color:#4a5568;font-weight:500}.conversation-badges{align-items:center;display:flex;flex-shrink:0;gap:4px}.unread-count{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:10px;box-shadow:0 2px 4px #ff6b6b4d;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 6px}.conversation-muted{color:#a0aec0;font-size:12px}.conversation-pinned{color:#667eea;font-size:12px}.conversation-typing{color:#667eea;font-size:11px;font-style:italic}.enhanced-sidebar.collapsed .conversation-item{justify-content:center;padding:12px}.enhanced-sidebar.collapsed .conversation-info{display:none}.enhanced-sidebar.collapsed .conversation-avatar{margin-right:0}.enhanced-sidebar.collapsed .unread-count{position:absolute;right:8px;top:8px;transform:scale(.8)}.sidebar-actions{border-bottom:1px solid #e2e8f080;padding:12px 20px}.action-button{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.action-button:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea4d}.enhanced-sidebar.collapsed .sidebar-actions{flex-direction:column;padding:12px}.enhanced-sidebar.collapsed .action-button{font-size:16px;padding:10px}.enhanced-sidebar.collapsed .action-button span:not(.icon){display:none}.quick-actions{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:8px 16px;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-action{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-width:60px;padding:12px 8px;transition:all .3s ease}.quick-action:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-2px)}.quick-action-icon{color:#667eea;font-size:20px;margin-bottom:4px}.quick-action-label{color:#4a5568;font-size:10px;font-weight:500;line-height:1.2;text-align:center}.sidebar-settings{border-top:1px solid #e2e8f080;padding:12px 20px}.settings-item{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 0;transition:color .2s ease}.settings-item:hover{color:#667eea}.settings-toggle{background:#e2e8f0;border-radius:10px;cursor:pointer;height:20px;position:relative;transition:background .3s ease;width:36px}.settings-toggle.active{background:#667eea}.settings-toggle:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.settings-toggle.active:before{transform:translateX(16px)}.sidebar-loading{display:flex;flex-direction:column;gap:8px;padding:20px}.loading-item{align-items:center;display:flex;gap:12px;padding:12px 0}.loading-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:48px;width:48px}.loading-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.loading-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:12px}.loading-line.short{width:60%}.loading-line.medium{width:80%}@media (max-width:768px){.conversation-item{padding:14px 16px}.conversation-avatar{font-size:14px;height:44px;width:44px}.sidebar-actions{padding:12px 16px}.quick-actions{padding:8px 12px}}@media (max-width:480px){.conversation-item{padding:12px}.conversation-avatar{font-size:13px;height:40px;margin-right:10px;width:40px}.conversation-name{font-size:13px}.last-message{-webkit-line-clamp:2;font-size:11px}.conversation-time{font-size:10px}}@media (prefers-color-scheme:dark){.conversation-name{color:#e2e8f0}.conversation-time,.last-message{color:#a0aec0}.last-message.unread{color:#e2e8f0}.action-button{background:#667eea33;border-color:#667eea4d;color:#a0aec0}.quick-action{background:#2d3748cc;border-color:#4a5568cc}.quick-action-label,.settings-item{color:#a0aec0}.settings-toggle{background:#4a5568}.loading-avatar,.loading-line{background:linear-gradient(90deg,#2d3748 25%,#4a5568 50%,#2d3748 75%);background-size:200% 100%}}.sidebar-toolbar{align-items:center;background:#f8fafccc;border-bottom:1px solid #e2e8f04d;display:flex;gap:8px;justify-content:space-between;padding:8px 16px}.toolbar-left,.toolbar-right{display:flex;gap:4px}.toolbar-btn{align-items:center;background:#ffffffb3;border:1px solid #e2e8f099;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.toolbar-btn:hover{background:#fffffff2;border-color:#667eea66;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.toolbar-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea4d;color:#fff}.batch-operations-bar{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid #667eea33;display:flex;justify-content:space-between;padding:12px 20px}.batch-info{color:#667eea;font-size:13px;font-weight:600}.batch-actions{display:flex;gap:8px}.batch-actions button{align-items:center;background:#fff;border:1px solid #e2e8f099;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.batch-actions button:hover{background:#667eea1a;border-color:#667eea4d;transform:scale(1.1)}.batch-checkbox{align-items:center;display:flex;margin-right:8px}.batch-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.conversation-item[draggable=true]{cursor:move}.conversation-item.dragging{background:#667eea1a;opacity:.5;transform:scale(.98)}.conversation-item[draggable=true]:hover{background:#667eea0d}.drag-handle{color:#a0aec0;cursor:move;font-size:16px;letter-spacing:-2px;line-height:1;opacity:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.conversation-item:hover .drag-handle{opacity:1}.conversation-context-menu{animation:contextMenuFadeIn .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 6px #00000012,0 10px 20px #0000001a,0 0 0 1px #0000000d;min-width:180px;padding:8px}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{align-items:center;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;transition:all .2s ease}.context-menu-item:hover{background:#667eea1a;color:#667eea;transform:translateX(2px)}.context-menu-item.danger{color:#e53e3e}.context-menu-item.danger:hover{background:#e53e3e1a;color:#c53030}.menu-icon{align-items:center;display:flex;font-size:16px;justify-content:center;width:20px}.menu-text{flex:1 1}.context-menu-divider{background:#e2e8f099;height:1px;margin:6px 0}.conversation-group{margin-bottom:8px}.group-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#f8fafcfa,#f8fafcf2);border-bottom:1px solid #e2e8f04d;color:#718096;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 20px 8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.pin-indicator{animation:pinPulse 2s ease-in-out infinite;color:#667eea;font-size:12px;margin-right:4px}@keyframes pinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.conversation-item.enhanced{overflow:hidden;position:relative}.conversation-item.enhanced:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease;width:3px}.conversation-item.enhanced.active:after{transform:scaleY(1)}.conversation-item.enhanced:hover:after{transform:scaleY(.3)}.conversation-item[data-hover=true]:before{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;content:attr(data-preview);left:100%;margin-left:12px;opacity:0;padding:16px;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:280px;z-index:1000}.conversation-item:hover[data-hover=true]:before{opacity:1}.activity-indicator{animation:activityPulse 1.5s ease-in-out infinite;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;left:2px;position:absolute;width:12px}.activity-indicator.typing{background:#667eea}.activity-indicator.recording{background:#e53e3e}.activity-indicator.calling{background:#48bb78}@keyframes activityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.conversations-list:empty:after{color:#a0aec0;content:"No conversations found";display:block;font-size:14px;font-style:italic;padding:40px 20px;text-align:center}.conversation-item:focus{outline:2px solid #667eea;outline-offset:-2px}.conversations-list{scroll-behavior:smooth}.conversation-item.loading{opacity:.6;pointer-events:none}.conversation-item.loading:before{animation:shimmerSweep 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmerSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.sidebar-toolbar{padding:8px 12px}.toolbar-btn{font-size:12px;height:28px;width:28px}.batch-operations-bar{padding:10px 16px}.context-menu-item{font-size:15px;padding:12px 14px}.group-header{font-size:10px;padding:10px 16px 6px}}@media (max-width:480px){.sidebar-toolbar{padding:6px 10px}.toolbar-btn{font-size:11px;height:26px;width:26px}.batch-operations-bar{font-size:12px;padding:8px 12px}.batch-actions button{font-size:13px;height:28px;width:28px}}.pro-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#fffffff2,#f8fafced 50%,#f1f5f9f2);border-bottom:1px solid #e2e8f099;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;isolation:isolate;justify-content:space-between;min-height:75px;padding:0 24px;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.pro-header:before{animation:headerShimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 25%,#fff9 50%,#fff6 75%,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.header-left{flex:1 1}.mobile-menu-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:8px;color:#4a5568;cursor:pointer;display:none;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mobile-menu-toggle:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea;transform:scale(1.05)}.conversation-header-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.conversation-header-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:45px;justify-content:center;position:relative;transition:all .3s ease;width:45px}.conversation-header-avatar:hover{box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.header-status-indicator{background:#48bb78;border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 0 0 1px #0000001a;height:12px;position:absolute;right:2px;width:12px}.header-status-indicator.offline{background:#a0aec0}.header-status-indicator.away{background:#ed8936}.header-status-indicator.busy{background:#f56565}.conversation-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.conversation-title{color:#2d3748;cursor:pointer;font-size:16px;transition:color .2s ease}.conversation-title:hover{color:#667eea}.conversation-subtitle{align-items:center;color:#718096;display:flex;font-size:12px;gap:4px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participants-count{background:#667eea1a;border-radius:8px;color:#667eea;font-size:10px;font-weight:600;padding:2px 6px}.typing-status{animation:pulse 1.5s infinite;color:#667eea;font-style:italic}.header-center{align-items:center;display:flex;justify-content:center;margin:0 20px}.header-search{max-width:350px;width:100%}.header-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:20px;color:#2d3748;font-size:14px;outline:none;padding:10px 16px 10px 40px;transition:all .3s ease;width:100%}.header-search-input:focus{background:#fffffff2;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;transform:scale(1.02)}.header-search-icon{color:#a0aec0;font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.header-search-input:focus+.header-search-icon{color:#667eea}.search-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 8px 32px #0000001a;left:0;margin-top:8px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{align-items:center;border-bottom:1px solid #e2e8f080;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.search-result-item:hover{background:#667eea14}.search-result-item:last-child{border-bottom:none}.search-result-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.search-result-info{flex:1 1;min-width:0}.search-result-name{color:#2d3748;font-size:14px;font-weight:500;margin-bottom:2px}.search-result-preview{color:#718096;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{flex-shrink:0;gap:8px}.header-action{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.header-action:hover{background:#667eea1a;border-color:#667eea4d;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.header-action.active{background:#667eea26;border-color:#667eea66;color:#667eea}.action-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:8px;box-shadow:0 2px 4px #ff6b6b4d;color:#fff;display:flex;font-size:9px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 4px;position:absolute;right:-4px;top:-4px}.call-button{background:linear-gradient(135deg,#48bb78,#38a169);border:none;color:#fff}.call-button:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px) scale(1.05)}.video-call-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.video-call-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px) scale(1.05)}.more-options{position:relative}.options-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{color:#4a5568;text-decoration:none;transition:background .2s ease}.dropdown-item:hover{background:#667eea14;color:#667eea}.dropdown-item.danger{color:#e53e3e}.dropdown-item.danger:hover{background:#e53e3e14;color:#c53030}.dropdown-icon{font-size:14px;text-align:center;width:16px}.dropdown-text{flex:1 1;font-size:14px;font-weight:500}.connection-status{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f56565f2;border-radius:20px;box-shadow:0 4px 12px #f565654d;color:#fff;font-size:12px;left:50%;padding:8px 16px;position:absolute;top:100%;transform:translateX(-50%);z-index:1001}.connection-status.connected{background:#48bb78f2;box-shadow:0 4px 12px #48bb784d}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.pro-header{border-radius:0;height:auto;min-height:52px;padding:0 10px}.mobile-menu-toggle{display:flex}.header-center{display:none}.conversation-header-avatar{font-size:14px;height:40px;width:40px}.conversation-title{font-size:15px}.conversation-subtitle,.participant-count{display:none!important}.conversation-status{align-items:center;display:flex!important}.connection-status{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#f56565!important;font-size:11px!important;font-weight:500;padding:0!important;position:static!important;transform:none!important}.connection-status,.connection-status.connected{background:none!important;box-shadow:none!important}.connection-status.connected{color:#48bb78!important}.header-actions .donation-btn,.header-actions .file-share-btn,.header-actions .invite-user-btn,.header-actions .notification-btn{display:none!important}.header-actions{gap:6px}.action-btn,.header-action{height:32px;min-height:32px;min-width:32px;width:32px}.header-actions{gap:4px}}@media (max-width:480px){.pro-header{padding:0 12px}.header-left{gap:12px}.conversation-header-avatar{font-size:13px;height:36px;width:36px}.conversation-title{font-size:14px}.header-action{font-size:14px;height:32px;width:32px}.options-dropdown{min-width:180px;right:-16px}}@media (prefers-color-scheme:dark){.pro-header{background:linear-gradient(135deg,#1a202cf2,#2d3748ed 50%,#364152f2);border-bottom-color:#4a556899}.conversation-title{color:#e2e8f0}.conversation-subtitle{color:#a0aec0}.header-search-input{color:#e2e8f0}.header-action,.header-search-input{background:#1a202ccc;border-color:#4a5568cc}.header-action{color:#a0aec0}.header-action:hover{color:#e2e8f0}.options-dropdown,.search-results{background:#1a202cf2;border-color:#4a5568cc}.dropdown-text,.search-result-name{color:#e2e8f0}.dropdown-item,.search-result-preview{color:#a0aec0}.dropdown-item:hover{color:#e2e8f0}}:root{--pro-bg:#fff;--pro-text:#000;--pro-border:#e0e0e0;--pro-accent:#007bff;--pro-accent-rgb:0,123,255;--pro-surface:#f8f9fa;--pro-surface-rgb:248,249,250;--font-size-scale:100}.pro-chat{background-color:#fff;background-color:var(--pro-bg);color:#000;color:var(--pro-text);display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);min-height:0;transition:all .2s ease;width:100%}.enhanced-chat-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#fffffff2,#f8fafced 50%,#f1f5f9f2);border-bottom:1px solid #e2e8f099;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;isolation:isolate;justify-content:space-between;left:0;min-height:60px;overflow:visible;padding:0 24px;position:relative;right:0;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%;z-index:1000}.enhanced-chat-header:before{animation:headerShimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f605 25%,#9333ea05 50%,#ec489905 75%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@keyframes headerShimmer{0%,to{opacity:.3;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}.header-left{flex:1 1 auto;gap:16px;max-width:100%;min-width:0;overflow:visible}@media screen and (max-width:768px){.header-left{flex:1 1 auto!important;gap:8px!important;max-width:100%!important;overflow:visible!important}}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:12px;box-shadow:0 4px 12px #667eea80;color:#fff;cursor:pointer;display:none;flex-shrink:0;font-size:28px;font-weight:700;height:48px;justify-content:center;margin:0 8px 0 0;min-height:48px;min-width:48px;padding:0;position:relative;transition:all .3s ease;width:48px;z-index:10000}.mobile-menu-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea99;transform:scale(1.05)}.mobile-menu-btn:active{box-shadow:0 2px 8px #667eea66;transform:scale(.95)}@media (max-width:768px){.mobile-menu-btn{display:flex!important;font-size:24px;height:44px;opacity:1!important;pointer-events:auto!important;visibility:visible!important;width:44px}.header-left{max-width:100%;overflow:visible}}@media (max-width:480px){.mobile-menu-btn{display:flex!important;font-size:22px!important;height:42px!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;width:42px!important;z-index:10000}.header-left{gap:10px}}@media (max-width:430px){.mobile-menu-btn{display:flex!important;flex-shrink:0!important;font-size:20px!important;height:40px!important;opacity:1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:40px!important;z-index:10000!important}.enhanced-chat-header{padding:0 10px!important}.header-left{gap:8px!important}}.conversation-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:44px;overflow:hidden;padding:2px;position:relative;transition:all .3s ease;width:44px}.conversation-avatar:hover{box-shadow:0 4px 20px #667eea4d;transform:scale(1.05)}.conversation-avatar img{border:2px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.online-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;transition:all .3s ease;width:12px}.online-indicator.online{animation:pulse 2s infinite;background-color:#10b981;box-shadow:0 0 0 0 #10b981b3}.online-indicator.offline{background-color:#ef4444}.conversation-info{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.conversation-title{color:#1e293b;font-size:18px;font-weight:600;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-status{align-items:center;display:flex;font-size:13px;gap:12px}.conversation-status .typing-indicator{align-items:center;color:#10b981;display:flex;font-size:12px;font-style:italic;gap:6px}.typing-dots{align-items:center;display:inline-flex;gap:3px}.typing-dots span{animation:typingBounce 1.2s ease-in-out infinite;background:#10b981;border-radius:50%;height:5px;width:5px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.connection-status{font-weight:500;gap:4px;transition:color .3s ease}.connection-status.connected{color:#10b981}.connection-status.disconnected{color:#ef4444}.participant-count{color:#64748b;font-weight:400}.header-center{flex:1 1;margin:0 24px;max-width:400px}.header-search{align-items:center;background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;display:flex;padding:8px 12px;position:relative;transition:all .3s ease}.header-search:hover{background:#ffffffe6;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f61a}.header-search:focus-within{background:#fffffff2;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.search-input{background:#0000;border:none;color:#374151;flex:1 1;font-size:14px;outline:none}.search-input::placeholder{color:#9ca3af}.search-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.search-btn:hover{background:#3b82f61a;transform:scale(1.1)}.header-actions{align-items:center;flex-shrink:0;flex-wrap:nowrap;gap:6px;margin-left:8px;overflow:visible;position:relative}.header-actions::-webkit-scrollbar{display:none}.header-actions:after,.header-actions:before{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:8px;z-index:1}.header-actions:before{background:linear-gradient(90deg,#ffffffe6,#0000);left:0}.header-actions:after{background:linear-gradient(270deg,#ffffffe6,#0000);right:0}@media (max-width:480px){.header-actions:not(:hover):after,.header-actions:not(:hover):before{opacity:1}}.action-btn{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #e2e8f099;border-radius:50%;box-shadow:0 2px 4px #0000000d;flex-shrink:0;font-size:16px;height:36px;outline:none;overflow:hidden;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.action-btn:focus-visible{outline:2px solid #3b82f680;outline-offset:2px}@media (hover:none) and (pointer:coarse){.action-btn:not(.header-actions .action-btn){min-height:44px;min-width:44px}}.action-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#3b82f666;box-shadow:0 6px 16px #0000001f,0 0 0 3px #3b82f61a;transform:translateY(-3px) scale(1.05)}.action-btn:hover:before{left:100%}.action-btn:active{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px) scale(1.02)}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}.action-btn.active:after{animation:pulse-ring 1.5s cubic-bezier(.4,0,.6,1) infinite;border:2px solid #3b82f699;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.video-call-btn:hover{background:linear-gradient(135deg,#22c55e26,#10b98126);border-color:#22c55e66;box-shadow:0 6px 16px #22c55e33,0 0 0 3px #22c55e1a}.enhanced-video-btn{align-items:center;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:2px solid #22c55e4d;border-radius:12px;display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-video-btn:before{background:linear-gradient(135deg,#22c55e33,#10b9811a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.enhanced-video-btn:hover:before{opacity:1}.enhanced-video-btn:hover{border-color:#22c55e99;box-shadow:0 8px 20px #22c55e40,0 0 0 4px #22c55e1a;transform:translateY(-2px)}.enhanced-video-btn:active{box-shadow:0 4px 12px #22c55e33;transform:translateY(0)}.enhanced-video-btn .video-icon{color:#22c55e;position:relative;transition:all .3s ease;z-index:1}.enhanced-video-btn:hover .video-icon{color:#16a34a;transform:scale(1.1)}.enhanced-video-btn .btn-label{color:#22c55e;font-size:10px;font-weight:600;letter-spacing:.5px;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.enhanced-video-btn:hover .btn-label{color:#16a34a}@keyframes video-pulse{0%,to{box-shadow:0 0 0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.enhanced-video-btn:focus{animation:video-pulse 1.5s infinite}@media (max-width:768px){.enhanced-video-btn{gap:3px;padding:6px 10px}.enhanced-video-btn .video-icon{height:18px;width:18px}.enhanced-video-btn .btn-label{font-size:9px}}.unified-call-btn:hover,.voice-call-btn:hover{background:linear-gradient(135deg,#3b82f626,#2563eb26)}.info-btn:hover,.unified-call-btn:hover,.voice-call-btn:hover{border-color:#3b82f666;box-shadow:0 6px 16px #3b82f633,0 0 0 3px #3b82f61a}.info-btn:hover{background:linear-gradient(135deg,#3b82f626,#93c5fd26)}.donation-btn:hover{background:linear-gradient(135deg,#ec489926,#db277726);border-color:#ec489966;box-shadow:0 6px 16px #ec489933,0 0 0 3px #ec48991a}.logout-btn:hover{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef444466;box-shadow:0 6px 16px #ef444433,0 0 0 3px #ef44441a}.menu-btn:hover{background:linear-gradient(135deg,#6b728026,#4b556326);border-color:#6b728066;box-shadow:0 6px 16px #6b728033,0 0 0 3px #6b72801a}.invite-user-btn{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-color:#6366f159;box-shadow:0 2px 6px #6366f126}.invite-user-btn:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f180;box-shadow:0 6px 16px #6366f14d,0 0 0 3px #6366f11a;transform:translateY(-3px) scale(1.05)}.new-chat-btn{background:linear-gradient(135deg,#22c55e1f,#10b9811f);border-color:#22c55e59;box-shadow:0 2px 6px #22c55e26}.new-chat-btn:hover{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e80;box-shadow:0 6px 16px #22c55e4d,0 0 0 3px #22c55e1a;transform:translateY(-3px) scale(1.05)}.voice-call-btn{position:relative}.connection-indicator{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;display:flex;font-size:8px;height:12px;justify-content:center;position:absolute;right:-2px;top:-2px;width:12px}.info-btn:hover{background:#9333ea1a;border-color:#9333ea4d}.theme-toggle:hover{background:#f59e0b1a;border-color:#f59e0b4d}.header-menu{align-items:center;display:flex;flex-shrink:0;overflow:visible;position:relative;z-index:1000}.menu-btn{background:#f8fafccc!important;border:1px solid #007bff!important;pointer-events:auto!important;position:relative;z-index:10}.menu-btn:hover{background:#6b72801a;border-color:#6b72804d}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:400px;max-width:280px;min-width:220px;opacity:0;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.dropdown-menu.active{background:#ff0000e6!important;border:5px solid #0f0!important;box-shadow:0 10px 25px #000c!important;min-height:200px!important;opacity:1!important;position:absolute!important;right:0!important;top:calc(100% + 8px)!important;transform:translateY(0)!important;visibility:visible!important;width:280px!important;z-index:9999!important}.dropdown-header{align-items:center;background:#f9fafbcc;border-bottom:1px solid #e2e8f080;border-radius:12px 12px 0 0;color:#374151;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.close-dropdown{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.close-dropdown:hover{background:#ef44441a;color:#dc2626}.dropdown-item{background:none!important;border:none;border-radius:0;color:#374151;cursor:pointer;font-size:14px;gap:12px;padding:12px 16px;position:static!important;text-align:left;transition:all .2s ease;width:100%}.dropdown-icon,.dropdown-item{align-items:center;display:flex}.dropdown-icon{font-size:16px;justify-content:center;width:20px}.dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-item:last-child{border-radius:0 0 12px 12px}.dropdown-item:hover{background:#3b82f614;color:#1e40af;transform:translateX(4px)}.dropdown-item.logout-item:hover{background:#ef444414;color:#dc2626}.dropdown-divider{background:#e2e8f0cc;border:none;height:1px;margin:4px 0}.dark-theme .enhanced-chat-header{background:linear-gradient(135deg,#1e293bf2,#0f172aed 50%,#020617f2);border-bottom-color:#33415599}.dark-theme .conversation-title{color:#f1f5f9}.dark-theme .participant-count{color:#94a3b8}.dark-theme .header-search{background:#1e293bcc;border-color:#334155cc}.dark-theme .header-search:hover{background:#1e293be6;border-color:#3b82f64d}.dark-theme .search-input{color:#e2e8f0}.dark-theme .search-input::placeholder{color:#64748b}.dark-theme .action-btn{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border-color:#47556999;box-shadow:0 2px 4px #0000004d;color:#e2e8f0}.dark-theme .action-btn:hover{background:linear-gradient(135deg,#334155f2,#1e293bf2);border-color:#3b82f680;box-shadow:0 6px 16px #0006,0 0 0 3px #3b82f626}.dark-theme .invite-user-btn{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f166}.dark-theme .invite-user-btn:hover{background:linear-gradient(135deg,#6366f14d,#a855f74d);border-color:#6366f199}.dark-theme .new-chat-btn{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e66}.dark-theme .new-chat-btn:hover{background:linear-gradient(135deg,#22c55e4d,#10b9814d);border-color:#22c55e99}.dark-theme .dropdown-menu{background:#1e293bf2;border-color:#334155cc}.dark-theme .dropdown-header{background:#0f172acc;border-bottom-color:#33415580;color:#e2e8f0}.dark-theme .close-dropdown{color:#94a3b8}.dark-theme .close-dropdown:hover{background:#ef444426;color:#f87171}.dark-theme .dropdown-item{color:#e2e8f0}.dark-theme .dropdown-item:hover{background:#3b82f626;color:#93c5fd}.dark-theme .dropdown-item.logout-item:hover{background:#ef444426;color:#f87171}.dark-theme .dropdown-divider{background:#334155cc}@media (min-width:1200px){.header-left{gap:20px;max-width:100%}.header-actions{gap:8px;margin-left:20px}.action-btn{font-size:15px;height:36px;width:36px}}@media (max-width:1024px){.header-center{margin:0 16px;max-width:300px}.header-left{max-width:100%}.header-actions{gap:5px;margin-left:12px}}@media (max-width:900px){.enhanced-chat-header{padding:0 20px}.header-left{gap:14px;max-width:100%}.action-btn{font-size:13px;height:30px;width:30px}.header-actions{gap:4px;margin-left:10px}.donation-btn{display:none}}@media (max-width:768px){.enhanced-chat-header{height:auto;min-height:calc(env(safe-area-inset-top, 0px) + 44px);padding:calc(env(safe-area-inset-top, 0px) + 4px) 12px 4px;position:relative;top:0;z-index:1000}.header-center{display:none}.header-left{flex:1 1 auto;gap:6px;max-width:100%}.conversation-avatar{flex-shrink:0;height:34px;width:34px}.conversation-title{font-size:14px;font-weight:500}.conversation-status{font-size:11px}.action-btn{flex-shrink:0;font-size:15px;height:32px;min-height:32px!important;min-width:32px!important;width:32px}.header-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;margin-left:4px}.enhanced-video-btn{border-radius:50%;flex-direction:row;gap:0;height:32px;min-height:32px!important;min-width:32px!important;padding:0;width:32px}.enhanced-video-btn .btn-label{display:none}.enhanced-video-btn .video-icon{height:16px;width:16px}.dropdown-menu{min-width:160px}.mobile-menu-btn{display:flex!important;font-size:18px!important;height:36px!important;margin-right:4px!important;opacity:1!important;visibility:visible!important;width:36px!important}}@media (max-width:480px){.enhanced-chat-header{height:auto;min-height:calc(env(safe-area-inset-top, 0px) + 44px);padding:calc(env(safe-area-inset-top, 0px) + 4px) 10px 4px;position:relative;top:0;z-index:1000}.header-left{flex:1 1 auto;gap:5px;max-width:100%}.conversation-avatar{flex-shrink:0;height:30px;width:30px}.conversation-info{flex:1 1 auto;min-width:0;overflow:hidden}.conversation-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-status,.header-actions .donation-btn,.header-actions .file-share-btn,.header-actions .invite-user-btn,.header-actions .notification-btn{display:none!important}.header-actions .header-menu,.header-actions .menu-btn{display:flex!important;opacity:1!important;visibility:visible!important}.header-actions{padding-right:12px}.action-btn{flex-shrink:0;font-size:14px!important;height:30px!important;min-height:30px!important;min-width:30px!important;width:30px!important}.header-actions{flex-wrap:nowrap;gap:4px!important;margin-left:4px;padding-right:12px!important}.info-btn{display:none}}.recording-overlay{animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:999}.enhanced-recording-container{animation:recordingSlideUp .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #6366f133;border-radius:12px;bottom:80px;box-shadow:0 8px 32px #6366f126;left:50%;max-width:280px;padding:8px;position:fixed;transform:translateX(-50%);width:75%;z-index:1000}@keyframes recordingSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.chat-voice-recorder{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:0}.inline-voice-recorder{display:inline-flex;position:relative}.inline-voice-recorder .voice-recorder{box-shadow:0 8px 32px #00000026;margin-top:8px;min-width:300px;position:absolute;right:0;top:100%;z-index:1000}.inline-voice-recorder .voice-recorder.compact{min-width:250px}.voice-message.enhanced{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid #6366f11a;border-radius:12px;margin:8px 0;padding:12px}.chat-voice-player{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:0}.voice-message-fallback{align-items:center;background:#9ca3af1a;border-radius:8px;color:#6b7280;display:flex;font-size:14px;gap:12px;padding:8px}.voice-message-fallback .voice-icon{font-size:20px}.voice-message-fallback .voice-duration{font-family:Courier New,monospace;font-weight:600}.voice-message-fallback .voice-placeholder{font-style:italic;opacity:.7}@media (max-width:768px){.inline-voice-recorder .voice-recorder{bottom:80px;left:16px;min-width:auto;position:fixed;right:16px;top:auto}.enhanced-recording-container{bottom:70px;left:16px;max-width:none;padding:12px;right:16px;transform:none;width:auto}}@media (max-width:480px){.inline-voice-recorder .voice-recorder{bottom:70px;left:12px;right:12px}.enhanced-recording-container{bottom:60px;left:12px;right:12px}.voice-message.enhanced{margin:6px 0;padding:10px}}.elegant-home-header{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:linear-gradient(135deg,#fffffffa,#f8fcfff5 30%,#f0f8fff0 70%,#ebf5ffeb);border-bottom:1px solid #fff6;box-shadow:0 8px 32px #1f26871f,0 2px 8px #0000000a;flex-shrink:0;height:88px;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001!important}.elegant-home-header:before{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(110deg,#4a90e214,#8f94fb0f 25%,#b993d60a 50%,#ef8eb30f 75%,#fcb04014);bottom:0;content:"";right:0}.elegant-home-header:before,.particle-container{left:0;pointer-events:none;position:absolute;top:0}.particle-container{height:100%;overflow:hidden;width:100%;z-index:7}.particle{animation:float-particles 12s linear infinite!important;background:linear-gradient(45deg,#007bff99,#00d4ff66);border:1px solid #ffffff4d;box-shadow:0 0 6px #007bff4d;opacity:1!important;z-index:8}@media (prefers-reduced-motion:reduce){.particle{animation:float-particles 8s linear infinite!important}.universal-particle,.universal-particle-1,.universal-particle-10,.universal-particle-11,.universal-particle-12,.universal-particle-13,.universal-particle-14,.universal-particle-15,.universal-particle-16,.universal-particle-17,.universal-particle-18,.universal-particle-19,.universal-particle-2,.universal-particle-20,.universal-particle-21,.universal-particle-22,.universal-particle-23,.universal-particle-24,.universal-particle-25,.universal-particle-26,.universal-particle-27,.universal-particle-28,.universal-particle-29,.universal-particle-3,.universal-particle-30,.universal-particle-4,.universal-particle-5,.universal-particle-6,.universal-particle-7,.universal-particle-8,.universal-particle-9{animation:float-universal 8s linear infinite!important;animation-play-state:running!important}}.particle:first-child{animation-delay:0s;animation-duration:15s;height:4px;left:5%;top:20%;width:4px}.particle:nth-child(2){animation-delay:-2s;animation-duration:12s;height:6px;left:15%;top:60%;width:6px}.particle:nth-child(3){animation-delay:-4s;animation-duration:18s;height:3px;left:25%;top:80%;width:3px}.particle:nth-child(4){animation-delay:-1s;animation-duration:14s;height:5px;left:35%;width:5px}.particle:nth-child(5){animation-delay:-3s;animation-duration:16s;height:4px;left:45%;width:4px}.particle:nth-child(6){animation-delay:-5s;animation-duration:11s;height:7px;left:55%;width:7px}.particle:nth-child(7){animation-delay:-2.5s;animation-duration:17s;height:3px;left:65%;width:3px}.particle:nth-child(8){animation-delay:-4.5s;animation-duration:13s;height:5px;left:75%;width:5px}.particle:nth-child(9){animation-delay:-1.5s;animation-duration:15.5s;height:4px;left:85%;width:4px}.particle:nth-child(10){animation-delay:-3.5s;animation-duration:12.5s;height:6px;left:95%;width:6px}.particle:nth-child(11){animation-delay:-.5s;animation-duration:19s;height:3px;left:10%;width:3px}.particle:nth-child(12){animation-delay:-2.8s;animation-duration:10.5s;height:5px;left:30%;width:5px}.particle:nth-child(13){animation-delay:-4.2s;animation-duration:16.5s;height:4px;left:50%;width:4px}.particle:nth-child(14){animation-delay:-1.8s;animation-duration:13.8s;height:6px;left:70%;width:6px}.particle:nth-child(15){animation-delay:-3.2s;animation-duration:14.8s;height:3px;left:90%;width:3px}@keyframes float-particles{0%{opacity:.3;transform:translateY(80px) translateX(0) rotate(0deg) scale(.8)}5%{opacity:.8;transform:translateY(70px) translateX(2px) rotate(18deg) scale(1)}15%{opacity:1;transform:translateY(50px) translateX(-5px) rotate(54deg) scale(1.1)}25%{opacity:.9;transform:translateY(30px) translateX(8px) rotate(90deg) scale(.9)}35%{opacity:.7;transform:translateY(45px) translateX(-3px) rotate(126deg) scale(1)}45%{opacity:.8;transform:translateY(30px) translateX(6px) rotate(162deg) scale(1.2)}55%{opacity:.6;transform:translateY(15px) translateX(-8px) rotate(198deg) scale(.8)}65%{opacity:.5;transform:translateY(0) translateX(4px) rotate(234deg) scale(1)}75%{opacity:.4;transform:translateY(-15px) translateX(-2px) rotate(270deg) scale(.9)}85%{opacity:.3;transform:translateY(-30px) translateX(3px) rotate(306deg) scale(.7)}95%{opacity:.1;transform:translateY(-45px) translateX(-1px) rotate(342deg) scale(.5)}to{opacity:0;transform:translateY(-60px) translateX(0) rotate(1turn) scale(0)}}[data-theme=dark] .particle{background:linear-gradient(45deg,#64c8ffb3,#9664ff80);box-shadow:0 0 8px #64c8ff66}.elegant-header-backdrop{background:radial-gradient(circle at 25% 30%,#4a90e20f 0,#0000 50%),radial-gradient(circle at 75% 70%,#b993d60a 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.elegant-header-content{align-items:center;display:flex;height:100%;justify-content:center;padding:0 32px;position:relative;width:100%;z-index:110!important}.elegant-header-content-wrapper{margin:0 auto;max-width:600px;width:100%;z-index:115!important}.elegant-brand-container,.elegant-header-content-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.elegant-brand-container{animation:fadeInUp 1s cubic-bezier(.25,.46,.45,.94);z-index:120!important}.elegant-brand-section{align-items:center;animation:slideInFromTop 1.2s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:#ffffffbf;border:1.5px solid #fffc;border-radius:24px;box-shadow:0 12px 40px #1f268726,0 4px 12px #00000014,inset 0 1px 0 #ffffffe6;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:12px 28px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px) scale(.9)}60%{transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.elegant-brand-section:hover{background:#ffffffe6;border-color:#fffffff2;box-shadow:0 20px 60px #1f268740,0 8px 20px #0000001f,inset 0 1px 0 #fff;transform:translateY(-3px) scale(1.02)}.elegant-brand-section:active{transform:translateY(-1px) scale(.98);transition:transform .15s ease}.elegant-brand-section:before{animation:shimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.elegant-brand-icon{align-items:center;animation:iconPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 75%,#f5576c);border-radius:14px;box-shadow:0 6px 20px #667eea59,0 2px 8px #00000026,inset 0 1px 0 #ffffff4d;color:#fff;display:flex;font-size:20px;font-weight:600;height:36px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.elegant-brand-icon:after{animation:iconGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:17px;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.elegant-brand-section:hover .elegant-brand-icon:after{opacity:.6}@keyframes iconPulse{0%,to{box-shadow:0 6px 20px #667eea59,0 2px 8px #00000026,inset 0 1px 0 #ffffff4d;transform:scale(1)}50%{box-shadow:0 8px 28px #667eea80,0 4px 12px #0003,inset 0 1px 0 #fff6;transform:scale(1.08)}}@keyframes iconGlow{0%,to{opacity:0}50%{opacity:.4}}@keyframes border-glow{0%,to{opacity:0}50%{opacity:.7}}.elegant-brand-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:14px}.elegant-brand-name{-webkit-text-fill-color:#0000;animation:gradientFlow 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 30%,#f093fb 70%,#f5576c);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;display:block!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0;opacity:1!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:visible!important}.elegant-brand-name:before{display:none}.elegant-brand-name:after{background:linear-gradient(90deg,#667eea,#f5576c);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.elegant-brand-section:hover .elegant-brand-name:after{width:100%}@keyframes gradientFlow{0%,to{background-position:0 50%;transform:translateY(0)}33%{background-position:50% 50%;transform:translateY(-1px)}66%{background-position:100% 50%;transform:translateY(0)}}.elegant-brand-subtitle{animation:subtitleFade 2s ease-in-out infinite alternate;color:#ffffffbf;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;margin:2px 0 0;opacity:.9;text-transform:uppercase;transition:all .3s ease}.elegant-brand-section:hover .elegant-brand-subtitle{color:#ffffffe6;opacity:1}@keyframes subtitleFade{0%{opacity:.7}to{opacity:.95}}.elegant-decorative-line{background:linear-gradient(180deg,#4a90e2,#8f94fb 50%,#b993d6);border-radius:1px;box-shadow:0 0 6px #4a90e266;height:20px;width:2px}.elegant-search-wrapper{margin:0 auto;max-width:600px;width:100%}.pro-header .pro-header-btn,.pro-header.elegant-home-header .pro-header-btn{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff4d!important;border:1px solid #fff6!important;border-radius:12px!important;box-shadow:0 2px 8px #1f26871a!important;color:#4a90e2!important;cursor:pointer!important;display:flex!important;opacity:1!important;padding:10px!important;transition:all .3s ease!important;visibility:visible!important;z-index:125!important}.pro-header .pro-header-btn:hover,.pro-header.elegant-home-header .pro-header-btn:hover{background:#ffffff80!important;box-shadow:0 4px 16px #1f268726!important;transform:translateY(-2px)!important}.pro-header .pro-header-actions,.pro-header.elegant-home-header .pro-header-actions{align-items:center!important;display:flex!important;gap:8px!important;opacity:1!important;visibility:visible!important;z-index:125!important}.pro-header .pro-header-start,.pro-header.elegant-home-header .pro-header-start{z-index:25!important}.pro-header .pro-conversation-info,.pro-header .pro-header-start,.pro-header.elegant-home-header .pro-header-start{align-items:center!important;display:flex!important;gap:12px!important;opacity:1!important;visibility:visible!important}.pro-header .pro-header-avatar{border-radius:50%!important;height:40px!important;overflow:hidden!important;width:40px!important}.pro-header .pro-header-avatar,.pro-header .pro-header-title-container{display:flex!important;opacity:1!important;visibility:visible!important}.pro-header .pro-header-title-container{flex-direction:column!important}.pro-header .pro-header-title{color:#000!important;color:var(--pro-text)!important;display:block!important;font-size:16px!important;font-weight:600!important;margin:0!important;opacity:1!important;visibility:visible!important}.pro-header-btn:active{transform:translateY(0)}.pro-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff6;border-radius:10px;color:#4a90e2;cursor:pointer;display:flex!important;justify-content:center;opacity:1!important;padding:8px;transition:all .3s ease;visibility:visible!important}.pro-back-btn:hover{background:#ffffff80;transform:translateX(-2px)}[data-theme=dark] .elegant-home-header{background:linear-gradient(135deg,#1f2937f2,#111827f2 50%,#0f172af2)}[data-theme=dark] .elegant-brand-section{border:1px solid #ffffff4d}[data-theme=dark] .elegant-brand-section:hover{background:#1f2937e6;box-shadow:0 12px 40px #00000080;transform:translateY(-2px)}[data-theme=dark] .elegant-brand-section:active{transform:translateY(0) scale(.98)}[data-theme=dark] .elegant-brand-section:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}[data-theme=dark] .elegant-home-header{background:linear-gradient(135deg,#1f2937f2,#111827f2 50%,#0b0f19f2);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px #00000080}[data-theme=dark] .elegant-home-header:before{background:linear-gradient(90deg,#4a90e226,#8f94fb26 25%,#b993d626 50%,#ef8eb326 75%,#fcb04026)}[data-theme=dark] .elegant-header-backdrop{background:radial-gradient(circle at 30% 50%,#4a90e21a 0,#8f94fb1a 30%,#0000 70%)}[data-theme=dark] .elegant-brand-section{background:#1f2937cc;border:1px solid #fff3;box-shadow:0 8px 32px #0000004d}[data-theme=dark] .elegant-brand-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 16px #3b82f666}[data-theme=dark] .elegant-brand-icon:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b)}[data-theme=dark] .pro-header-btn{background:#1f293799;border:1px solid #fff3;color:#60a5fa}[data-theme=dark] .pro-header-btn:hover{background:#1f2937cc}[data-theme=dark] .pro-back-btn{background:#1f293799;border:1px solid #fff3;color:#60a5fa}[data-theme=dark] .pro-back-btn:hover{background:#1f2937cc}.header-left{align-items:center;display:flex}.app-title{color:#000;color:var(--pro-text);font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:16px}.connection-status{align-items:center;color:var(--pro-text-secondary);display:flex;gap:8px}.status-indicator{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.status-indicator.online{background-color:var(--pro-success);box-shadow:0 0 0 2px rgba(var(--pro-success-rgb),.2)}.status-indicator.offline{animation:pulse 2s infinite;background-color:var(--pro-error);box-shadow:0 0 0 2px rgba(var(--pro-error-rgb),.2)}.accessibility-controls{align-items:center;display:flex;gap:8px}.contrast-toggle,.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--pro-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.contrast-toggle:hover,.theme-toggle:hover{background-color:var(--pro-hover);color:#000;color:var(--pro-text)}.contrast-toggle.active,.theme-toggle.active{background-color:var(--pro-accent-light);color:#007bff;color:var(--pro-accent)}.font-controls{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-radius:16px;display:flex;overflow:hidden}.font-controls button{background:none;border:none;color:var(--pro-text-secondary);cursor:pointer;padding:4px 8px;transition:all .2s ease}.font-controls button:hover{background-color:var(--pro-hover);color:#000;color:var(--pro-text)}.logout-button{background-color:#f8f9fa;background-color:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-radius:16px;color:var(--pro-text-secondary);cursor:pointer;padding:6px 12px;transition:all .2s ease}.logout-button:hover{background-color:var(--pro-hover);color:#000;color:var(--pro-text)}.chat-container{display:flex;flex:1 1;min-height:0;overflow-x:visible;overflow-y:hidden;position:relative}.chat-container.with-thread{padding-right:320px}.messages-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;position:relative}.messages-container,.messages-list{box-sizing:border-box;max-height:100%;min-height:0}.messages-list{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px}.date-separator{margin:16px 0;position:relative;text-align:center}.date-separator:before{background-color:#e0e0e0;background-color:var(--pro-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.date-separator span{background-color:#fff;background-color:var(--pro-bg);color:var(--pro-text-tertiary);padding:0 10px;position:relative;z-index:2}.pro-input-area{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f8f9fa80;background-color:rgba(var(--pro-surface-rgb,248,249,250),.5);border-top:1px solid #e0e0e0;border-top:1px solid var(--pro-border);box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:12px;min-height:env(keyboard-inset-height,0);padding:16px 16px max(16px,env(safe-area-inset-bottom));position:relative;width:100%;z-index:10}.pro-input-area.drag-active{background-color:#007bff1a;background-color:rgba(var(--pro-accent-rgb),.1);border-color:#007bff;border-color:var(--pro-accent);border-style:dashed}.pro-input-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.pro-input-action{align-items:center;background-color:#fff;background-color:var(--pro-bg);border:none;border-radius:12px;color:#000;color:var(--pro-text);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.pro-input-action:hover{background-color:#007bff;background-color:var(--pro-accent);color:#fff;transform:translateY(-1px)}.pro-input-action:active{transform:translateY(0)}.pro-input-action:disabled{cursor:not-allowed;opacity:.5;transform:none}.pro-input-action.active{background-color:#007bff;background-color:var(--pro-accent);color:#fff}.pro-voice-btn.recording{animation:pulse 1.5s infinite;background-color:#ef4444;color:#fff}.recording-indicator{animation:blink 1s infinite;background-color:#ef4444;border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.pro-emoji-picker{animation:slideUp .2s ease;background-color:#f8f9fa;background-color:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;max-width:280px;padding:12px;position:absolute;right:0;z-index:20}.pro-emoji-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.pro-emoji-button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:background-color .15s ease;width:36px}.pro-emoji-button:hover{background-color:#fff;background-color:var(--pro-bg)}.pro-attached-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pro-attached-file{align-items:center;background-color:#007bff;background-color:var(--pro-accent);border-radius:8px;color:#fff;display:flex;font-size:12px;gap:4px;padding:4px 8px}.pro-mention-suggestions{background-color:#f8f9fa;background-color:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-radius:12px 12px 0 0;bottom:100%;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:20}.pro-mention-suggestion{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:8px;padding:12px;transition:background-color .15s ease;width:100%}.pro-mention-suggestion:hover{background-color:#fff;background-color:var(--pro-bg)}.pro-mention-avatar{border-radius:50%;height:24px;width:24px}.pro-main{box-sizing:border-box;display:flex;flex-direction:column;grid-column:2!important;grid-row:1!important;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:0;overflow:hidden;width:100%;z-index:10}.pro-main .pro-message-list{-webkit-overflow-scrolling:touch!important;flex:1 1!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}.pro-main .message-input-container,.pro-main .pro-chat-input-container{flex:0 0 auto!important;flex-shrink:0!important;position:relative!important;width:100%!important}.pro-main.collapsed{width:100%}.pro-message-list{-webkit-overflow-scrolling:touch;align-items:flex-start;background:#0000;box-sizing:border-box;gap:12px;padding:16px 20px 80px;scroll-snap-type:y proximity;z-index:1}.message-input-container,.pro-chat-input-container{align-items:center!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-top:1px solid #ffffff1a!important;box-shadow:0 -8px 32px #0000001a,0 -2px 8px #0000000d,inset 0 1px 0 #fff3!important;box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;flex-shrink:0!important;gap:12px!important;margin:0!important;max-width:100%!important;min-width:0!important;opacity:1!important;padding:16px 20px max(16px,calc(env(safe-area-inset-bottom, 0px) + 8px))!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:1000!important}@media (max-width:768px){.pro-main{display:flex!important;flex-direction:column!important;grid-column:2!important;height:100vh;height:100dvh;margin:0;max-height:100vh;max-height:100dvh;overflow:hidden!important;padding:0;width:100%}.pro-message-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px;padding-bottom:16px!important}.message-input-container,.pro-chat-input-container{bottom:auto!important;box-sizing:border-box!important;flex:0 0 auto;left:auto!important;margin:0!important;max-width:100%!important;padding:12px 16px max(16px,calc(env(safe-area-inset-bottom, 0px) + 12px))!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}}@media (min-width:769px){.pro-main{display:flex!important;flex-direction:column!important;grid-column:2!important;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;position:relative!important;width:100%}.pro-message-list{flex:1 1 auto;min-height:0;overflow-y:auto}.pro-layout .pro-main .message-input-container,.pro-layout .pro-main .pro-chat-input-container{bottom:auto!important;box-sizing:border-box!important;flex:0 0 auto;left:auto!important;margin:0 auto!important;max-width:100%!important;padding:16px 20px!important;pointer-events:auto!important;position:relative!important;right:auto!important;transform:none!important;width:100%!important;z-index:99999!important}.pro-layout>.pro-chat-input-container{grid-column:2;left:auto!important;position:relative!important;right:auto!important;width:100%!important}.input-wrapper{align-items:center;display:flex;gap:8px;justify-content:center;margin:0 auto;max-width:1100px;max-width:var(--pro-max-content-width,1100px);padding:0 20px;width:100%}.pro-message-list{align-items:flex-start;max-width:100%;overflow-x:hidden;padding:16px 20px 20px;width:100%}.pro-message-container{display:flex;justify-content:flex-start;margin:0;width:100%}.pro-message-container .pro-message-wrapper{margin:0;max-width:100%;width:-webkit-fit-content;width:fit-content}.pro-message-blurb{display:flex;margin:8px 0;max-width:85%;padding:12px 16px;width:100%}.message-text{word-wrap:break-word;overflow-wrap:break-word;text-align:left}.message-text,.message-text[data-length=long],.message-text[data-length=medium],.message-text[data-length=short],.message-text[data-length=very-long]{max-width:100%}.enhanced-chat-header,.pro-header{flex-wrap:nowrap;height:auto!important;min-height:60px;padding:8px 12px!important}.header-left{align-items:center;display:flex;gap:8px}.conversation-info,.header-left{flex:1 1;min-width:0}.conversation-title{font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-status{font-size:11px!important}.header-actions{display:flex;flex-shrink:0;gap:4px}.action-btn{font-size:16px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:6px!important;width:36px!important}.header-actions .action-btn:nth-child(n+4){display:none}.header-actions .header-menu,.header-actions .header-menu .menu-btn,.header-actions .menu-btn{display:flex!important;opacity:1!important;visibility:visible!important}.message-input-container,.pro-chat-input-container{background:#f8f9fa!important;background:var(--pro-surface,#fff)!important;border-top:1px solid #e0e0e0!important;border-top:1px solid var(--pro-border,#0000001a)!important;bottom:auto!important;box-shadow:0 -2px 8px #0000000d!important;left:auto!important;padding:12px!important;pointer-events:auto!important;position:relative!important;right:auto!important;width:100%!important}.pro-message-area,.pro-message-list{overflow-y:auto!important}.message-bubble{font-size:15px!important;max-width:85%!important}}@media (max-width:480px){.pro-layout{flex-direction:column!important}.pro-sidebar{max-width:280px!important;width:85vw!important}.pro-main{display:flex!important;flex-direction:column!important;height:100vh;height:100dvh;margin:0;overflow:hidden;padding:0;width:100%!important;width:100%}.pro-welcome-screen{padding:20px 16px!important}.welcome-title{font-size:24px!important}.welcome-subtitle{font-size:14px!important}.welcome-features{gap:12px!important}.message-input-container,.pro-chat-input-container{padding:8px!important}.message-input-wrapper{gap:6px!important}.pro-input{font-size:14px!important;min-height:40px!important;padding:10px 12px!important}.input-action-btn,.send-button{height:40px!important;min-height:40px!important;min-width:40px!important;width:40px!important}.message-input-container,.pro-chat-input-container{bottom:auto;box-sizing:border-box;flex-shrink:0;left:auto;margin:0;max-width:100%;overflow:hidden;padding:10px 12px max(10px,env(safe-area-inset-bottom));position:relative!important;right:auto;width:100%}.input-wrapper{align-items:center;box-sizing:border-box;display:flex;gap:6px;margin:0 auto;max-width:100%;padding:0 16px;width:100%}.pro-message-list{align-items:flex-start;padding:8px 12px;padding-bottom:12px!important;width:100%}.pro-message-list.mobile-optimized{margin-bottom:0;padding-bottom:20px!important;scroll-padding-bottom:20px}.pro-message-container{justify-content:center;margin:6px 0;width:100%}.pro-message-container .pro-message-wrapper{margin:0 auto;max-width:calc(100vw - 24px);width:-webkit-fit-content;width:fit-content}.pro-message-blurb{align-self:flex-start!important;display:flex;margin:4px 0;max-width:calc(100% - 16px)!important;padding:6px 10px;width:100%}.message-text{word-wrap:break-word;font-size:13px;overflow-wrap:break-word;text-align:left}.message-text[data-length=short]{padding:4px 6px}.message-text[data-length=medium]{padding:6px 10px}.message-text[data-length=long]{padding:10px 14px}.message-text[data-length=very-long]{padding:12px 16px}.message-input.enhanced{margin:0 auto;max-width:calc(100vw - 120px);width:100%}.input-actions{gap:4px}.input-btn{font-size:16px;height:36px;width:36px}}@media (max-width:768px){.pro-message-blurb{max-width:calc(100% - 20px)!important;width:100%!important}.pro-message-blurb:has(.message-text[data-length=short]){max-width:250px!important;width:100%!important}.pro-message-blurb:has(.gif-attachment),.pro-message-blurb:has(.message-text[data-length=short]):has(.gif-attachment){max-width:min(88vw,480px)!important;width:min(88vw,480px)!important}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:350px!important;width:100%!important}.pro-message-blurb:has(.message-text[data-length=long]),.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:calc(100vw - 120px)!important;width:100%!important}}@media (max-width:480px){.pro-message-blurb{max-width:calc(100% - 16px)!important;width:100%!important}.pro-message-blurb:has(.message-text[data-length=short]){max-width:200px!important;width:100%!important}.pro-message-blurb:has(.gif-attachment),.pro-message-blurb:has(.message-text[data-length=short]):has(.gif-attachment){max-width:min(92vw,480px)!important;width:min(92vw,480px)!important}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:280px!important;width:100%!important}.pro-message-blurb:has(.message-text[data-length=long]),.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:calc(100vw - 100px)!important;width:100%!important}}.dark-mode .message-input-container,.dark-mode .pro-chat-input-container{background:#1e1e2ef2;border-top:1px solid #ffffff0d}.pro-chat-input-container.enhanced{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#fffffff2,#f8fafced 50%,#f1f5f9f2);border-top:1px solid #e2e8f099;box-shadow:0 -4px 20px #00000014,0 -1px 4px #0000000a,inset 0 1px 0 #fff6;padding:20px 24px max(24px,calc(env(safe-area-inset-bottom, 0px) + 24px))}.input-wrapper.enhanced{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:900px;position:relative;width:100%}.input-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.message-input-row{align-items:flex-end;gap:12px;width:100%}.input-btn{align-items:center;background:#fffc;border:1px solid #e2e8f099;border-radius:12px;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.input-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.input-btn:hover{background:#fffffff2;border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.input-btn:hover:before{left:100%}.input-btn:active{box-shadow:0 2px 4px #3b82f61a;transform:translateY(0)}.attachment-btn:hover{background:#22c55e1a;border-color:#22c55e4d}.gif-btn{background:linear-gradient(135deg,#9b59b61a,#8e44ad1a);border-color:#9b59b64d;overflow:hidden;position:relative}.gif-btn:hover{background:linear-gradient(135deg,#9b59b633,#8e44ad33);border-color:#9b59b680;box-shadow:0 4px 12px #9b59b633;transform:translateY(-1px)}.gif-btn:active{transform:translateY(0)}.gif-upload-btn{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border-color:#22c55e4d;font-size:14px}.gif-upload-btn:hover{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e80;box-shadow:0 4px 12px #22c55e33;transform:translateY(-1px)}.gif-upload-btn:active{transform:translateY(0)}.voice-btn:hover{background:#3b82f61a;border-color:#3b82f64d}.voice-btn.recording{animation:pulse 1.5s infinite;background:#ef4444e6;border-color:#ef444499;color:#fff}.emoji-btn:hover{background:#f59e0b1a;border-color:#f59e0b4d}.camera-btn{position:relative}.camera-btn:hover{background:#10b9811a;border-color:#10b9814d}.camera-btn:active{background:#10b98133;transform:scale(.95)}.contact-btn{position:relative}.contact-btn:hover{background:#8b5cf61a;border-color:#8b5cf64d}.contact-btn:active{background:#8b5cf633;transform:scale(.95)}.message-input.enhanced{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f099;border-radius:16px;color:#374151;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-input.enhanced::placeholder{color:#9ca3af}.message-input.enhanced:focus{background:#fffffff2;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f61a}.send-button.enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.send-button.enhanced:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px) scale(1.05)}.send-button.enhanced:active{transform:translateY(0) scale(.95)}.send-button.enhanced:disabled{box-shadow:0 2px 4px #667eea33;cursor:not-allowed;opacity:.5;transform:none}.send-icon{transform:translateX(1px)}.recording-interface{align-items:center;animation:slideInUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433;border-radius:16px;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;width:100%}.recording-indicator{align-items:center;color:#dc2626;display:flex;font-weight:600;gap:12px}.recording-dot{animation:pulse 1.5s infinite;background:#dc2626;border-radius:50%;height:8px;width:8px}.recording-actions{display:flex;gap:8px}.recording-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.recording-btn.cancel{background:#6b72801a;color:#374151}.recording-btn.cancel:hover{background:#6b728033}.recording-btn.send{background:#22c55e1a;color:#059669}.recording-btn.send:hover{background:#22c55e33}.emoji-picker-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;padding-bottom:80px;pointer-events:auto;position:fixed;right:0;top:0;z-index:15000}@media (max-width:768px){.emoji-picker-overlay{padding-bottom:120px}}@media (max-width:480px){.emoji-picker-overlay{padding-bottom:130px}}.emoji-picker{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 -8px 32px #0000001a;max-height:400px;max-width:500px;padding:20px;position:relative;width:100%;z-index:15001}.emoji-picker-header{align-items:center;border-bottom:1px solid #e2e8f099;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.emoji-picker-header span{color:#374151;font-weight:600}.emoji-close{align-items:center;background:#6b72801a;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.emoji-close:hover{background:#6b728033;transform:scale(1.1)}.emoji-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);max-height:280px;overflow-y:auto}.emoji-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.emoji-item:hover{background:#3b82f61a;transform:scale(1.2)}.dark-theme .pro-chat-input-container.enhanced{background:linear-gradient(135deg,#1e293bf2,#0f172aed 50%,#020617f2);border-top-color:#33415599}.dark-theme .input-btn{background:#1e293bcc;border-color:#33415599;color:#e2e8f0}.dark-theme .input-btn:hover{background:#334155e6}.dark-theme .message-input.enhanced{-webkit-text-fill-color:#e2e8f0!important;background:#1e293be6;border-color:#33415599;caret-color:#81b4ff!important;color:#e2e8f0!important}.dark-theme .message-input.enhanced::placeholder{color:#64748b}.dark-theme .message-input.enhanced:focus{-webkit-text-fill-color:#e2e8f0!important;background:#1e293bf2!important;border-color:#3b82f680;color:#e2e8f0!important}.dark-theme .emoji-picker{background:#1e293bf2;border-color:#334155cc}.dark-theme .emoji-picker-header span{color:#e2e8f0}.dark-theme .emoji-close{background:#33415599;color:#94a3b8}.dark-theme .emoji-close:hover{background:#334155cc}.dark-theme .emoji-item:hover{background:#3b82f633}@media (max-width:768px){.pro-chat-input-container.enhanced{box-sizing:border-box;padding:16px 12px}.input-wrapper.enhanced{gap:8px;max-width:100%;overflow:hidden}.message-attachment{border-radius:12px!important;box-sizing:border-box!important;margin:8px 0!important;max-width:100%!important;overflow:hidden!important}.attached-image{display:block!important;height:auto!important;max-height:500px!important;max-width:calc(100vw - 80px)!important;object-fit:contain!important;width:auto!important}.gif-attachment .attached-image{max-height:320px!important;max-width:100%!important;width:100%!important}.input-actions-row{-webkit-overflow-scrolling:touch!important;align-items:center!important;border-bottom:1px solid #e2e8f04d!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important;margin-bottom:4px!important;overflow-x:auto!important;padding:8px 0!important;scrollbar-width:none!important;width:100%!important}.input-actions-row::-webkit-scrollbar{display:none!important}.message-input-row{align-items:flex-end;gap:8px}.input-btn{border-radius:8px!important;flex-shrink:0!important;font-size:16px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:8px!important;width:36px!important}.send-button.enhanced{flex-shrink:0;height:36px;width:36px}.message-input.enhanced{flex:1 1;font-size:16px;min-height:36px;min-width:0}.emoji-picker{border-radius:16px 16px 0 0;padding:16px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.emoji-item{font-size:18px;height:36px;width:36px}}@media (max-width:480px){.pro-chat-input-container.enhanced{left:0!important;padding:8px 4px max(8px,env(safe-area-inset-bottom))!important;right:0!important}.input-wrapper.enhanced,.pro-chat-input-container.enhanced{box-sizing:border-box!important;margin:0!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.input-wrapper.enhanced{gap:4px!important;padding:0!important}.input-actions-row{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;padding:6px 0!important;scrollbar-width:none!important}.input-actions-row::-webkit-scrollbar{display:none!important}.message-input-row{gap:6px!important}.input-btn{border-radius:10px!important;font-size:18px!important;height:40px!important;min-width:40px!important;width:40px!important}.input-btn,.send-button.enhanced{flex-shrink:0!important;margin:0!important;padding:0!important}.send-button.enhanced{height:32px!important;min-width:32px!important;width:32px!important}.message-input.enhanced{border-radius:12px!important;flex:1 1!important;font-size:16px!important;margin:0!important;max-width:none!important;min-height:32px!important;min-width:0!important;padding:8px 12px!important;width:auto!important}.mobile-action-button{-webkit-tap-highlight-color:transparent;min-height:40px!important;min-width:40px!important;touch-action:manipulation}}.message-attachment{border-radius:12px;margin-top:8px;max-width:100%;overflow:hidden}.image-attachment{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:inline-block;overflow:hidden;position:relative;transition:all .3s ease}.image-attachment:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.attached-image{border-radius:12px 12px 0 0;box-sizing:border-box;display:block;height:auto;max-height:600px;max-width:100%;object-fit:contain;transition:all .3s ease;width:auto}.attached-image:hover{filter:brightness(1.05)}.image-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-top:1px solid #ffffff1a;color:#ffffffb3;font-size:12px;padding:8px 12px}.gif-attachment{animation:gifGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#9b59b61a,#8e44ad1a);border:2px solid #9b59b64d;display:block;max-width:100%;position:relative;width:100%}@keyframes gifGlow{0%{box-shadow:0 0 10px #9b59b633}to{box-shadow:0 0 20px #9b59b666,0 0 30px #9b59b633}}.gif-badge{animation:gifBadgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:12px;box-shadow:0 2px 8px #9b59b64d;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:10}@keyframes gifBadgePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.gif-label{text-shadow:0 1px 2px #0000004d}.gif-image{border:1px solid #9b59b633;display:block!important;filter:brightness(1.02) saturate(1.1);height:auto!important;max-height:500px;object-fit:contain;transition:all .3s ease;width:100%!important}.gif-image:hover{filter:brightness(1.1) saturate(1.2);transform:scale(1.02)}.gif-caption{background:linear-gradient(135deg,#9b59b626,#8e44ad26);border-top:1px solid #9b59b633;color:#ffffffe6;font-weight:500}.gif-info{color:#9b59b6cc;font-size:11px;font-style:italic}.file-attachment{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;max-width:300px;padding:12px 16px;transition:all .3s ease}.file-attachment:hover{background:#ffffff14;border-color:#3b82f64d;transform:translateY(-1px)}.file-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.file-info{flex:1 1;min-width:0}.file-name{color:#374151;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#6b7280;font-size:12px}.download-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#3b82f6;cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 12px;transition:all .2s ease}.download-btn:hover{background:#3b82f633;transform:scale(1.05)}.voice-message{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;display:flex;gap:12px;margin-top:8px;max-width:250px;padding:12px 16px;transition:all .3s ease}.voice-message:hover{background:#22c55e26;transform:translateY(-1px)}.voice-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;width:36px}.voice-duration{color:#059669;flex:1 1;font-size:14px;font-weight:500}.play-voice-btn{align-items:center;background:#22c55e33;border:none;border-radius:50%;color:#059669;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.play-voice-btn:hover{background:#22c55e4d;transform:scale(1.1)}.dark-theme .image-caption{background:#0000004d;color:#fffc}.dark-theme .file-attachment{background:#1e293b80;border-color:#33415599}.dark-theme .file-attachment:hover{background:#1e293bb3}.dark-theme .file-name{color:#e2e8f0}.dark-theme .file-size{color:#94a3b8}.dark-theme .download-btn{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.dark-theme .download-btn:hover{background:#3b82f64d}.dark-theme .voice-message{background:#22c55e26;border-color:#22c55e4d}.dark-theme .voice-duration{color:#34d399}.dark-theme .play-voice-btn{background:#22c55e4d;color:#34d399}.voice-call-message{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:12px;margin-top:8px;max-width:320px;padding:16px;transition:all .3s ease}.voice-call-message:hover{background:#3b82f626;transform:translateY(-1px)}.voice-call-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;width:36px}.voice-call-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.voice-call-text{color:#2563eb;font-size:14px;font-weight:500}.voice-call-status{color:#64748b;font-size:12px;font-style:italic}.voice-call-controls{display:flex;flex-shrink:0;gap:8px}.voice-call-btn-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.voice-call-btn-small.end-call{background:#ef444433;border:1px solid #ef44444d;color:#dc2626}.voice-call-btn-small.end-call:hover{background:#ef44444d;transform:scale(1.05)}.dark-theme .voice-call-message{background:#3b82f626;border-color:#3b82f64d}.dark-theme .voice-call-text{color:#60a5fa}.dark-theme .voice-call-status{color:#94a3b8}.dark-theme .voice-call-btn-small.end-call{background:#ef44444d;border-color:#ef444466;color:#f87171}.voice-call-enhanced-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid #3b82f633;border-radius:16px;display:flex;flex-direction:column;gap:12px;margin-top:8px;max-width:400px;padding:16px;transition:all .3s ease}.voice-call-enhanced-message:hover{background:linear-gradient(135deg,#3b82f626,#9333ea26);box-shadow:0 8px 25px #3b82f633;transform:translateY(-2px)}.voice-call-enhanced-header{align-items:flex-start;display:flex;gap:12px}.voice-call-method-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:44px;justify-content:center;width:44px}.voice-call-enhanced-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.voice-call-enhanced-text{color:#1e40af;font-size:15px;font-weight:600;line-height:1.4}.voice-call-method-description{color:#64748b;font-size:13px;font-weight:500}.voice-call-quality-info{align-items:center;display:flex;font-size:12px;gap:8px;margin-top:4px}.connection-quality{font-weight:600}.latency-info{color:#6b7280;font-weight:500}.voice-call-enhanced-controls{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.call-status-indicator{align-items:center;display:flex;gap:8px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.connecting{background:#f59e0b}.status-dot.connected{background:#10b981}.status-dot.ringing{background:#3b82f6}.status-dot.reconnecting{background:#ef4444}.status-text{color:#6b7280;font-size:12px;font-weight:500;text-transform:capitalize}.voice-call-btn-small.end-call-enhanced{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.voice-call-btn-small.end-call-enhanced:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:scale(1.05)}.call-method-note{background:#6b72801a;border-left:3px solid #6b7280;border-radius:8px;color:#6b7280;font-size:11px;font-style:italic;margin-top:8px;padding:8px 12px}.call-method-selector-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:12000}.call-method-selector-modal{animation:slideInUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:480px;overflow-y:auto;padding:24px;width:90%}.call-method-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.call-method-header h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.close-btn{color:#6b7280;font-size:24px;padding:4px}.close-btn:hover{background:#6b72801a;color:#374151}.call-method-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.call-method-option{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s ease}.call-method-option:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f633;transform:translateY(-2px)}.call-method-option.high{border-color:#10b981}.call-method-option.high:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#059669}.call-method-option.medium{border-color:#f59e0b}.call-method-option.medium:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#d97706}.call-method-option.standard{border-color:#6b7280}.call-method-option.fallback{border-color:#ef4444;opacity:.8}.method-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.method-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.method-title{color:#1f2937;font-size:16px;font-weight:600}.method-quality{color:#059669;font-size:14px;font-weight:500}.method-phone{color:#6b7280;font-size:13px;font-weight:500}.method-note{color:#9ca3af;font-size:12px;font-style:italic}.method-latency{color:#3b82f6;font-size:12px;font-weight:600}.method-quality-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.connection-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;padding:16px}.current-connection{color:#6b7280;font-size:13px;font-weight:500;text-align:center}.dark-theme .voice-call-enhanced-message{background:linear-gradient(135deg,#3b82f626,#9333ea26);border-color:#3b82f64d}.dark-theme .voice-call-enhanced-text{color:#60a5fa}.dark-theme .voice-call-method-description{color:#94a3b8}.dark-theme .call-method-selector-modal{background:#1f2937;color:#fff}.dark-theme .call-method-header{border-color:#374151}.dark-theme .call-method-header h3{color:#f9fafb}.dark-theme .call-method-option{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563;color:#fff}.dark-theme .call-method-option:hover{background:linear-gradient(135deg,#4b5563,#6b7280)}.dark-theme .method-title{color:#f9fafb}.dark-theme .connection-info{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.voice-call-enhanced-message{max-width:100%;padding:12px}.voice-call-method-icon{font-size:20px;height:36px;width:36px}.call-method-selector-modal{max-height:85vh;padding:20px;width:95%}.call-method-option{gap:12px;padding:12px}.method-icon{font-size:28px;height:48px;width:48px}.attached-image{max-height:150px;max-width:250px}.file-attachment{max-width:250px;padding:10px 12px}.file-icon{font-size:16px;height:32px;width:32px}.voice-message{max-width:200px;padding:10px 12px}.voice-icon{font-size:16px;height:28px;width:28px}.play-voice-btn{font-size:12px;height:28px;width:28px}}.pro-message-blurb{align-self:flex-start!important;flex-shrink:1!important}.pro-message-blurb,.pro-message-blurb .message-text{min-width:0!important}.pro-message-blurb:has(.message-text[data-length=short]){max-width:min(350px,90%)!important;width:100%!important}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:min(550px,90%)!important;width:100%!important}.pro-message-blurb:has(.message-text[data-length=long]){max-width:min(700px,90%)!important;width:100%!important}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:90%!important;width:100%!important}.pro-message-blurb:has(.image-attachment){max-width:min(640px,92%)!important;width:100%!important}.pro-message-blurb.message-enhanced{animation:messageSlideInUp .6s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translateY(20px)}.pro-message-blurb{will-change:transform,opacity;z-index:1}.pro-message-blurb.message-entering{animation:messageSlideInUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.pro-message-blurb.message-delay-0{animation-delay:0s}.pro-message-blurb.message-delay-1{animation-delay:.1s}.pro-message-blurb.message-delay-2{animation-delay:.2s}.pro-message-blurb.message-delay-3{animation-delay:.3s}.pro-message-blurb.message-delay-4{animation-delay:.4s}.pro-message-blurb:before{background:linear-gradient(45deg,#6366f11a,#a855f71a 50%,#ec48991a);bottom:-2px;left:-2px;opacity:0;right:-2px;top:-2px;transition:opacity .3s ease}.pro-message-blurb:hover:before{animation:borderGlow 2s ease-in-out infinite;opacity:1}@keyframes borderGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.pro-message-blurb:hover .message-content{background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.pro-message-blurb .message-avatar-container{position:relative;transition:all .3s ease}.pro-message-blurb:hover .message-avatar{animation:avatarPulse 1.5s ease-in-out}.pro-message-blurb .avatar-status-ring{border:2px solid #0000;border-radius:50%;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;transition:all .3s ease}.pro-message-blurb:hover .avatar-status-ring{border-color:#6366f166;box-shadow:0 0 10px #6366f14d}.pro-message-blurb .message-text-content{position:relative;transition:all .3s ease;z-index:2}.pro-message-blurb.message-entering .message-text-content{animation:textReveal .8s cubic-bezier(.25,.46,.45,.94) .2s both}.pro-message-blurb .message-background-glow{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:inherit;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.pro-message-blurb:hover .message-background-glow{animation:backgroundGlowPulse 2s ease-in-out infinite;opacity:1}.pro-message-blurb.current-user-message{align-self:flex-start!important;background:linear-gradient(135deg,#3b82f614,#9333ea0f);border:1px solid #3b82f626;border-radius:18px 18px 18px 6px!important;box-shadow:0 2px 8px #3b82f61a,inset 1px 1px 0 #fff3;flex-direction:row!important;margin:12px 20px 12px 0!important}.pro-message-blurb.current-user-message,.pro-message-blurb.other-user-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px!important}.pro-message-blurb.other-user-message{align-self:flex-end!important;background:linear-gradient(135deg,#22c55e14,#3b82f60f);border:1px solid #22c55e26;border-radius:18px 18px 6px 18px!important;box-shadow:0 2px 8px #22c55e1a,inset 1px 1px 0 #fff3;flex-direction:row-reverse!important;margin:12px 0 12px 20px!important}.pro-message-blurb.current-user-message .message-avatar-container{margin-left:0;margin-right:12px;order:1}.pro-message-blurb.other-user-message .message-avatar-container{margin-left:12px;margin-right:0;order:2}.pro-message-blurb.current-user-message .message-content{border-radius:16px 16px 16px 4px;order:2;text-align:left}.pro-message-blurb.other-user-message .message-content{border-radius:16px 16px 4px 16px;order:1;text-align:right}.pro-message-blurb.current-user-message .message-header{justify-content:flex-start}.pro-message-blurb.other-user-message .message-header{flex-direction:row-reverse;justify-content:flex-end}.pro-message-blurb.other-user-message .user-info{flex-direction:row-reverse;text-align:right}.pro-message-blurb.other-user-message .user-color-dot{margin-left:6px!important;margin-right:0!important}.pro-message-blurb.other-user-message .timestamp{margin-left:0;margin-right:8px}.pro-message-blurb.current-user-message .timestamp{margin-left:8px;margin-right:0}.pro-layout.dark .pro-message-blurb.current-user-message{background:linear-gradient(135deg,#3b82f626,#9333ea1f);border-color:#3b82f640}.pro-layout.dark .pro-message-blurb.other-user-message{background:linear-gradient(135deg,#22c55e26,#3b82f61f);border-color:#22c55e40}@keyframes sparkleRotate{0%{background-position:0 0,25% 25%,50% 50%,75% 75%;transform:rotate(0deg)}to{background-position:100% 100%,75% 75%,50% 50%,25% 25%;transform:rotate(1turn)}}.pro-message-blurb:hover .message-text-content{animation:textShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f10d 50%,#0000);background-size:200% 100%}@keyframes textShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pro-message-blurb[data-length=short]{animation-duration:.4s}.pro-message-blurb[data-length=medium]{animation-duration:.5s}.pro-message-blurb[data-length=long]{animation-duration:.6s}.pro-message-blurb[data-length=very-long]{animation-duration:.7s}.pro-message-blurb:nth-child(2n).message-entering{animation-name:messageSlideInLeft}.pro-message-blurb:nth-child(3n).message-entering{animation-name:messageBounceIn}.pro-message-blurb:focus-within{outline:2px solid #6366f180;outline-offset:2px}.pro-message-blurb.message-active{animation:messageGlow 2s ease-in-out infinite}.pro-message-blurb:active{box-shadow:0 2px 8px #0003,inset 0 2px 4px #6366f11a;transform:translateY(0) scale(.98);transition:transform .1s ease}.pro-message-blurb *{transition:inherit}@media (prefers-reduced-motion:reduce){.pro-message-blurb,.pro-message-blurb *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pro-message-blurb.typing-indicator .message-text-content:after{animation:typingCursor 1s ease-in-out infinite;background:#6366f1cc;content:"";display:inline-block;height:1em;margin-left:2px;width:3px}@keyframes typingCursor{0%,50%{opacity:1}51%,to{opacity:0}}.pro-message-blurb.message-enhanced:first-child{animation-delay:.1s}.pro-message-blurb.message-enhanced:nth-child(2){animation-delay:.2s}.pro-message-blurb.message-enhanced:nth-child(3){animation-delay:.3s}.pro-message-blurb.message-enhanced:nth-child(4){animation-delay:.4s}.pro-message-blurb.message-enhanced:nth-child(5){animation-delay:.5s}.pro-message-list.scrolling .pro-message-blurb{animation:floatOnScroll .3s ease-out}@keyframes floatOnScroll{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.005)}to{transform:translateY(0) scale(1)}}.input-wrapper{align-items:center;box-sizing:border-box;display:flex;flex:1 1;gap:12px;margin:0;max-width:100%;pointer-events:auto!important;position:relative;width:100%;z-index:100001!important}.message-input{-webkit-overflow-scrolling:touch;-webkit-user-modify:read-write-plaintext-only;background:#fff;background-attachment:scroll!important;border:2px solid #e0e0e0;border-radius:24px;box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000f;color:#000;cursor:text!important;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;max-height:140px;min-height:56px;opacity:1!important;outline:none;overflow-y:auto;padding:16px 24px;pointer-events:auto!important;position:relative!important;position:relative;resize:none;scroll-behavior:smooth;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;transition:border-color .3s ease;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;z-index:100000!important;z-index:1001!important}.message-input,.message-input:active,.message-input:focus{-webkit-text-fill-color:#000!important;-webkit-user-modify:read-write-plaintext-only!important;-moz-user-modify:read-write!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:textfield!important;cursor:text!important;display:block!important;outline:none!important;pointer-events:auto!important;text-decoration:none!important;text-shadow:none!important;visibility:visible!important}.message-input,.message-input:active,.message-input:focus{caret-color:#007bff!important;color:#000!important;-webkit-user-select:text!important;user-select:text!important}.message-input:focus{-webkit-text-fill-color:#000!important;background-color:#fff!important;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;transform:none!important;transition:border-color .2s ease,box-shadow .2s ease}.message-input:focus:not(:placeholder-shown){border-color:#007bff!important;caret-color:#007bff!important;outline:none!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important}.message-input:hover:not(:focus){border-color:#999}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.message-input::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea99,#764ba299);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.message-input::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eeacc,#764ba2cc)}.pro-send-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 75%,#f5576c);border:none;border-radius:28px;box-shadow:0 8px 32px #667eea4d,0 4px 16px #0000001a,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;touch-action:manipulation;transition:all .4s cubic-bezier(.4,0,.2,1);width:56px;z-index:1000}.pro-send-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.pro-send-button:hover:before{left:100%}.pro-send-button:hover:not(:disabled){box-shadow:0 12px 40px #667eea66,0 6px 20px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.05)}.pro-send-button:active{transform:translateY(-1px) scale(1.02);transition:transform .1s ease}.pro-send-button:disabled,.pro-send-disabled{background:linear-gradient(135deg,#c8c8c899,#b4b4b499);box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #ffffff1a;color:#fffc;cursor:not-allowed;opacity:.6;transform:none}.pro-send-button svg{height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:24px}.pro-send-button:hover:not(:disabled) svg{transform:translateX(2px) scale(1.1)}.send-button{align-items:center;background-color:#007bff;background-color:var(--pro-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .16s ease;width:44px}.send-button:hover{background-color:var(--pro-accent-dark)}.send-button:disabled{background-color:var(--pro-gray-300);cursor:not-allowed;opacity:.5}.dark-theme .date-separator span{background-color:var(--pro-bg-dark)}.dark-theme .message-input{-webkit-text-fill-color:#000!important;-webkit-text-fill-color:var(--pro-text,#fff)!important;background-color:var(--pro-surface-dark);caret-color:#81b4ff!important;color:#000!important;color:var(--pro-text,#fff)!important}@media (prefers-color-scheme:dark){.message-input,.message-input:active,.message-input:focus{-webkit-text-fill-color:#e2e8f0!important;caret-color:#81b4ff!important;color:#e2e8f0!important}.message-input.enhanced,.message-input.enhanced:focus{-webkit-text-fill-color:#e2e8f0!important;background:#1e293bf2!important;color:#e2e8f0!important}}.high-contrast-mode{--pro-bg:#000;--pro-surface:#000;--pro-text:#fff;--pro-text-secondary:#fff;--pro-border:#fff;--pro-hover:#333}.high-contrast-mode .chat-header{border-color:#fff}.high-contrast-mode .date-separator:before{background-color:#fff}.high-contrast-mode .date-separator span{background-color:#000}.high-contrast-mode .message-input{background-color:#000;border-color:#fff;color:#fff}.high-contrast-mode .message-input-container{border-color:#fff}.high-contrast-mode .send-button{background-color:#fff;color:#000}.high-contrast-mode .status-indicator.offline,.high-contrast-mode .status-indicator.online{background-color:#fff;box-shadow:0 0 0 2px #fff6}.app-title{font-size:20px;font-size:calc(20px*var(--font-size-scale)/100)}.connection-status,.logout-button{font-size:14px;font-size:calc(14px*var(--font-size-scale)/100)}.date-separator span{font-size:12px;font-size:calc(12px*var(--font-size-scale)/100)}@media (max-width:768px){.chat-container.with-thread{padding-right:0}.header-right{gap:8px}.connection-status{display:none}.chat-header{height:56px;padding:0 12px}.message-input-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(0deg,#f8f9fafa 0,#f8f9faf2);background:linear-gradient(to top,rgba(var(--pro-surface-rgb,248,249,250),.98) 0,rgba(var(--pro-surface-rgb,248,249,250),.95) 100%);gap:10px;padding:16px 12px max(16px,env(safe-area-inset-bottom));transform:translateZ(0);transition:padding .3s ease,transform .3s ease}.input-wrapper,.message-input-container{align-items:center;justify-content:center}.input-wrapper{flex-direction:row;gap:8px;width:100%}.message-input{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:24px;font-size:16px!important;max-height:100px;min-height:48px;padding:14px 18px;touch-action:manipulation;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.message-input:focus{box-shadow:0 0 0 3px #007bff26,0 8px 24px #007bff1f,0 4px 8px #00000014;box-shadow:0 0 0 3px rgba(var(--pro-accent-rgb),.15),0 8px 24px rgba(var(--pro-accent-rgb),.12),0 4px 8px #00000014;margin-bottom:-2px;transform:translateZ(0) translateY(-2px)}.pro-send-button{border-radius:24px;height:48px;min-height:48px;min-width:48px;transition:all .2s ease;width:48px}.pro-send-button:active{transform:scale(.94);transition:transform .1s ease}.messages-list{-webkit-overflow-scrolling:touch;padding-bottom:140px;scroll-behavior:smooth}.pro-input-area{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(0deg,#f8f9fafa 0,#f8f9faf2);background:linear-gradient(to top,rgba(var(--pro-surface-rgb,248,249,250),.98) 0,rgba(var(--pro-surface-rgb,248,249,250),.95) 100%);border-top:1px solid #e0e0e0cc;border-top:1px solid rgba(var(--pro-border-rgb,224,224,224),.8);bottom:0;gap:10px;left:0;padding:16px 12px max(16px,env(safe-area-inset-bottom));position:fixed;right:0;transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;z-index:1000}.pro-input-area:focus-within{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -4px 24px #0000001f,0 -2px 8px #00000014;transform:translateY(0)}.pro-input-controls{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;margin-bottom:8px;overflow-x:auto;padding-bottom:4px;scroll-behavior:smooth;scrollbar-width:none}.pro-input-controls::-webkit-scrollbar{display:none}.pro-input-action{border-radius:20px;height:40px;min-height:40px;min-width:40px;transition:all .2s ease;width:40px}.pro-input-action:active{transform:scale(.9);transition:transform .1s ease}.pro-emoji-picker{left:12px;max-width:calc(100vw - 24px);right:12px}.pro-emoji-grid{gap:6px;grid-template-columns:repeat(8,1fr)}}@media (min-width:769px) and (max-width:1024px){.message-input-container{gap:14px;padding:14px 20px}.message-input{font-size:15px;font-size:calc(15px*var(--font-size-scale, 100)/100);max-height:140px;min-height:46px;padding:12px 16px}.pro-send-button{border-radius:23px;height:46px;width:46px}}@media (min-width:1025px){.message-input-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:16px;padding:16px 24px}.message-input{border-radius:26px;max-height:160px;min-height:52px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-input:focus{box-shadow:0 0 0 3px #007bff1a,0 8px 24px #007bff14,0 4px 8px #0000000a;box-shadow:0 0 0 3px rgba(var(--pro-accent-rgb),.1),0 8px 24px rgba(var(--pro-accent-rgb),.08),0 4px 8px #0000000a;transform:translateY(-1px)}.pro-send-button{border-radius:26px;height:52px;width:52px}.pro-send-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}}@media (min-width:1440px){.message-input-container{border-left:1px solid #e0e0e0;border-left:1px solid var(--pro-border);border-radius:16px 16px 0 0;border-right:1px solid #e0e0e0;border-right:1px solid var(--pro-border);margin:0 auto;max-width:1200px}}@media (max-width:768px){.dark-theme .message-input-container,[data-theme=dark] .message-input-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(0deg,#1f2937fa 0,#1f2937f2)}.dark-theme .pro-input-area,[data-theme=dark] .pro-input-area{background:linear-gradient(0deg,#1f2937fa 0,#1f2937f2)}.high-contrast-mode .message-input-container{background:#000;border-top:2px solid #fff}.high-contrast-mode .message-input{background:#000;border:2px solid #fff;color:#fff;font-weight:600}.high-contrast-mode .message-input:focus{border-color:#fff;box-shadow:0 0 0 4px #fff}}@media (max-width:768px) and (orientation:landscape){.pro-input-area{gap:6px;min-height:auto;padding:8px 12px}.pro-input-controls{gap:4px;margin-bottom:4px}.pro-input-action{height:32px;min-height:40px;min-width:40px;width:32px}.message-input{font-size:15px;min-height:36px;padding:8px 12px}.send-button{height:36px;width:36px}}@media (max-width:375px){.pro-input-area{gap:6px;padding:10px}.pro-input-controls{gap:4px;order:1}.message-input-container{order:2;width:100%}.message-input{font-size:16px;min-height:40px;padding:10px 14px}}.pro-lightbox-overlay{align-items:flex-start;animation:professionalFadeIn .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);background:#000000d9;background-image:radial-gradient(ellipse at top,#3b82f60f 0,#0000 40%),radial-gradient(ellipse at bottom,#9333ea0f 0,#0000 40%);bottom:0;cursor:zoom-out;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;overflow-y:auto;padding-bottom:80px;padding-top:80px;position:fixed;right:0;top:0;width:100vw;z-index:99999}.pro-lightbox-overlay-local{align-items:center!important;animation:professionalFadeIn .4s cubic-bezier(.16,1,.3,1)!important;backdrop-filter:blur(8px) saturate(1.2)!important;-webkit-backdrop-filter:blur(8px) saturate(1.2)!important;background:#000000d9!important;bottom:0!important;cursor:zoom-out!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;padding:20px!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}.pro-lightbox-overlay-local .pro-lightbox-content{max-height:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important;min-width:300px!important;position:relative!important}.pro-lightbox-overlay-local .pro-lightbox-image,.pro-lightbox-overlay-local .pro-lightbox-video{max-height:calc(100% - 120px)!important;max-width:100%!important;object-fit:contain!important}@keyframes professionalFadeIn{0%{-webkit-backdrop-filter:blur(0) saturate(1) brightness(1);backdrop-filter:blur(0) saturate(1) brightness(1);background:#0000;opacity:0;transform:scale(1.05)}to{-webkit-backdrop-filter:blur(20px) saturate(1.3) brightness(.8);backdrop-filter:blur(20px) saturate(1.3) brightness(.8);background:#000000f2;opacity:1;transform:scale(1)}}@keyframes professionalZoomIn{0%{filter:blur(8px) brightness(.5);opacity:0;transform:scale(.85) translateY(40px)}50%{filter:blur(4px) brightness(.8);opacity:.8;transform:scale(.95) translateY(20px)}to{filter:blur(0) brightness(1);opacity:1;transform:scale(1) translateY(0)}}.pro-lightbox-content{animation:professionalZoomIn .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);background:linear-gradient(135deg,#ffffff14,#ffffff08),#0003;border:1px solid #ffffff1f;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #ffffff0d;cursor:default;display:flex;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4)) drop-shadow(0 10px 20px rgba(0,0,0,.3));flex-direction:column;height:auto;margin:0 auto;max-height:85vh;max-width:95vw;min-width:500px;overflow:hidden;position:relative;width:auto}@keyframes lightboxSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes lightboxFadeOut{0%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;opacity:0}}@keyframes lightboxZoomOut{0%{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}to{filter:blur(4px);opacity:0;transform:scale(.8) translateY(30px)}}.pro-lightbox-header{align-items:center;backdrop-filter:blur(15px) saturate(1.2);-webkit-backdrop-filter:blur(15px) saturate(1.2);background:linear-gradient(180deg,#000c 0,#0009);border-bottom:1px solid #ffffff14;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:20}.pro-lightbox-info{flex:1 1;min-width:0}.pro-lightbox-title{display:flex;flex-direction:column;gap:4px}.pro-lightbox-name{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-lightbox-counter,.pro-lightbox-name{text-shadow:0 2px 4px #00000080,0 1px 2px #0000004d}.pro-lightbox-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffbf;display:inline-block;font-size:15px;margin-top:4px;padding:4px 12px}.pro-lightbox-close{align-items:center;backdrop-filter:blur(15px) saturate(1.2);-webkit-backdrop-filter:blur(15px) saturate(1.2);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-left:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:40px}.pro-lightbox-close:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pro-lightbox-close:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#fff6;box-shadow:0 12px 48px #00000080,0 6px 24px #0006,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #ffffff26,0 0 0 4px #ffffff1a;transform:scale(1.05) rotate(90deg)}.pro-lightbox-close:hover:before{opacity:1}.pro-lightbox-close:active{transform:scale(1.05) rotate(90deg)}.pro-lightbox-body{align-items:center;display:flex;flex:1 1;justify-content:center;max-height:70vh;min-height:0;padding:20px;position:relative}.pro-lightbox-nav{backdrop-filter:blur(15px) saturate(1.2);-webkit-backdrop-filter:blur(15px) saturate(1.2);background:#000000d9;border:2px solid #ffffff4d;box-shadow:0 8px 25px #0006,0 4px 12px #0000004d,inset 0 1px 0 #fff3;font-size:22px;height:60px;opacity:1;pointer-events:auto;position:fixed;transition:all .3s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none;width:60px;z-index:9999}.pro-lightbox-nav:before{background:radial-gradient(circle at center,#ffffff26 0,#0000 70%);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}@keyframes professionalBreath{0%,to{box-shadow:0 12px 40px #0006,0 6px 20px #0000004d,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #ffffff1a,0 0 0 0 #ffffff26;transform:translateY(-50%) scale(1)}50%{box-shadow:0 12px 40px #0006,0 6px 20px #0000004d,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #ffffff1a,0 0 0 8px #ffffff14;transform:translateY(-50%) scale(1.02)}}.pro-lightbox-nav:hover{background:#ffffffe6;border-color:#fffc;box-shadow:0 12px 35px #00000080,0 6px 18px #0006,inset 0 1px 0 #ffffff80;color:#000;opacity:1}.pro-lightbox-nav:hover:before{opacity:1}.pro-lightbox-nav:active{background:#ffffff4d;transform:translateY(-50%) scale(.95);transition:transform .1s ease}.pro-lightbox-prev{left:50px;margin-left:env(safe-area-inset-left,0)}.pro-lightbox-next{margin-right:env(safe-area-inset-right,0);right:50px}.pro-lightbox-item{display:grid;height:100%;max-height:100%;max-width:100%;place-content:center;place-items:center;width:100%}.pro-lightbox-image-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.pro-lightbox-image{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:2px solid #ffffff1f;border-radius:12px;box-shadow:0 6px 20px #0000004d,0 2px 8px #0003,inset 0 1px 0 #ffffff26;cursor:zoom-in;display:block;filter:contrast(1.05) saturate(1.1) brightness(1.02);height:auto;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin:auto;max-height:60vh;max-width:100%;min-height:min(60vh,700px);min-width:min(70vw,1000px);object-fit:contain;opacity:0;transform:scale(.95);transform-origin:center center;transition:all .6s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none;width:auto}.pro-lightbox-image.loaded{animation:professionalImageReveal .8s cubic-bezier(.16,1,.3,1)}@keyframes professionalImageReveal{0%{filter:blur(4px) contrast(.8) saturate(.8) brightness(.8);opacity:0;transform:scale(.9) translateY(20px)}60%{filter:blur(1px) contrast(.95) saturate(.95) brightness(.95);opacity:.8;transform:scale(.98) translateY(5px)}to{filter:blur(0) contrast(1.05) saturate(1.1) brightness(1.02);opacity:1;transform:scale(1) translateY(0)}}.pro-lightbox-image:hover{border-color:#fff3;box-shadow:0 50px 100px #000000b3,0 25px 50px #00000080,0 12px 25px #0006,inset 0 1px 0 #fff3,inset 0 -1px 0 #ffffff14;filter:contrast(1.08) saturate(1.15) brightness(1.05);transform:scale(1.02);transition:all .4s cubic-bezier(.16,1,.3,1)}.pro-lightbox-image.zoomed{cursor:zoom-out;filter:contrast(1.1) saturate(1.2) brightness(1.05);transform:scale(1.8);transition:transform .6s cubic-bezier(.16,1,.3,1)}.pro-lightbox-image.loading{animation:professionalShimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#ffffff14,#ffffff26 25%,#ffffff14 50%,#ffffff26 75%,#ffffff14);background-size:400% 400%;border:2px solid #fff3}@keyframes professionalShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pro-lightbox-gif{border:2px solid #007bff66;border:2px solid rgba(var(--pro-accent-rgb),.4);box-shadow:0 8px 32px #007bff4d,0 4px 16px #0006,inset 0 1px 0 #fff3;box-shadow:0 8px 32px rgba(var(--pro-accent-rgb),.3),0 4px 16px #0006,inset 0 1px 0 #fff3;position:relative}.pro-lightbox-gif:before{background:linear-gradient(135deg,#007bff,#007bffcc);background:linear-gradient(135deg,var(--pro-accent),rgba(var(--pro-accent-rgb),.8));border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;content:"GIF";font-size:12px;font-weight:700;left:12px;letter-spacing:1px;padding:6px 12px;position:absolute;text-shadow:0 1px 2px #0000004d;top:12px;z-index:10}.pro-lightbox-gif:hover{border-color:#007bff;border-color:var(--pro-accent);box-shadow:0 12px 48px #007bff66,0 6px 24px #00000080,inset 0 1px 0 #ffffff4d;box-shadow:0 12px 48px rgba(var(--pro-accent-rgb),.4),0 6px 24px #00000080,inset 0 1px 0 #ffffff4d}.pro-lightbox-loading-overlay{align-items:center;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:35}.pro-lightbox-spinner{animation:professionalSpin 1s linear infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-color:#fffc;height:48px;width:48px}@keyframes professionalSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pro-lightbox-loading-text{color:#fffc;font-size:14px;font-weight:500;text-shadow:0 2px 4px #00000080}@media (max-width:768px){.pro-lightbox-overlay{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000fa;overflow-y:auto}.pro-lightbox-content{border-radius:12px;margin:5px auto;max-height:98vh;max-width:98vw;min-width:280px;transform-origin:center center}.pro-lightbox-body{grid-gap:16px;display:grid;gap:16px;padding:40px 16px 20px;place-items:center}.pro-lightbox-header{flex-shrink:0;padding:16px 20px;z-index:10}.pro-lightbox-image{border-radius:8px;max-height:75vh;max-width:92vw;min-height:45vh;min-width:75vw;object-fit:contain;touch-action:pinch-zoom}.pro-lightbox-gif:before{font-size:10px;left:8px;padding:4px 8px;top:8px}.pro-attachment-gif:before{font-size:8px;left:4px;padding:1px 4px;top:4px}.pro-lightbox-video{-webkit-tap-highlight-color:transparent;border-radius:8px;max-height:78vh;max-width:94vw;min-height:50vh;min-width:90vw;object-fit:contain;pointer-events:auto;touch-action:manipulation}.pro-lightbox-video::-webkit-media-controls{border-radius:8px;opacity:1!important;pointer-events:auto!important}.pro-lightbox-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000d9;border:2px solid #ffffff4d;font-size:22px;height:60px;min-height:60px;min-width:60px;opacity:1;width:60px;z-index:9999}.pro-lightbox-prev{left:16px;margin-left:env(safe-area-inset-left,0)}.pro-lightbox-next{margin-right:env(safe-area-inset-right,0);right:16px}.pro-lightbox-close{height:44px;margin-left:12px;width:44px}.pro-lightbox-name{font-size:16px}.pro-lightbox-nav:active{transform:translateY(-50%) scale(.95)}.pro-lightbox-close:active{transform:scale(.95)}}@media (max-width:480px){.pro-lightbox-content{margin:8px auto;max-height:96vh;max-width:96vw;min-width:250px;transform-origin:center center}.pro-lightbox-image{border-radius:6px;max-height:72vh;max-width:94vw;min-height:45vh;min-width:92vw;object-fit:contain}.pro-lightbox-video{border-radius:6px;max-height:74vh;max-width:96vw;min-height:48vh;min-width:94vw;object-fit:contain}.pro-lightbox-body{gap:12px;padding:35px 8px 15px}.pro-lightbox-header{min-height:50px;padding:12px 16px}.pro-lightbox-close{height:44px;right:10px;top:10px;width:44px}.pro-lightbox-nav{border-radius:26px;font-size:22px;height:52px;min-height:52px;min-width:52px;width:52px}.pro-lightbox-prev{left:10px}.pro-lightbox-next{right:10px}.pro-lightbox-name{font-size:14px}}@media (max-width:360px){.pro-input-area{gap:6px;padding:8px}.pro-input-controls{gap:4px;margin-bottom:4px}.pro-input-action{border-radius:8px;height:32px;width:32px}.pro-input-action svg{height:16px;width:16px}.pro-emoji-grid{gap:4px;grid-template-columns:repeat(6,1fr)}.pro-emoji-button{font-size:14px;height:28px;width:28px}.message-input{font-size:14px;min-height:36px;padding:8px 12px}}@media (max-width:768px) and (orientation:landscape){.pro-lightbox-content{margin:4vh auto;max-height:92vh;max-width:97vw}.pro-lightbox-body{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 16px 10px}.pro-lightbox-header{padding:10px 20px;position:relative;z-index:10}.pro-lightbox-image{max-height:78vh;max-width:87vw;min-height:55vh;min-width:70vw;object-fit:contain}.pro-lightbox-video{max-height:82vh;max-width:92vw;min-height:60vh;min-width:75vw;object-fit:contain}.pro-lightbox-close{height:40px;right:12px;top:8px;width:40px}.pro-lightbox-nav{height:48px;top:50%;transform:translateY(-50%);width:48px}}@media (min-width:481px) and (max-width:768px) and (orientation:portrait){.pro-lightbox-content{margin:5vh auto;max-height:90vh;max-width:94vw;min-width:400px}.pro-lightbox-image{max-height:70vh;max-width:85vw;min-height:50vh;min-width:65vw;object-fit:contain}.pro-lightbox-video{max-height:75vh;max-width:88vw;min-height:55vh;min-width:70vw;object-fit:contain}.pro-lightbox-body{gap:20px;padding:50px 24px 25px}}@media (min-width:481px) and (max-width:1024px) and (orientation:landscape){.pro-lightbox-content{margin:6vh auto;max-height:88vh;max-width:95vw}.pro-lightbox-image{max-height:75vh;max-width:80vw;min-height:60vh;min-width:60vw;object-fit:contain}.pro-lightbox-video{max-height:78vh;max-width:85vw;min-height:65vh;min-width:65vw;object-fit:contain}}@media (pointer:coarse){.pro-input-action{height:44px;transition:all .1s ease;width:44px}.pro-input-action:active{background-color:#007bff;background-color:var(--pro-accent);color:#fff;transform:scale(.95)}.pro-emoji-button{height:40px;min-height:40px;min-width:40px;width:40px}.pro-emoji-button:active{background-color:#007bff;background-color:var(--pro-accent);color:#fff;transform:scale(.9)}.pro-input-action,.pro-input-area,.pro-input-controls{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.message-input{-webkit-touch-callout:default;font-size:16px;padding:14px 16px;-webkit-user-select:text;user-select:text}.message-input,.send-button{-webkit-tap-highlight-color:transparent;min-height:48px;touch-action:manipulation}.send-button{height:48px;min-width:48px;width:48px}.send-button:active{transform:scale(.95)}.pro-emoji-picker{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pro-lightbox-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;font-size:24px;height:64px;min-height:64px;min-width:64px;width:64px}.pro-lightbox-close{height:48px;min-height:48px;min-width:48px;width:48px}.pro-lightbox-content,.pro-lightbox-nav,.pro-lightbox-overlay{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pro-lightbox-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (min-width:769px) and (max-width:1199px){.pro-lightbox-content{max-height:88vh;max-width:96vw;min-width:600px}.pro-lightbox-image{min-height:65vh;min-width:70vw}}@media (min-width:1200px){.pro-lightbox-content{max-height:90vh;max-width:98vw;min-width:800px}.pro-lightbox-image{min-height:75vh;min-width:75vw}}@media (min-width:1600px){.pro-lightbox-content{max-height:95vh;max-width:99vw;min-width:1000px}.pro-lightbox-image{min-height:85vh;min-width:70vw}}@media (min-width:2560px){.pro-lightbox-content{max-height:92vh;max-width:98vw;min-width:1200px}.pro-lightbox-image{min-height:80vh;min-width:65vw}}.pro-lightbox-loading{z-index:25}.pro-lightbox-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff}.pro-lightbox-footer{backdrop-filter:blur(25px) saturate(1.2);-webkit-backdrop-filter:blur(25px) saturate(1.2);background:linear-gradient(0deg,#000000e6 0,#000000b3 40%,#0000004d 70%,#0000);border-top:1px solid #ffffff0f;box-shadow:inset 0 1px 2px #0003;padding:24px 40px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:20}.pro-lightbox-metadata{flex-direction:column;font-size:13px;font-weight:500;gap:6px}.pro-lightbox-action-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 16px #0003,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.pro-lightbox-action-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1f);border-color:#ffffff40;box-shadow:0 6px 24px #0000004d,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.pro-lightbox-overlay:before{background:radial-gradient(circle at center,#ffffff08 0,#ffffff03 30%,#0000 60%);content:"";height:120%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:5}@keyframes imageSlideIn{0%{filter:blur(8px);opacity:0;transform:translateY(40px) scale(.9)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.pro-lightbox-image.loaded{animation:imageSlideIn .6s cubic-bezier(.25,.46,.45,.94);transform:scale(1)}.pro-lightbox-overlay:after{animation:floatingParticles 20s linear infinite;background-image:radial-gradient(circle at 20% 20%,#ffffff03 1px,#0000 0),radial-gradient(circle at 80% 80%,#ffffff03 1px,#0000 0),radial-gradient(circle at 40% 60%,#ffffff03 1px,#0000 0);background-size:100px 100px,150px 150px,200px 200px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}@keyframes floatingParticles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.pro-lightbox-dots{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:15}.pro-lightbox-dot{background:#fff6;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.pro-lightbox-dot.active{background:#fff;transform:scale(1.2)}.pro-lightbox-dot:hover{background:#ffffffb3;transform:scale(1.1)}.pro-lightbox-info-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;bottom:60px;color:#fff;font-size:14px;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;z-index:15}.pro-lightbox-content:hover .pro-lightbox-info-overlay{opacity:1}.pro-lightbox-video{background:#000;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 6px 20px #0000004d,0 2px 8px #0003,inset 0 1px 0 #ffffff26;cursor:pointer;height:auto;max-height:60vh;max-width:100%;min-height:200px;min-width:300px;opacity:1;pointer-events:auto;transform:scale(.95);transform-origin:center center;transition:all .3s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none;width:auto}.pro-lightbox-video.loaded{animation:professionalVideoReveal .8s cubic-bezier(.16,1,.3,1);opacity:1;transform:scale(1)}@keyframes professionalVideoReveal{0%{filter:blur(4px) brightness(.8);opacity:0;transform:scale(.9) translateY(20px)}60%{filter:blur(1px) brightness(.95);opacity:.8;transform:scale(.98) translateY(5px)}to{filter:blur(0) brightness(1);opacity:1;transform:scale(1) translateY(0)}}.pro-lightbox-video:hover{border-color:#fff3;box-shadow:0 50px 100px #000000b3,0 25px 50px #00000080,0 12px 25px #0006,inset 0 1px 0 #fff3;transform:scale(1.02)}.pro-lightbox-video-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.pro-video-error{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:16px;left:50%;min-width:300px;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.pro-video-error-icon{font-size:48px;opacity:.8}.pro-video-error-text{color:#ffffffe6;font-size:18px;font-weight:500;margin-bottom:8px}.pro-video-error-url{color:#fff9;font-family:monospace;font-size:12px;margin-bottom:16px;max-width:400px;word-break:break-all}.pro-video-error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pro-video-open,.pro-video-retry{background:#007bff;background:var(--pro-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.pro-video-open{background:#ffffff1a;border:1px solid #ffffff4d}.pro-video-open:hover,.pro-video-retry:hover{background:#007bffcc;background:rgba(var(--pro-accent-rgb),.8);transform:translateY(-1px)}.pro-video-open:hover{background:#fff3}.pro-video-retry{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);border:1px solid #3b82f680;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.16,1,.3,1)}.pro-video-retry:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.pro-lightbox-file{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:16px;padding:32px;text-align:center}.pro-lightbox-file-icon{font-size:48px;opacity:.8}.pro-lightbox-file-name{font-size:18px;font-weight:500;max-width:400px;word-break:break-word}.pro-lightbox-download{background:#3b82f6cc;border:1px solid #3b82f680;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.pro-lightbox-download:hover{background:#3b82f6;transform:translateY(-2px)}.pro-lightbox-error{color:#fffc;font-size:18px;padding:32px;text-align:center}.pro-lightbox-footer{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:20px 24px;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.pro-lightbox-metadata{color:#fffc;display:flex;font-size:14px;gap:16px}.pro-lightbox-actions{display:flex;gap:12px}.pro-lightbox-action{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.pro-lightbox-action:hover{background:#ffffff40;transform:translateY(-1px)}@media (max-width:768px){.pro-lightbox-header{padding:16px}.pro-lightbox-body{padding:60px 16px}.pro-lightbox-footer{padding:16px}.pro-lightbox-name{font-size:16px}.pro-lightbox-nav{height:48px;width:48px}.pro-lightbox-prev{left:16px}.pro-lightbox-next{right:16px}.pro-lightbox-close{height:40px;width:40px}.pro-lightbox-metadata{flex-direction:column;gap:4px}.pro-lightbox-actions{flex-direction:column;gap:8px}}.pro-lightbox-overlay:focus{outline:none}.pro-lightbox-overlay.idle .pro-lightbox-footer,.pro-lightbox-overlay.idle .pro-lightbox-header{opacity:0;pointer-events:none}.pro-lightbox-overlay.idle .pro-lightbox-nav{opacity:.7;pointer-events:auto}.pro-lightbox-overlay.idle .pro-lightbox-nav:hover{opacity:1;pointer-events:auto}.pro-blurb-attachments{display:flex;flex-wrap:wrap}.pro-blurb-attachment img,.pro-blurb-attachment video{height:100%;object-fit:cover;object-position:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.pro-blurb-attachment{aspect-ratio:16/10;height:auto;max-width:280px;min-width:180px;width:100%}.pro-attachment-image[data-aspect=wide]{aspect-ratio:21/9;max-width:320px}.pro-attachment-image[data-aspect=tall]{aspect-ratio:9/16;max-width:200px}@media (min-width:1024px){.pro-attachment-gif,.pro-blurb-attachment{max-width:300px;min-width:200px}.pro-chat-input-container.enhanced.mobile-input-bar{border-radius:0;left:auto;margin:0;max-width:100%;position:relative;right:auto;width:100%}.pro-chat-input-container.keyboard-avoiding{position:relative}}@media (max-width:1023px) and (min-width:768px){.pro-attachment-gif,.pro-blurb-attachment{max-width:250px;min-width:180px}.pro-chat-input-container.enhanced.mobile-input-bar{left:auto;margin:0;max-width:100%;position:relative;right:auto;width:100%}.pro-chat-input-container.keyboard-avoiding{position:relative}}@media (max-width:767px){.pro-attachment-gif,.pro-blurb-attachment{max-width:220px;min-width:160px}.pro-attachment-image[data-aspect=wide]{max-width:240px}.pro-attachment-image[data-aspect=tall]{max-width:160px}}.pro-blurb-attachment{background:#f8f9fa;background:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-radius:12px;box-shadow:0 4px 16px #0000001a;display:block;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pro-blurb-attachment:hover{border-color:#007bff;border-color:var(--pro-accent);box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.pro-attachment-image{background:#f8f9fa;background:var(--pro-surface);border-radius:inherit;display:block;height:100%;object-fit:cover;object-position:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.pro-attachment-image.clickable{cursor:pointer}.pro-attachment-image.clickable:hover{filter:brightness(1.05);opacity:.95;transform:scale(1.01)}.pro-attachment-image:not([src]),.pro-attachment-image[src=""]{animation:loading-shimmer 1.5s infinite;background:linear-gradient(45deg,#f8f9fa 25%,#0000 0,#0000 75%,#f8f9fa 0,#f8f9fa);background:linear-gradient(45deg,var(--pro-surface) 25%,#0000 25%,#0000 75%,var(--pro-surface) 75%,var(--pro-surface));background-size:20px 20px}@keyframes loading-shimmer{0%{background-position:0 0}to{background-position:40px 40px}}.pro-attachment-gif{aspect-ratio:16/10;background:#f8f9fa;background:var(--pro-surface);border:2px solid #007bff4d;border:2px solid rgba(var(--pro-accent-rgb),.3);border-radius:12px;box-shadow:0 4px 16px #007bff26;box-shadow:0 4px 16px rgba(var(--pro-accent-rgb),.15);max-width:280px;min-width:180px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.pro-attachment-gif img{height:100%;max-height:280px;object-fit:cover;object-fit:contain;object-position:center;width:100%}.pro-attachment-gif:before{background:linear-gradient(135deg,#007bfff2,#007bffd9);background:linear-gradient(135deg,rgba(var(--pro-accent-rgb),.95) 0,rgba(var(--pro-accent-rgb),.85) 100%);border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;content:"GIF";font-size:11px;font-weight:700;left:8px;letter-spacing:.5px;padding:4px 8px;position:absolute;top:8px;z-index:10}.pro-attachment-gif:hover{border-color:#007bff;border-color:var(--pro-accent);box-shadow:0 8px 32px #007bff40,0 4px 16px #0000001a;box-shadow:0 8px 32px rgba(var(--pro-accent-rgb),.25),0 4px 16px #0000001a;transform:translateY(-2px)}.pro-attachment-image:after{align-items:center;background:#f8f9fa;background:var(--pro-surface);border-radius:inherit;color:var(--pro-text-tertiary);content:"";display:none;font-size:14px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.pro-attachment-image:error:after{content:"🖼️ Image unavailable";display:flex}.pro-blurb-attachments{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:12px;width:100%}.pro-attachment-video{align-items:center;aspect-ratio:16/9;background:#1a1a1a;border-radius:12px;box-shadow:0 4px 16px #0003;display:flex;height:auto;justify-content:center;max-width:320px;min-height:150px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.pro-attachment-video.clickable{cursor:pointer}.pro-attachment-video.clickable:hover{box-shadow:0 8px 32px #0000004d;opacity:.95;transform:translateY(-2px) scale(1.01)}.pro-video-thumbnail{background:#000;height:100%;left:0;object-fit:contain;object-position:center;position:absolute;top:0;width:100%}.pro-video-placeholder{color:#666;font-size:24px}.pro-video-overlay{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:40px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.pro-video-play-icon{margin-left:2px}.pro-video-duration{background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;position:absolute;right:4px}.pro-blurb-file{background:#f8f9fa;background:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-radius:6px;color:#000;color:var(--pro-text);font-size:14px;max-width:200px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.pro-blurb-file.clickable{cursor:pointer}.pro-blurb-file.clickable:hover{background:var(--pro-hover);transform:translateY(-1px)}.clickable:focus{outline:2px solid #007bff;outline:2px solid var(--pro-accent);outline-offset:2px}.pro-user-avatar-fallback{color:#fff;font-size:16px;font-weight:600;height:100%;letter-spacing:.5px;text-transform:uppercase;width:100%}.pro-user-avatar-collapsed,.pro-user-avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--pro-accent-light),#007bff);background:linear-gradient(135deg,var(--pro-accent-light),var(--pro-accent));display:flex;justify-content:center}.pro-user-avatar-collapsed{border-radius:50%;box-shadow:0 2px 6px #0000001a;height:28px;overflow:hidden;transition:all .3s ease;width:28px}.pro-user-avatar-collapsed:hover{box-shadow:0 3px 8px #00000026;transform:scale(1.1)}.pro-user-avatar-collapsed img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pro-user-avatar-collapsed .pro-user-avatar-fallback{font-size:12px;font-weight:600}.dark .pro-user-avatar,.dark .pro-user-avatar-collapsed{box-shadow:0 2px 8px #0000004d}.dark .pro-user-avatar-collapsed:hover,.dark .pro-user-avatar:hover{box-shadow:0 4px 12px #0006}@media (max-width:1024px){.message-input-container{max-width:100%;padding:18px 24px}.input-wrapper,.message-input-container{align-items:center;justify-content:center}.input-wrapper{gap:12px}.message-input{font-size:15px;font-size:calc(15px*var(--font-size-scale, 100)/100);padding:14px 20px}.pro-send-button{border-radius:26px;height:52px;width:52px}}@media (max-width:768px){.message-input-container{background:linear-gradient(135deg,#ffffff1f,#ffffff0f 50%,#ffffff1a);border-radius:0;box-shadow:0 -4px 20px #00000014,0 -1px 4px #0000000a,inset 0 1px 0 #ffffff26;gap:12px;max-width:100%;padding:16px 20px}.input-wrapper,.message-input-container{align-items:center;justify-content:center}.input-wrapper{gap:10px;width:100%}.message-input{border-radius:24px;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000a,inset 0 1px 0 #ffffff26;font-size:14px;font-size:calc(14px*var(--font-size-scale, 100)/100);min-height:48px;padding:12px 18px}.message-input:focus{box-shadow:0 0 0 3px #667eea1f,0 4px 20px #667eea26,0 2px 8px #00000014,inset 0 1px 0 #ffffff40;transform:translateY(-1px) scale(1.01)}.pro-send-button{border-radius:24px;box-shadow:0 4px 20px #667eea40,0 2px 8px #00000014,inset 0 1px 0 #ffffff26;height:48px;width:48px}.pro-send-button:hover:not(:disabled){box-shadow:0 6px 24px #667eea4d,0 3px 12px #0000001f,inset 0 1px 0 #ffffff40;transform:translateY(-2px) scale(1.03)}.pro-send-button svg{height:20px;width:20px}}@media (max-width:480px){.message-input-container{gap:10px;padding:14px 16px}.message-input{border-radius:20px;font-size:13px;font-size:calc(13px*var(--font-size-scale, 100)/100);min-height:44px;padding:10px 16px}.pro-send-button{border-radius:22px;height:44px;width:44px}.pro-send-button svg{height:18px;width:18px}}@media (max-width:360px){.message-input-container{gap:8px;padding:12px 14px}.message-input{border-radius:18px;font-size:12px;font-size:calc(12px*var(--font-size-scale, 100)/100);min-height:40px;padding:8px 14px}.pro-send-button{border-radius:20px;height:40px;width:40px}.pro-send-button svg{height:16px;width:16px}}@media (max-width:768px){.pro-blurb-attachments{gap:8px;margin-top:8px}.pro-blurb-attachment{max-height:300px;max-width:280px;min-height:100px}.pro-attachment-image{max-height:220px}.pro-attachment-video{aspect-ratio:16/9;max-width:280px;min-height:140px}.pro-attachment-gif{min-height:100px}.pro-attachment-gif img{max-height:220px}}@media (max-width:480px){.pro-blurb-attachments{gap:6px;margin-top:6px}.pro-blurb-attachment{max-height:250px;max-width:240px;min-height:80px}.pro-attachment-image{max-height:180px}.pro-attachment-video{aspect-ratio:16/9;max-width:240px;min-height:120px}.pro-attachment-gif{min-height:80px}.pro-attachment-gif img{max-height:180px}.pro-attachment-gif:before{font-size:10px;left:6px;padding:3px 6px;top:6px}}@media (max-width:360px){.pro-blurb-attachment{max-height:200px;max-width:200px;min-height:60px}.pro-attachment-image{max-height:150px}.pro-attachment-video{aspect-ratio:16/9;max-width:200px;min-height:100px}.pro-attachment-gif{min-height:60px}.pro-attachment-gif img{max-height:150px}}.pro-typing-indicator{align-items:center;animation:typingSlideUp .4s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#6366f114,#a855f70f);border:1px solid #6366f126;border-radius:20px;box-shadow:0 4px 12px #6366f114,0 1px 3px #6366f11f;display:flex;flex-shrink:0;margin:8px 16px 12px;max-width:280px;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:-webkit-fit-content;width:fit-content;z-index:1}.pro-typing-bubbles{align-items:center;display:flex;margin-right:12px}.pro-typing-bubble{animation:typingBubble 1.8s ease-in-out infinite;background:linear-gradient(135deg,#6366f1e6,#a855f7cc);border-radius:50%;box-shadow:0 2px 4px #6366f133;height:8px;margin-right:4px;width:8px}.pro-typing-bubble:last-child{margin-right:0}.pro-typing-bubble:first-child{animation-delay:0s}.pro-typing-bubble:nth-child(2){animation-delay:.3s}.pro-typing-bubble:nth-child(3){animation-delay:.6s}.pro-typing-text{color:#6366f1d9;font-size:13px;font-weight:500;letter-spacing:.3px;line-height:1.4}@keyframes typingBubble{0%,60%,to{opacity:.6;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}@keyframes typingSlideUp{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pro-chat.dark .pro-typing-indicator{background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f140;box-shadow:0 4px 12px #6366f126,0 1px 3px #6366f133}.pro-chat.dark .pro-typing-text{color:#8b8effe6}.pro-chat.dark .pro-typing-bubble{background:linear-gradient(135deg,#8b8effe6,#c47dffcc);box-shadow:0 2px 4px #8b8eff40}@media (max-width:768px){.pro-typing-indicator{margin:6px 12px 8px;max-width:calc(100% - 24px);padding:10px 14px}.pro-typing-text{font-size:12px}.pro-typing-bubble{height:6px;width:6px}}.universal-particle-background{height:100%;left:0;opacity:1!important;overflow:visible;pointer-events:none;top:0;width:100%;z-index:3!important}.universal-particle,.universal-particle-background{display:block!important;position:absolute;visibility:visible!important}.universal-particle{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#6366f1b3,#8b5cf6b3 50%,#ec4899b3);border:1px solid #fff6;border-radius:50%;box-shadow:0 0 12px #6366f14d;opacity:.8;z-index:4}.universal-particle,.universal-particle-1{animation:float-universal 4s linear infinite;height:14px;width:14px}.universal-particle-1{animation-delay:0s;left:5%;top:80%}.universal-particle-2{animation:float-universal 5s linear infinite;animation-delay:-1s;height:10px;left:15%;top:70%;width:10px}.universal-particle-3{animation:float-universal 6s linear infinite;animation-delay:-2s;height:16px;left:25%;top:90%;width:16px}.universal-particle-4{animation:float-universal 3s linear infinite;animation-delay:-3s;height:12px;left:35%;top:60%;width:12px}.universal-particle-5{animation:float-universal 4.5s linear infinite;animation-delay:-4s;height:13px;left:45%;top:85%;width:13px}.universal-particle-6{animation:float-universal 5.5s linear infinite;animation-delay:-5s;height:9px;left:55%;top:75%;width:9px}.universal-particle-7{animation:float-universal 3.5s linear infinite;animation-delay:-6s;height:15px;left:65%;top:95%;width:15px}.universal-particle-8{animation:float-universal 6.5s linear infinite;animation-delay:-7s;height:11px;left:75%;top:65%;width:11px}.universal-particle-9{animation:float-universal 4s linear infinite;animation-delay:-1.5s;height:12px;left:85%;top:80%;width:12px}.universal-particle-10{animation:float-universal 5s linear infinite;animation-delay:-2.5s;height:9px;left:10%;top:50%;width:9px}.universal-particle-11{animation:float-universal 12s linear infinite;animation-delay:-3.5s;height:14px;left:20%;top:40%;width:14px}.universal-particle-12{animation:float-universal 6s linear infinite;animation-delay:-4.5s;height:10px;left:30%;top:30%;width:10px}.universal-particle-13{animation:float-universal 9s linear infinite;animation-delay:-5.5s;height:13px;left:40%;top:20%;width:13px}.universal-particle-14{animation:float-universal 11s linear infinite;animation-delay:-6.5s;height:11px;left:50%;top:10%;width:11px}.universal-particle-15{animation:float-universal 7s linear infinite;animation-delay:-7.5s;height:15px;left:60%;top:25%;width:15px}.universal-particle-16{animation:float-universal 13s linear infinite;animation-delay:-.8s;height:10px;left:70%;top:35%;width:10px}.universal-particle-17{animation:float-universal 8s linear infinite;animation-delay:-1.8s;height:13px;left:80%;top:45%;width:13px}.universal-particle-18{animation:float-universal 10s linear infinite;animation-delay:-2.8s;height:12px;left:90%;top:55%;width:12px}.universal-particle-19{animation:float-universal 12s linear infinite;animation-delay:-3.8s;height:14px;left:95%;top:15%;width:14px}.universal-particle-20{animation:float-universal 6s linear infinite;animation-delay:-4.8s;height:11px;left:8%;top:88%;width:11px}.universal-particle-21{animation:float-universal 9s linear infinite;animation-delay:-5.8s;height:12px;left:18%;top:78%;width:12px}.universal-particle-22{animation:float-universal 11s linear infinite;animation-delay:-6.8s;height:9px;left:28%;top:68%;width:9px}.universal-particle-23{animation:float-universal 7s linear infinite;animation-delay:-.3s;height:15px;left:38%;top:58%;width:15px}.universal-particle-24{animation:float-universal 13s linear infinite;animation-delay:-1.3s;height:10px;left:48%;top:48%;width:10px}.universal-particle-25{animation:float-universal 8s linear infinite;animation-delay:-2.3s;height:13px;left:58%;top:38%;width:13px}.universal-particle-26{animation:float-universal 10s linear infinite;animation-delay:-3.3s;height:11px;left:68%;top:28%;width:11px}.universal-particle-27{animation:float-universal 12s linear infinite;animation-delay:-4.3s;height:14px;left:78%;top:18%;width:14px}.universal-particle-28{animation:float-universal 6s linear infinite;animation-delay:-5.3s;height:9px;left:88%;top:8%;width:9px}.universal-particle-29{animation:float-universal 9s linear infinite;animation-delay:-6.3s;height:16px;left:3%;top:93%;width:16px}.universal-particle-30{animation:float-universal 11s linear infinite;animation-delay:-7.3s;height:13px;left:93%;top:83%;width:13px}@keyframes float-universal{0%{opacity:.9;transform:translateY(0) translateX(0) rotate(0deg)}25%{opacity:1;transform:translateY(-100px) translateX(20px) rotate(90deg)}50%{opacity:.8;transform:translateY(-200px) translateX(-10px) rotate(180deg)}75%{opacity:.6;transform:translateY(-300px) translateX(15px) rotate(270deg)}to{opacity:.3;transform:translateY(-400px) translateX(0) rotate(1turn)}}.dark-theme .universal-particle{background:linear-gradient(135deg,#6366f166,#8b5cf666 50%,#ec489966);border:1px solid #ffffff80;box-shadow:0 0 15px #8b5cf64d}.universal-particle,.universal-particle-1,.universal-particle-10,.universal-particle-11,.universal-particle-12,.universal-particle-13,.universal-particle-14,.universal-particle-15,.universal-particle-16,.universal-particle-17,.universal-particle-18,.universal-particle-19,.universal-particle-2,.universal-particle-20,.universal-particle-21,.universal-particle-22,.universal-particle-23,.universal-particle-24,.universal-particle-25,.universal-particle-26,.universal-particle-27,.universal-particle-28,.universal-particle-29,.universal-particle-3,.universal-particle-30,.universal-particle-4,.universal-particle-5,.universal-particle-6,.universal-particle-7,.universal-particle-8,.universal-particle-9{animation-duration:inherit!important;animation-iteration-count:infinite!important;animation-play-state:running!important}@media (max-width:768px){.universal-particle{animation-duration:12s}}.home-particle-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.home-particle{animation:float-home 15s linear infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#6366f199,#8b5cf699 50%,#ec489999);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 0 10px #6366f14d;opacity:.9;position:absolute}.pro-empty-state-content{position:relative;z-index:10}.pro-empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;position:relative;width:100%}.home-particle-1{animation-delay:-1s;animation-duration:16s;height:4px;left:10%;width:4px}.home-particle-2{animation-delay:-2s;animation-duration:18s;height:6px;left:20%;width:6px}.home-particle-3{animation-delay:-3s;animation-duration:14s;height:3px;left:30%;width:3px}.home-particle-4{animation-delay:-4s;animation-duration:20s;height:8px;left:40%;width:8px}.home-particle-5{animation-delay:-5s;animation-duration:17s;height:5px;left:50%;width:5px}.home-particle-6{animation-delay:-6s;animation-duration:15s;height:7px;left:60%;width:7px}.home-particle-7{animation-delay:-7s;animation-duration:19s;height:4px;left:70%;width:4px}.home-particle-8{animation-delay:-8s;animation-duration:16s;height:6px;left:80%;width:6px}.home-particle-9{animation-delay:-9s;animation-duration:18s;height:5px;left:90%;width:5px}.home-particle-10{animation-delay:-10s;animation-duration:14s;height:3px;left:15%;width:3px}.home-particle-11{animation-delay:-11s;animation-duration:20s;height:7px;left:25%;width:7px}.home-particle-12{animation-delay:-12s;animation-duration:17s;height:4px;left:35%;width:4px}.home-particle-13{animation-delay:-13s;animation-duration:15s;height:6px;left:45%;width:6px}.home-particle-14{animation-delay:-14s;animation-duration:19s;height:8px;left:55%;width:8px}.home-particle-15{animation-delay:-15s;animation-duration:16s;height:5px;left:65%;width:5px}.home-particle-16{animation-delay:-16s;animation-duration:18s;height:3px;left:75%;width:3px}.home-particle-17{animation-delay:-17s;animation-duration:14s;height:7px;left:85%;width:7px}.home-particle-18{animation-delay:-18s;animation-duration:20s;height:4px;left:95%;width:4px}.home-particle-19{animation-delay:-19s;animation-duration:17s;height:6px;left:5%;width:6px}.home-particle-20{animation-delay:-20s;animation-duration:15s;height:5px;left:12%;width:5px}.home-particle-21{animation-delay:-21s;animation-duration:19s;height:8px;left:22%;width:8px}.home-particle-22{animation-delay:-22s;animation-duration:16s;height:3px;left:32%;width:3px}.home-particle-23{animation-delay:-23s;animation-duration:18s;height:7px;left:42%;width:7px}.home-particle-24{animation-delay:-24s;animation-duration:14s;height:4px;left:52%;width:4px}.home-particle-25{animation-delay:-25s;animation-duration:20s;height:6px;left:62%;width:6px}@keyframes float-home{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg) scale(0)}10%{opacity:.7;transform:translateY(90vh) translateX(10px) rotate(36deg) scale(1)}20%{opacity:.8;transform:translateY(80vh) translateX(-5px) rotate(72deg) scale(1.1)}30%{opacity:.6;transform:translateY(70vh) translateX(15px) rotate(108deg) scale(.9)}40%{opacity:.7;transform:translateY(60vh) translateX(-10px) rotate(144deg) scale(1.2)}50%{opacity:.8;transform:translateY(50vh) translateX(20px) rotate(180deg) scale(1)}60%{opacity:.6;transform:translateY(40vh) translateX(-15px) rotate(216deg) scale(.8)}70%{opacity:.7;transform:translateY(30vh) translateX(25px) rotate(252deg) scale(1.1)}80%{opacity:.5;transform:translateY(20vh) translateX(-20px) rotate(288deg) scale(.9)}90%{opacity:.4;transform:translateY(10vh) translateX(30px) rotate(324deg) scale(1)}to{opacity:0;transform:translateY(-10vh) translateX(-25px) rotate(1turn) scale(0)}}.dark-theme .home-particle{background:linear-gradient(135deg,#6366f199,#8b5cf699 50%,#ec489999);border:1px solid #fff6;box-shadow:0 0 15px #8b5cf666}@media (max-width:768px){.home-particle{animation-duration:12s}.home-particle-1,.home-particle-10,.home-particle-16,.home-particle-22,.home-particle-3{height:2px;width:2px}.home-particle-11,.home-particle-14,.home-particle-21,.home-particle-23,.home-particle-4{height:5px;width:5px}}.conversation-particle-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.conversation-particle{animation:float-conversation 18s linear infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#6366f133,#8b5cf633 50%,#ec489933);border:1px solid #fff3;border-radius:50%;box-shadow:0 0 8px #6366f133;opacity:.5;position:absolute}.conversation-particle-1{animation-delay:-1s;animation-duration:19s;height:3px;left:5%;width:3px}.conversation-particle-2{animation-delay:-2s;animation-duration:21s;height:5px;left:15%;width:5px}.conversation-particle-3{animation-delay:-3s;animation-duration:17s;height:2px;left:25%;width:2px}.conversation-particle-4{animation-delay:-4s;animation-duration:23s;height:6px;left:35%;width:6px}.conversation-particle-5{animation-delay:-5s;animation-duration:20s;height:4px;left:45%;width:4px}.conversation-particle-6{animation-delay:-6s;animation-duration:18s;height:5px;left:55%;width:5px}.conversation-particle-7{animation-delay:-7s;animation-duration:22s;height:3px;left:65%;width:3px}.conversation-particle-8{animation-delay:-8s;animation-duration:19s;height:4px;left:75%;width:4px}.conversation-particle-9{animation-delay:-9s;animation-duration:21s;height:6px;left:85%;width:6px}.conversation-particle-10{animation-delay:-10s;animation-duration:17s;height:2px;left:95%;width:2px}.conversation-particle-11{animation-delay:-11s;animation-duration:23s;height:5px;left:10%;width:5px}.conversation-particle-12{animation-delay:-12s;animation-duration:20s;height:3px;left:20%;width:3px}.conversation-particle-13{animation-delay:-13s;animation-duration:18s;height:4px;left:30%;width:4px}.conversation-particle-14{animation-delay:-14s;animation-duration:22s;height:6px;left:40%;width:6px}.conversation-particle-15{animation-delay:-15s;animation-duration:19s;height:3px;left:50%;width:3px}.conversation-particle-16{animation-delay:-16s;animation-duration:21s;height:5px;left:60%;width:5px}.conversation-particle-17{animation-delay:-17s;animation-duration:17s;height:2px;left:70%;width:2px}.conversation-particle-18{animation-delay:-18s;animation-duration:23s;height:4px;left:80%;width:4px}.conversation-particle-19{animation-delay:-19s;animation-duration:20s;height:6px;left:90%;width:6px}.conversation-particle-20{animation-delay:-20s;animation-duration:18s;height:3px;left:8%;width:3px}@keyframes float-conversation{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg) scale(0)}15%{opacity:.5;transform:translateY(85vh) translateX(8px) rotate(54deg) scale(1)}30%{opacity:.6;transform:translateY(70vh) translateX(-4px) rotate(108deg) scale(1.1)}45%{opacity:.4;transform:translateY(55vh) translateX(12px) rotate(162deg) scale(.9)}60%{opacity:.5;transform:translateY(40vh) translateX(-8px) rotate(216deg) scale(1.2)}75%{opacity:.3;transform:translateY(25vh) translateX(15px) rotate(270deg) scale(1)}90%{opacity:.2;transform:translateY(10vh) translateX(-10px) rotate(324deg) scale(.8)}to{opacity:0;transform:translateY(-10vh) translateX(20px) rotate(1turn) scale(0)}}.dark-theme .conversation-particle{background:linear-gradient(135deg,#6366f14d,#8b5cf64d 50%,#ec48994d);border:1px solid #ffffff4d;box-shadow:0 0 12px #8b5cf64d}.pro-quick-reactions-above{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4080ff0d;border:1px solid #4080ff1a;border-radius:20px;display:flex;gap:8px;justify-content:center;margin:8px auto 4px;max-width:300px;padding:8px 12px;transition:all .2s ease}.pro-quick-reactions-above:hover{background:#4080ff14;border-color:#4080ff26;box-shadow:0 4px 12px #4080ff1a;transform:translateY(-1px)}.pro-quick-reactions-above .pro-more-reactions,.pro-quick-reactions-above .pro-quick-reaction{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #4080ff33;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.pro-quick-reactions-above .pro-more-reactions:hover,.pro-quick-reactions-above .pro-quick-reaction:hover{background:#4080ff1a;border-color:#4080ff4d;box-shadow:0 2px 8px #4080ff33;transform:scale(1.1)}.pro-quick-reactions-above .pro-more-reactions svg{color:#4080ffcc;height:16px;width:16px}.dark-theme .pro-quick-reactions-above{background:#4080ff1a;border-color:#4080ff33}.dark-theme .pro-quick-reactions-above:hover{background:#4080ff26;border-color:#4080ff4d}.dark-theme .pro-quick-reactions-above .pro-more-reactions,.dark-theme .pro-quick-reactions-above .pro-quick-reaction{background:#ffffff1a;border-color:#4080ff4d;color:#fff}.dark-theme .pro-quick-reactions-above .pro-more-reactions:hover,.dark-theme .pro-quick-reactions-above .pro-quick-reaction:hover{background:#4080ff33;border-color:#4080ff66}.dark-theme .pro-quick-reactions-above .pro-more-reactions svg{color:#fffc}@media (max-width:768px){.pro-quick-reactions-above{gap:6px;margin:6px 0 3px;max-width:250px;padding:6px 10px}.pro-quick-reactions-above .pro-more-reactions,.pro-quick-reactions-above .pro-quick-reaction{font-size:14px;height:28px;width:28px}.pro-quick-reactions-above .pro-more-reactions svg{height:14px;width:14px}}.pro-message-header{align-items:center;display:flex;justify-content:center;margin-bottom:4px;margin-right:0;margin-top:0;position:relative;width:100%}.pro-quick-reactions-top-right{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4080ff0a;border:1px solid #4080ff14;border-radius:10px;display:flex;gap:3px;opacity:.8;padding:2px 6px;transition:all .2s ease}.pro-quick-reactions-top-right:hover{background:#4080ff14;border-color:#4080ff26;box-shadow:0 2px 8px #4080ff1a;opacity:1;transform:translateY(-1px)}.pro-quick-reactions-top-right .pro-more-reactions,.pro-quick-reactions-top-right .pro-quick-reaction{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #4080ff26;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.pro-quick-reactions-top-right .pro-more-reactions:hover,.pro-quick-reactions-top-right .pro-quick-reaction:hover{background:#4080ff1a;border-color:#4080ff4d;box-shadow:0 2px 8px #4080ff33;transform:scale(1.1)}.pro-quick-reactions-top-right .pro-more-reactions svg{color:#4080ffcc;height:14px;width:14px}.dark-theme .pro-quick-reactions-top-right{background:#4080ff14;border-color:#4080ff26}.dark-theme .pro-quick-reactions-top-right:hover{background:#4080ff1f;border-color:#4080ff40}.dark-theme .pro-quick-reactions-top-right .pro-more-reactions,.dark-theme .pro-quick-reactions-top-right .pro-quick-reaction{background:#1e293be6;border-color:#4080ff33}.dark-theme .pro-quick-reactions-top-right .pro-more-reactions:hover,.dark-theme .pro-quick-reactions-top-right .pro-quick-reaction:hover{background:#4080ff33;border-color:#4080ff66}.dark-theme .pro-quick-reactions-top-right .pro-more-reactions svg{color:#4080ffe6}@media (max-width:768px){.pro-message-header{margin-right:8px}.pro-quick-reactions-top-right{gap:4px;padding:3px 6px}.pro-quick-reactions-top-right .pro-more-reactions,.pro-quick-reactions-top-right .pro-quick-reaction{font-size:11px;height:22px;width:22px}.pro-quick-reactions-top-right .pro-more-reactions svg{height:12px;width:12px}}.pro-message-reactions-above{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin:8px 0 4px;padding:0 12px}.pro-message-reactions-above .pro-reaction-summary{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4080ff1a;border:1px solid #4080ff33;border-radius:16px;cursor:pointer;display:flex;font-size:13px;gap:4px;min-height:28px;padding:4px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.pro-message-reactions-above .pro-reaction-summary:hover{background:#4080ff26;border-color:#4080ff4d;box-shadow:0 2px 8px #4080ff33;transform:scale(1.05)}.pro-message-reactions-above .pro-reaction-emoji{font-size:14px;line-height:1}.pro-message-reactions-above .pro-reaction-count{color:#000;color:var(--pro-text,#333);font-size:12px;font-weight:500;min-width:16px;text-align:center}.dark-theme .pro-message-reactions-above .pro-reaction-summary{background:#4080ff26;border-color:#4080ff40;color:#fff}.dark-theme .pro-message-reactions-above .pro-reaction-summary:hover{background:#4080ff33;border-color:#4080ff59}.dark-theme .pro-message-reactions-above .pro-reaction-count{color:#fff}@media (max-width:768px){.pro-message-reactions-above{gap:4px;padding:0 8px}.pro-message-reactions-above .pro-reaction-summary{font-size:12px;min-height:24px;padding:3px 6px}.pro-message-reactions-above .pro-reaction-emoji{font-size:13px}.pro-message-reactions-above .pro-reaction-count{font-size:11px}}.pro-blurb-avatar-fallback{align-items:center;background:linear-gradient(135deg,#6990ff,#9183ff);border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.pro-fallback-avatar-image{border-radius:50%;height:100%;left:0;object-fit:cover;opacity:.3;position:absolute;top:0;width:100%;z-index:1}.pro-fallback-initial{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;position:relative;text-shadow:0 1px 3px #0000004d;z-index:2}.dark-theme .pro-blurb-avatar-fallback{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#ffffff4d;box-shadow:0 2px 8px #0000004d}.dark-theme .pro-fallback-avatar-image{opacity:.2}@media (max-width:768px){.pro-blurb-avatar-fallback{height:36px;width:36px}.pro-fallback-initial{font-size:14px}}.pro-reaction-picker-enhanced{animation:emojiPickerFadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #4080ff33;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;max-height:400px;overflow:hidden;width:300px}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pro-emoji-categories{background:#4080ff0d;border-bottom:1px solid #4080ff1a;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:8px}.pro-emoji-category-btn{align-items:center;background:#ffffffb3;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pro-emoji-category-btn:hover{background:#4080ff1a;transform:scale(1.1)}.pro-emoji-category-btn.active{background:#4080ff33;border:2px solid #4080ff66}.pro-emoji-grid{flex:1 1;overflow-y:auto;padding:12px}.pro-emoji-category-title{color:#4080ffcc;font-size:12px;font-weight:600;margin-bottom:8px;text-align:center}.pro-emoji-list{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr)}.pro-emoji-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.pro-emoji-btn:hover{background:#4080ff1a;transform:scale(1.2)}.pro-reaction-cancel{background:#ff00001a;border:none;border-radius:50%;color:#f00c;cursor:pointer;font-size:12px;font-weight:700;height:24px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.pro-reaction-cancel:hover{background:#f003;transform:scale(1.1)}.dark-theme .pro-reaction-picker-enhanced{background:#1e293bf2;border-color:#4080ff4d}.dark-theme .pro-emoji-categories{background:#4080ff1a;border-bottom-color:#4080ff33}.dark-theme .pro-emoji-category-btn{background:#1e293bcc;color:#fff}.dark-theme .pro-emoji-category-btn:hover{background:#4080ff33}.dark-theme .pro-emoji-category-btn.active{background:#4080ff4d;border-color:#4080ff80}.dark-theme .pro-emoji-category-title{color:#4080ffe6}.dark-theme .pro-emoji-btn:hover{background:#4080ff33}.pro-reaction-summary{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #4080ff33;border-radius:16px;cursor:pointer;display:inline-flex;margin:0 2px;overflow:hidden;padding:4px 8px;position:relative;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.pro-reaction-summary:hover{background:#4080ff1a;border-color:#4080ff66;box-shadow:0 4px 12px #4080ff4d;transform:translateY(-2px) scale(1.05)}.pro-reaction-summary:active{transform:translateY(0) scale(.95)}.pro-reaction-summary.reaction-bounce{animation:reactionBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes reactionBounce{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:1;transform:scale(1.2) rotate(5deg)}70%{transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.pro-reaction-summary.reaction-glow{animation:reactionGlow 2s ease-in-out infinite alternate;box-shadow:0 0 20px #4080ff99}@keyframes reactionGlow{0%{box-shadow:0 0 10px #4080ff66}to{box-shadow:0 0 25px #4080ffcc}}.pro-reaction-summary.reaction-pulse{animation:reactionPulse 1.5s ease-in-out infinite}@keyframes reactionPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pro-reaction-emoji{display:inline-block;font-size:16px;margin-right:4px;transition:transform .2s ease}.pro-reaction-summary:hover .pro-reaction-emoji{transform:scale(1.3) rotate(10deg)}.pro-reaction-count{color:#4080ffcc;font-size:12px;font-weight:600;min-width:16px;position:relative;text-align:center;transition:all .3s ease}.pro-reaction-count.count-animate{animation:countBounce .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes countBounce{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.pro-shortcuts-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.pro-shortcuts-modal{animation:modalSlideIn .2s ease-out;background:#fff;background:var(--menu-bg,#fff);border-radius:12px;box-shadow:0 8px 32px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pro-shortcuts-header{align-items:center;border-bottom:1px solid #e1e1e1;border-bottom:1px solid var(--border-color,#e1e1e1);display:flex;justify-content:space-between;padding:16px 20px}.pro-shortcuts-header h3{color:#333;color:var(--text-primary,#333);font-size:18px;font-weight:600;margin:0}.pro-shortcuts-header button{background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:18px;padding:4px}.pro-shortcuts-header button:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa)}.pro-shortcuts-content{padding:20px}.pro-shortcuts-section{margin-bottom:24px}.pro-shortcuts-section:last-child{margin-bottom:0}.pro-shortcuts-section h4{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:500;margin:0 0 12px}.pro-shortcuts-list{grid-gap:8px;display:grid;gap:8px}.pro-shortcut-item{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.pro-shortcut-item:hover{background:#e3f2fd;background:var(--accent-light,#e3f2fd)}.pro-shortcut-key{background:#2c3e50;background:var(--key-bg,#2c3e50);border-radius:4px;color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;padding:2px 6px}.pro-shortcut-emoji{font-size:18px}.pro-shortcut-desc{color:#666;color:var(--text-secondary,#666);font-size:14px}.pro-voice-controls{align-items:flex-end;bottom:100px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:1000}.pro-voice-btn{align-items:center;background:#007bff;background:var(--accent-color,#007bff);border:none;border-radius:50%;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:relative;transition:all .2s ease;width:56px}.pro-voice-btn:hover{box-shadow:0 6px 16px #007bff66;transform:scale(1.05)}.pro-voice-btn.listening{animation:voicePulse 1.5s ease-in-out infinite;background:#28a745;background:var(--success-color,#28a745)}@keyframes voicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pro-voice-pulse{animation:pulseBorder 1s ease-out infinite;border:2px solid #28a745;border:2px solid var(--success-color,#28a745);border-radius:50%;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px}@keyframes pulseBorder{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.pro-voice-status{animation:statusSlideIn .2s ease-out;background:#fff;border:1px solid #e1e1e1;border:1px solid var(--border-color,#e1e1e1);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:250px;padding:12px 16px;text-align:right}@keyframes statusSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.pro-voice-status span{color:#333;color:var(--text-primary,#333);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.pro-voice-commands{color:#666;color:var(--text-secondary,#666);font-size:12px;line-height:1.4}.pro-gesture-indicator{animation:gestureHintShow 3s ease-in-out 2s;bottom:20px;left:50%;opacity:0;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes gestureHintShow{0%,90%,to{opacity:0;transform:translateX(-50%) translateY(10px)}10%,80%{opacity:1;transform:translateX(-50%) translateY(0)}}.pro-gesture-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:20px;color:#fff;font-size:12px;padding:8px 16px;text-align:center}.pro-gesture-hint span{display:inline-block}.pro-reaction-feedback{animation:feedbackShow 2s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:12px;color:#fff;left:50%;padding:16px 24px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10001}@keyframes feedbackShow{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.feedback-emoji{animation:emojiPop .5s ease-out;font-size:32px;margin-bottom:8px}.feedback-method{font-size:12px;font-weight:500;opacity:.8}.pro-reaction-picker-enhanced[data-placement=top]{transform:translateY(-8px)}.pro-reaction-picker-enhanced[data-placement=bottom]{transform:translateY(8px)}@media (max-width:768px){.pro-voice-controls{bottom:80px;right:16px}.pro-voice-btn{font-size:20px;height:48px;width:48px}.pro-voice-status{max-width:200px;padding:8px 12px}.pro-gesture-indicator{bottom:16px}.pro-shortcuts-modal{margin:20px;width:95%}.pro-shortcuts-content{padding:16px}.pro-shortcut-item{padding:6px 8px}}.dark-theme .pro-shortcuts-modal{background:#2c3e50;background:var(--dark-menu-bg,#2c3e50);color:#fff;color:var(--dark-text-primary,#fff)}.dark-theme .pro-shortcuts-header{border-bottom-color:#34495e;border-bottom-color:var(--dark-border-color,#34495e)}.dark-theme .pro-shortcut-item{background:#34495e;background:var(--dark-bg-secondary,#34495e)}.dark-theme .pro-shortcut-item:hover{background:#4a90e2;background:var(--dark-accent-light,#4a90e2)}.dark-theme .pro-voice-status{background:#2c3e50;background:var(--dark-menu-bg,#2c3e50);border-color:#34495e;border-color:var(--dark-border-color,#34495e);color:#fff;color:var(--dark-text-primary,#fff)}@media (hover:none) and (pointer:coarse){.pro-voice-btn{height:52px;width:52px}.pro-gesture-indicator{animation:gestureHintShow 4s ease-in-out 1s infinite}.pro-shortcut-item:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa)}}.pro-reaction-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bf2;border:1px solid #ffffff1a;border-radius:8px;bottom:100%;color:#fff;font-size:12px;margin-bottom:8px;opacity:0;padding:8px 12px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap;z-index:1000}.pro-reaction-tooltip,.pro-reaction-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.pro-reaction-tooltip:after{border:6px solid #0000;border-top-color:#1e293bf2;content:"";top:100%}.pro-reaction-summary:hover .pro-reaction-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.pro-tooltip-users{align-items:center;display:flex;gap:4px;margin-top:4px}.pro-tooltip-avatar{border:1px solid #fff3;border-radius:50%;height:20px;width:20px}.pro-tooltip-names{font-weight:500;margin-bottom:2px}.pro-quick-reaction{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.pro-quick-reaction:before{background:linear-gradient(45deg,#0000,#4080ff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.pro-quick-reaction:hover:before{transform:translateX(100%)}.pro-quick-reaction:hover{background:#4080ff1a;box-shadow:0 6px 20px #4080ff4d;transform:translateY(-3px) scale(1.1)}.pro-quick-reaction:active{transform:translateY(-1px) scale(.95)}.pro-more-reactions{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:none;border-radius:50%;color:#4080ffcc;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.pro-more-reactions:hover{background:#4080ff1a;box-shadow:0 6px 20px #4080ff4d;transform:translateY(-3px) scale(1.1) rotate(180deg)}.pro-message-blurb.pro-message-selected{border-left:3px solid #4080ff66;box-shadow:0 2px 12px #4080ff1a;transform:translateX(2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.pro-message-reactions-above{animation:reactionsSlideIn .4s cubic-bezier(.4,0,.2,1)}.pro-quick-reactions-top-right{animation:quickReactionsSlideIn .4s cubic-bezier(.4,0,.2,1) .1s both}@keyframes quickReactionsSlideIn{0%{opacity:0;transform:translateY(-15px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-theme .pro-reaction-summary{background:#1e293be6;border-color:#4080ff4d;color:#fff}.dark-theme .pro-reaction-summary:hover{background:#4080ff33}.dark-theme .pro-quick-reaction{background:#1e293be6;color:#fff}.dark-theme .pro-quick-reaction:hover{background:#4080ff33}.dark-theme .pro-more-reactions{background:#1e293be6;color:#4080ffe6}@media (max-width:768px){.pro-reaction-summary{padding:3px 6px}.pro-reaction-emoji{font-size:14px}.pro-quick-reaction{font-size:14px}.pro-more-reactions,.pro-quick-reaction{height:28px;width:28px}}.pro-message-blurb{transition:all .2s ease}.pro-message-blurb.pro-message-selected{background:#4080ff0d;border:1px solid #4080ff33;box-shadow:0 4px 12px #4080ff26;transform:translateY(-1px)}.dark-theme .pro-message-blurb.pro-message-selected{background:#4080ff1a;border-color:#4080ff4d;box-shadow:0 4px 12px #4080ff40}.pro-message-header,.pro-message-reactions-above{animation:reactionsSlideIn .2s ease}@keyframes reactionsSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reaction-confetti-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti-particle{font-size:12px}.confetti-particle,.sparkle-particle{pointer-events:none;position:absolute;z-index:10000}.sparkle-particle{background:radial-gradient(circle,gold 0,#ffeb3b 50%,#0000 70%);border-radius:50%;height:6px;width:6px}@keyframes sparkleFloat1{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(-30px,-40px) scale(1)}to{opacity:0;transform:translate(-60px,-80px) scale(0)}}@keyframes sparkleFloat2{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(30px,-40px) scale(1)}to{opacity:0;transform:translate(60px,-80px) scale(0)}}@keyframes sparkleFloat3{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(-20px,-60px) scale(1)}to{opacity:0;transform:translate(-40px,-120px) scale(0)}}@keyframes sparkleFloat4{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(20px,-60px) scale(1)}to{opacity:0;transform:translate(40px,-120px) scale(0)}}@keyframes sparkleFloat5{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(-40px,-20px) scale(1)}to{opacity:0;transform:translate(-80px,-40px) scale(0)}}@keyframes sparkleFloat6{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(40px,-20px) scale(1)}to{opacity:0;transform:translate(80px,-40px) scale(0)}}@keyframes sparkleFloat7{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translateY(-50px) scale(1)}to{opacity:0;transform:translateY(-100px) scale(0)}}@keyframes sparkleFloat8{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(-10px,-30px) scale(1)}to{opacity:0;transform:translate(-20px,-60px) scale(0)}}@keyframes emojiPop{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}30%{opacity:.9;transform:translate(-50%,-60%) scale(1.5)}60%{opacity:.7;transform:translate(-50%,-70%) scale(1.3)}to{opacity:0;transform:translate(-50%,-80%) scale(.8)}}.main-emoji-feedback{animation:emojiPop 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards;font-size:28px;pointer-events:none;position:absolute;z-index:10001}.reaction-undo-notification{align-items:center;animation:slideInFromRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:flex;gap:12px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:10000}.reaction-undo-notification .undo-button{background:#4080ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s ease}.reaction-undo-notification .undo-button:hover{background:#3070ef}.reaction-undo-timer{background:#ffffff4d;border-radius:1px;height:2px;margin-top:8px;overflow:hidden;width:100%}.reaction-undo-timer-bar{animation:undoTimerCountdown 5s linear forwards;background:#4080ff;height:100%;width:100%}@keyframes undoTimerCountdown{0%{width:100%}to{width:0}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.reaction-notifications-container{pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.reaction-notification{align-items:center;animation:slideInNotification .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;margin-bottom:8px;min-width:200px;padding:12px}.reaction-notification .notification-emoji{animation:notificationEmojiPulse .6s ease;font-size:20px}.reaction-notification .notification-content{flex:1 1;font-size:14px}.reaction-notification .notification-user{color:#4080ff;font-weight:700}.reaction-notification .notification-message{color:#666;font-size:12px;margin-top:2px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideInNotification{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes notificationEmojiPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.dark-theme .reaction-notification{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}.dark-theme .reaction-notification .notification-message{color:#aaa}.pro-message-blurb:before{animation:backgroundShimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4080ff08 25%,#4080ff0f 50%,#4080ff08 75%,#0000);border-radius:inherit;content:"";height:100%;left:-100%;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.pro-message-blurb>*{position:relative;z-index:auto}.pro-message-blurb{align-items:flex-start;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:12px;display:flex;gap:12px;margin:8px 0;max-width:85%;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.message-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:visible;width:100%}.message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.user-name{color:#1a202c;color:var(--text-primary,#1a202c);font-size:14px;font-weight:600;white-space:nowrap}.timestamp{font-size:12px}.message-timestamp,.timestamp{color:#64748b;color:var(--text-secondary,#64748b);white-space:nowrap}.message-timestamp{align-items:center;display:flex;flex-shrink:0;font-size:11px;font-weight:400;gap:4px;letter-spacing:.025em;margin-left:52px;margin-top:2px;opacity:.7;text-align:left;transition:opacity .2s ease}.message-delivery-status{font-size:10px;line-height:1}.message-delivery-status.sent{color:#10b981}.message-delivery-status.pending{animation:pulse 1.5s infinite;color:#94a3b8}@media (max-width:768px){.message-timestamp{font-size:10px;margin-left:40px}}@media (max-width:480px){.message-timestamp{font-size:9px;margin-bottom:2px;margin-left:32px}}.message-timestamp:hover{opacity:1}.message-timestamp-with-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-left:52px;margin-top:2px;max-width:calc(100% - 60px)}@media (max-width:768px){.message-timestamp-with-reactions{gap:6px;margin-left:40px;max-width:calc(100% - 48px)}}@media (max-width:480px){.message-timestamp-with-reactions{align-items:flex-start;flex-direction:column;gap:4px;margin-left:32px;max-width:calc(100% - 40px)}}.message-reactions-inline{align-items:center;display:flex;flex-wrap:wrap;gap:3px;max-width:100%;overflow:hidden}@media (max-width:480px){.message-reactions-inline{gap:2px;margin-top:2px}}.reaction-bubble-inline{align-items:center;background:#3b82f614;border:1px solid #3b82f626;border-radius:10px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;gap:2px;max-width:60px;min-height:16px;opacity:.8;overflow:hidden;padding:1px 4px;transition:all .2s ease}@media (max-width:480px){.reaction-bubble-inline{border-radius:8px;font-size:9px;max-width:50px;min-height:14px;padding:1px 3px}}.reaction-bubble-inline:hover{background:#3b82f626;border-color:#3b82f64d;opacity:1;transform:translateY(-1px)}.reaction-bubble-inline .reaction-emoji{font-size:11px;line-height:1}.reaction-bubble-inline .reaction-count{color:#3b82f6;font-size:9px;font-weight:500}.message-text{word-wrap:break-word;box-sizing:border-box;color:#2d3748;color:var(--text-primary,#2d3748);font-size:14px;line-height:1.5;margin:0;overflow:visible;overflow-wrap:break-word;padding:0;white-space:pre-wrap;width:100%}.message-text[data-length=short]{font-size:14px;line-height:1.4;width:100%}.message-text[data-length=medium]{font-size:14px;line-height:1.5;width:100%}.message-text[data-length=long]{font-size:14px;line-height:1.6;width:100%}.message-text[data-length=very-long]{font-size:14px;line-height:1.7;width:100%}.message-avatar{border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;transition:all .3s ease;width:36px}.message-avatar img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.message-avatar img:hover{transform:scale(1.05)}.pro-message-blurb:has(.message-text[data-length=long]) .message-avatar,.pro-message-blurb:has(.message-text[data-length=very-long]) .message-avatar{height:40px;width:40px}.pro-message-blurb:has(.message-text[data-length=short]){max-width:min(350px,90%);padding:8px 12px;width:100%}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:min(550px,90%);padding:10px 14px;width:100%}.pro-message-blurb:has(.message-text[data-length=long]){max-width:min(700px,90%);width:100%}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:90%;padding:14px 18px;width:100%}.pro-message-blurb:has(.message-text[data-length=long]){max-width:min(750px,90%);padding:12px 16px}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:95%;padding:16px 20px}@media (max-width:1024px){.pro-message-blurb:has(.message-text[data-length=short]){max-width:320px}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:480px}.pro-message-blurb:has(.message-text[data-length=long]){max-width:650px}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:90%}}@media (max-width:768px){.pro-message-blurb{gap:8px;margin:6px 0;max-width:88%;padding:8px 12px}.pro-message-blurb:has(.gif-attachment),.pro-message-blurb:has(.image-attachment){max-width:min(88vw,480px)!important;width:min(88vw,480px)!important}.message-avatar{height:32px;width:32px}.pro-message-blurb:has(.message-text[data-length=long]) .message-avatar,.pro-message-blurb:has(.message-text[data-length=very-long]) .message-avatar{height:36px;width:36px}.message-text[data-length=long],.message-text[data-length=medium],.message-text[data-length=short],.message-text[data-length=very-long]{font-size:13px}.pro-message-blurb:has(.message-text[data-length=short]){padding:6px 10px}.pro-message-blurb:has(.message-text[data-length=medium]){padding:8px 12px}.pro-message-blurb:has(.message-text[data-length=long]){max-width:92%;padding:10px 14px}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:95%;padding:12px 16px}}@media (max-width:480px){.pro-message-blurb{gap:6px;margin:4px 0;padding:6px 8px}.message-avatar{height:28px;width:28px}.message-text[data-length=short]{font-size:12px;max-width:200px}.message-text[data-length=medium]{font-size:12px;max-width:280px}.message-text[data-length=long],.message-text[data-length=very-long]{font-size:12px;max-width:100%}.pro-message-blurb:has(.message-text[data-length=short]){max-width:240px}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:320px}.pro-message-blurb:has(.message-text[data-length=long]),.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:100%}}.pro-message-blurb{overflow:visible;position:relative}.message-text[data-content-type=image]{background:linear-gradient(135deg,#fef7ff,#faf5ff);border-left:3px solid #ec4899}.message-text[data-content-type=video]{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left:3px solid #8b5cf6}.message-text[data-content-type=audio]{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-left:3px solid #06b6d4}.message-text[data-content-type=file]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:3px solid #f59e0b}.message-text[data-has-code=true]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #6366f1;border-radius:8px;font-family:SF Mono,Monaco,Consolas,monospace}.message-text[data-has-links=true]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:3px solid #2563eb}.message-text[data-has-mentions=true]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:3px solid #059669}.message-text[data-sentiment=urgent]{animation:urgentPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626}.message-text[data-sentiment=question]{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left:3px solid #7c3aed}.message-text[data-sentiment=emoji]{background:linear-gradient(135deg,#fefce8,#fef3c7);border-radius:12px}.message-smart-text{word-wrap:break-word;display:block;overflow-wrap:break-word;white-space:pre-wrap;width:100%}.message-text .smart-text-content{margin:0;padding:0}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}@media (prefers-color-scheme:dark){.message-text[data-content-type=image]{background:linear-gradient(135deg,#374151,#4b5563);border-left-color:#ec4899}.message-text[data-content-type=video]{background:linear-gradient(135deg,#1f2937,#374151);border-left-color:#8b5cf6}.message-text[data-has-code=true]{background:linear-gradient(135deg,#1f2937,#374151);color:#e5e7eb}.message-text[data-has-links=true]{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.message-text[data-sentiment=urgent]{background:linear-gradient(135deg,#7f1d1d,#991b1b)}}@media (prefers-contrast:high){.message-text[data-content-type]{border-color:currentColor;border-left-width:6px}.message-text[data-sentiment=urgent]{background:#fff;border:3px solid #dc2626}}.dark-theme .pro-message-blurb{background:#1e293bcc;border-color:#4755694d}.dark-theme .user-name{color:#e2e8f0}.dark-theme .message-timestamp,.dark-theme .timestamp{color:#94a3b8}.dark-theme .reaction-bubble-inline{background:#8b5cf61a;border-color:#8b5cf633}.dark-theme .reaction-bubble-inline:hover{background:#8b5cf633;border-color:#8b5cf666}.dark-theme .reaction-bubble-inline .reaction-count{color:#a855f7}.dark-theme .message-text{color:#e2e8f0}.dark-theme .message-text[data-length=short]{background:#3b82f626;color:#bfdbfe}.dark-theme .message-text[data-length=medium]{background:#1e293b99;color:#e2e8f0}.dark-theme .message-text[data-length=long]{background:#0f172acc;border-left-color:#3b82f680;color:#e2e8f0}.dark-theme .message-text[data-length=very-long]{background:#0f172ae6;border-left-color:#3b82f699;box-shadow:0 2px 8px #0000004d;color:#e2e8f0}@keyframes backgroundShimmer{0%{left:-100%;opacity:0}10%{opacity:1}50%{left:0;opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes messageSlideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageSlideInLeft{0%{opacity:0;transform:translateX(-50px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes messageBounceIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:.8;transform:scale(1.05) translateY(-5px)}70%{opacity:.9;transform:scale(.95) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes messageGlow{0%{box-shadow:0 2px 8px #6366f100}50%{box-shadow:0 2px 20px #6366f14d}to{box-shadow:0 2px 8px #6366f100}}@keyframes avatarPulse{0%{box-shadow:0 0 0 0 #6366f1b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #6366f100;transform:scale(1.05)}to{box-shadow:0 0 0 0 #6366f100;transform:scale(1)}}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundGlowPulse{0%{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}to{opacity:.1;transform:scale(1)}}.pro-message-list{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;opacity:1;overflow-x:hidden;overflow-y:auto;padding:16px 20px;scroll-padding-top:20px;visibility:visible;width:100%}.pro-message-list.scrolling-to-new{scroll-behavior:auto}.pro-message-list.scrolling-to-new:after{scroll-behavior:smooth}.pro-message-list:before{animation:particleFloat 20s linear infinite;background-image:radial-gradient(circle at 20% 20%,#4080ff05 1px,#0000 0),radial-gradient(circle at 80% 40%,#4080ff08 1px,#0000 0),radial-gradient(circle at 40% 80%,#4080ff05 1px,#0000 0),radial-gradient(circle at 90% 10%,#4080ff08 1px,#0000 0),radial-gradient(circle at 10% 90%,#4080ff05 1px,#0000 0);background-size:50px 50px,75px 75px,60px 60px,45px 45px,55px 55px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.pro-message-list:after{animation:gradientShift 15s ease infinite;background:linear-gradient(45deg,#4080ff03,#0000 25%,#ff408003 50%,#0000 75%,#40ff8003);background-size:400% 400%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes hoverGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.01)}}.dark-theme .pro-message-blurb:before{background:linear-gradient(90deg,#0000,#6496ff0a 25%,#6496ff14 50%,#6496ff0a 75%,#0000)}.dark-theme .pro-message-blurb:hover:before{background:linear-gradient(90deg,#0000,#6496ff1a 25%,#6496ff26 50%,#6496ff1a 75%,#0000)}.dark-theme .pro-message-list:before{background-image:radial-gradient(circle at 20% 20%,#6496ff08 1px,#0000 0),radial-gradient(circle at 80% 40%,#6496ff0a 1px,#0000 0),radial-gradient(circle at 40% 80%,#6496ff08 1px,#0000 0),radial-gradient(circle at 90% 10%,#6496ff0a 1px,#0000 0),radial-gradient(circle at 10% 90%,#6496ff08 1px,#0000 0)}.dark-theme .pro-message-list:after{background:linear-gradient(45deg,#6496ff05,#0000 25%,#9664ff05 50%,#0000 75%,#64ff9605)}.pro-reaction-analytics{background:linear-gradient(135deg,#f8f9fa,#e9ecef);max-height:320px;overflow-y:auto;padding:16px}.pro-analytics-header h4{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600;margin:0 0 12px}.pro-analytics-most-used h5{color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:500;margin:0 0 8px}.pro-analytics-list{margin-bottom:16px}.pro-analytics-item{align-items:center;border-bottom:1px solid #0000000d;display:flex;gap:8px;padding:6px 0}.pro-analytics-rank{color:#4088ff;font-size:12px;font-weight:600;min-width:24px}.pro-analytics-emoji{font-size:18px;min-width:24px}.pro-analytics-count{font-size:14px;font-weight:500;min-width:40px}.pro-analytics-bar{background:#0000001a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.pro-analytics-fill{background:linear-gradient(90deg,#4088ff,#64b5f6);border-radius:3px;height:100%;transition:width .5s ease}.pro-analytics-percentage{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:500;min-width:40px;text-align:right}.pro-analytics-stats{grid-gap:8px;border-top:1px solid #0000001a;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;padding-top:12px}.pro-stat-item{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:8px;text-align:center}.pro-stat-label{color:#666;color:var(--text-secondary,#666);display:block;font-size:11px;margin-bottom:2px}.pro-stat-value{color:#333;color:var(--text-primary,#333);display:block;font-size:14px;font-weight:600}.pro-custom-stickers{max-height:320px;overflow-y:auto;padding:16px}.pro-sticker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pro-sticker-header h4{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600;margin:0}.pro-add-sticker-btn{background:#4088ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.pro-add-sticker-btn:hover{background:#2c5aa0;transform:translateY(-1px)}.pro-sticker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.pro-custom-sticker{background:#0000;border:2px solid #0000;border-radius:8px;cursor:pointer;height:48px;padding:4px;transition:all .2s ease;width:48px}.pro-custom-sticker:hover{border-color:#4088ff;transform:scale(1.1)}.pro-custom-sticker img{border-radius:4px;height:100%;object-fit:cover;width:100%}.pro-no-stickers{color:#666;color:var(--text-secondary,#666);padding:32px 16px;text-align:center}.pro-no-stickers p{font-size:14px;margin:4px 0}.pro-reaction-container{align-items:center;display:flex;gap:4px;position:relative}.pro-reaction-summary.has-thread{border:2px solid #64b5f6}.pro-thread-indicator{font-size:10px;margin-left:4px;opacity:.7}.pro-thread-toggle{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:4px;color:#666;cursor:pointer;font-size:11px;padding:4px 6px;transition:all .2s ease}.pro-thread-toggle:hover{background:#64b5f6;color:#fff}.pro-thread-toggle.active{background:#4088ff;color:#fff}.pro-reaction-thread{animation:threadSlideIn .2s ease-out;background:#fff;border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;max-width:320px;min-width:280px;position:absolute;top:100%;z-index:1000}@keyframes threadSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pro-thread-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e1e1;display:flex;gap:8px;padding:12px}.pro-thread-emoji{font-size:18px}.pro-thread-title{color:#333;flex:1 1;font-weight:500}.pro-thread-close{background:none;border:none;border-radius:2px;color:#666;cursor:pointer;font-size:14px;padding:2px}.pro-thread-close:hover{background:#0000001a}.pro-thread-comments{max-height:180px;overflow-y:auto;padding:8px}.pro-thread-comment{border-bottom:1px solid #0000000d;display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.pro-comment-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.pro-comment-content{flex:1 1}.pro-comment-header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.pro-comment-author{color:#333;font-size:12px;font-weight:500}.pro-comment-time{color:#666;font-size:10px}.pro-comment-text{color:#333;font-size:13px;line-height:1.4}.pro-no-comments{color:#666;padding:24px 16px;text-align:center}.pro-no-comments p{font-size:13px;margin:0}.pro-thread-input{background:#f8f9fa;border-top:1px solid #e1e1e1;display:flex;gap:8px;padding:8px}.pro-thread-input input{border:1px solid #e1e1e1;border-radius:4px;flex:1 1;font-size:12px;outline:none;padding:6px 8px}.pro-thread-input input:focus{border-color:#4088ff}.pro-thread-send{background:#4088ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.pro-thread-send:hover:not(:disabled){background:#2c5aa0}.pro-thread-send:disabled{background:#ccc;cursor:not-allowed}.dark-theme .pro-reaction-analytics{background:linear-gradient(135deg,#2a2a2a,#1e1e1e)}.dark-theme .pro-analytics-header h4,.dark-theme .pro-analytics-most-used h5,.dark-theme .pro-comment-author,.dark-theme .pro-comment-text,.dark-theme .pro-stat-value,.dark-theme .pro-thread-title{color:#e0e0e0}.dark-theme .pro-stat-item{background:#2a2a2a;border:1px solid #404040}.dark-theme .pro-reaction-thread{background:#1e1e1e;border-color:#404040}.dark-theme .pro-thread-header{background:#2a2a2a;border-bottom-color:#404040}.dark-theme .pro-thread-input{background:#2a2a2a;border-top-color:#404040}.dark-theme .pro-thread-input input{background:#1e1e1e;border-color:#404040;color:#e0e0e0}.dark-theme .pro-thread-toggle{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.pro-lightbox-meta{align-items:center;display:flex;font-size:13px;gap:15px;opacity:.8}.pro-lightbox-zoom-info{color:#3b82f6;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600}.pro-lightbox-counter{color:#e0e0e0;font-weight:500}.pro-lightbox-controls{align-items:center;display:flex;gap:8px}.pro-lightbox-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.pro-lightbox-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.pro-lightbox-btn:active{transform:translateY(0)}.pro-lightbox-download:hover{background:#22c55e33;border-color:#22c55e66}.pro-lightbox-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:1000}.pro-lightbox-nav:hover{background:#000000e6;border-color:#fff6;transform:translateY(-50%) scale(1.1)}.pro-lightbox-nav:disabled{cursor:not-allowed;opacity:.3;transform:translateY(-50%) scale(.9)}.pro-lightbox-nav-prev{left:20px}.pro-lightbox-nav-next{right:20px}.pro-lightbox-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:16px;gap:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.pro-lightbox-spinner{animation:lightboxSpin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes lightboxSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pro-lightbox-help{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;bottom:20px;color:#fffc;font-size:12px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.pro-lightbox-image.loading{filter:blur(1px);opacity:.3}.pro-lightbox-image.loaded{filter:none;opacity:1;transition:opacity .5s ease,filter .5s ease}@media (max-width:768px){.pro-lightbox-nav{font-size:16px;height:40px;width:40px}.pro-lightbox-nav-prev{left:10px}.pro-lightbox-nav-next{right:10px}.pro-lightbox-controls{gap:4px}.pro-lightbox-btn{font-size:12px;padding:6px 8px}.pro-lightbox-help{bottom:10px;font-size:10px;padding:6px 12px}}.pro-message-list>div[ref]{height:1px;margin:0;padding:0;scroll-margin-bottom:20px;scroll-snap-align:end;visibility:hidden;width:1px}.pro-message-blurb{scroll-margin-top:10px;scroll-snap-align:start}.pro-message-list::-webkit-scrollbar{width:6px}.pro-message-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.pro-message-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.pro-message-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.auto-scroll-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f6e6;border:1px solid #fff3;border-radius:20px;bottom:80px;color:#fff;font-size:12px;font-weight:500;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:20px;transform:translateY(10px);transition:all .3s ease;z-index:1000}.auto-scroll-indicator.show{opacity:1;transform:translateY(0)}.pro-message-blurb:last-child{animation:slideInFromBottom .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pro-message-blurb:last-child .message-content{position:relative}.pro-message-blurb:last-child .message-content:after{animation:fadeIn .6s ease .2s forwards;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:0;content:"";left:-10px;opacity:0;position:absolute;top:0;width:3px}.message-reactions{display:none}.reaction-bubble{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;cursor:pointer;display:inline-flex;font-size:12px;gap:2px;min-height:20px;padding:2px 6px;transition:all .2s ease}.reaction-bubble:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px)}.reaction-emoji{font-size:13px;line-height:1}.reaction-count{color:#3b82f6;font-size:11px;font-weight:500}.dark-theme .reaction-bubble{background:#8b5cf626;border-color:#8b5cf64d}.dark-theme .reaction-bubble:hover{background:#8b5cf640;border-color:#8b5cf680}.dark-theme .reaction-count{color:#a78bfa}.message-content{border-radius:8px;cursor:pointer;transition:background-color .2s ease}.message-content:hover{background:#00000005}.dark-theme .message-content:hover{background:#ffffff05}.mobile-upload-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.mobile-upload-menu{animation:slideUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#fffffffa,#f8fafcf5);border:1px solid #e2e8f099;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0000001a,0 -4px 24px #0000000d;max-width:500px;padding-bottom:env(safe-area-inset-bottom,20px);width:100%}.mobile-upload-header{align-items:center;border-bottom:1px solid #e2e8f099;display:flex;justify-content:space-between;padding:20px 24px 16px}.mobile-upload-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:18px;font-weight:600;margin:0}.mobile-upload-options{display:flex;flex-direction:column;gap:12px;padding:16px 24px 24px}.mobile-upload-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #e2e8f099;border-radius:16px;cursor:pointer;display:flex;font-family:inherit;gap:16px;min-height:72px;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.mobile-upload-option:active,.mobile-upload-option:hover{background:#6366f11a;border-color:#6366f14d;box-shadow:0 8px 24px #6366f126;transform:translateY(-2px) scale(1.02)}.option-icon{flex-shrink:0;font-size:28px;text-align:center;width:40px}.option-text{color:#1e293b;font-size:16px;font-weight:600;line-height:1.2;margin:0}.option-desc{color:#64748b;display:block;font-size:13px;line-height:1.3;margin:2px 0 0}@media (max-width:768px){.mobile-upload-option{min-height:80px;padding:20px}.option-icon{font-size:32px;width:44px}.option-text{font-size:17px}.option-desc{font-size:14px}}@media (max-width:400px){.pro-lightbox-content{border-radius:6px;margin:1.5vh auto;max-height:97vh;max-width:98vw;min-width:280px}.pro-lightbox-body{gap:8px;padding:40px 8px 12px}.pro-lightbox-image{border-radius:4px;max-height:65vh;max-width:94vw;min-height:40vh;min-width:88vw}.pro-lightbox-video{border-radius:4px;max-height:68vh;max-width:96vw;min-height:42vh;min-width:90vw}.pro-lightbox-close{background:#000000d9;border-radius:50%;color:#fff;font-size:16px;height:40px;right:6px;top:4px;width:40px}.pro-lightbox-nav{background:#000000bf;border-radius:50%;font-size:18px;height:48px;width:48px}.pro-lightbox-nav.pro-lightbox-prev{left:4px}.pro-lightbox-nav.pro-lightbox-next{right:4px}.pro-lightbox-header{font-size:13px;min-height:45px;padding:6px 12px}}.message-error-indicator,.message-loading-indicator,.no-messages-indicator{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;padding:40px 20px;text-align:center}.message-loading-indicator .loading-spinner{animation:spin 1s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:32px;width:32px}.message-error-indicator{color:#ef4444e6}.retry-button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.retry-button:hover{background:#5855eb}.no-messages-indicator{color:#fff9}.no-messages-indicator p{font-size:14px;margin:8px 0 0;opacity:.8}.dark-mode .message-error-indicator,.dark-mode .message-loading-indicator,.dark-mode .no-messages-indicator{color:#fffc}.dark-mode .message-error-indicator{color:#f87171e6}.dark-mode .no-messages-indicator{color:#ffffffb3}@media (max-width:480px){*{box-sizing:border-box!important}.pro-layout,.pro-main,body,html{max-width:100%!important;overflow-x:hidden!important}.pro-main{display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;position:relative!important;width:100%!important}.pro-message-list{-webkit-overflow-scrolling:touch!important;flex:1 1!important;height:0!important;max-height:none!important;overflow-y:auto!important;padding:12px 12px 20px!important}.pro-message-container,.pro-message-list{position:relative!important;z-index:auto!important}.pro-chat-input-container,.pro-chat-input-container.enhanced{bottom:auto!important;box-sizing:border-box!important;flex:0 0 auto!important;flex:none!important;height:auto!important;left:auto!important;margin:0!important;max-width:100%!important;overflow:visible!important;padding:12px 8px max(16px,calc(env(safe-area-inset-bottom, 0px) + 12px))!important;pointer-events:auto!important;position:relative!important;right:auto!important;width:100%!important;z-index:1000!important}.input-wrapper,.input-wrapper.enhanced{box-sizing:border-box!important;gap:6px!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.input-actions.left{max-width:120px!important;overflow-x:auto!important;scrollbar-width:none!important}.message-input,.message-input.enhanced{flex:1 1!important;margin:0!important;max-width:none!important;min-width:0!important;width:auto!important}}.mobile-global-voice-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mobile-global-voice-modal{animation:modal-slide-up .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:90vw;overflow:hidden;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.mobile-modal-header h3{font-size:18px;font-weight:600;margin:0}.mobile-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.mobile-modal-close:hover{background:#ffffff4d}.mobile-modal-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:0}.mobile-global-voice-modal .global-users{background:#0000;border-radius:0;box-shadow:none;margin:0}.mobile-global-voice-modal .global-users-header{display:none}.mobile-global-voice-modal .global-users-content{padding:20px}.mobile-global-voice-modal .global-users.expanded .global-users-content{display:block}.input-btn.global-voice-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.input-btn.global-voice-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b4f9a);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}[data-theme=dark] .mobile-global-voice-modal{background:#1f2937;color:#fff}[data-theme=dark] .mobile-modal-header{border-bottom-color:#374151}@media (max-width:480px){.mobile-global-voice-modal-overlay{padding:10px}.mobile-global-voice-modal{max-height:85vh;max-width:95vw}.mobile-modal-header{padding:12px 16px}.mobile-modal-header h3{font-size:16px}.mobile-modal-content{max-height:calc(85vh - 60px)}}.call-options-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafced);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 10px 30px #00000026,0 4px 12px #0000001a;max-width:400px;padding:0;width:90%}.call-options-content{display:flex;flex-direction:column;gap:16px;padding:20px}.call-option-btn{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:2px solid #e2e8f099;border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:80px;padding:16px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.call-option-btn:hover{background:linear-gradient(135deg,#007bff0d,#007bff05);border-color:#007bff;box-shadow:0 8px 25px #007bff26,0 4px 12px #0000001a;transform:translateY(-2px)}.call-option-icon{align-items:center;display:flex;font-size:32px;justify-content:center;min-width:40px}.call-option-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.call-option-info p{color:#64748b;font-size:14px;line-height:1.4;margin:0}.international-option:hover{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b981}.app-call-option:hover{background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-color:#8b5cf6}.unified-call-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:4px;justify-content:center;padding:10px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.unified-call-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}body.dark-theme .call-options-modal{background:linear-gradient(135deg,#1e293bf2,#0f172aed);border-color:#4b556399}body.dark-theme .call-option-btn{background:linear-gradient(135deg,#1e293be6,#0f172acc);border-color:#4b556399;color:#f1f5f9}body.dark-theme .call-option-info h4{color:#f1f5f9}body.dark-theme .call-option-info p{color:#94a3b8}@media screen and (max-width:430px) and (min-height:900px){.enhanced-chat-header{background:linear-gradient(135deg,#fffffffa,#f8fafcf5);height:auto;min-height:calc(env(safe-area-inset-top, 0px) + 44px);padding:calc(env(safe-area-inset-top, 0px) + 4px) 20px 4px}.mobile-menu-btn{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;z-index:10001!important}.enhanced-header-content{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.header-left{align-items:center;display:flex;gap:16px}.header-avatar{border:2px solid #007bff;border:2px solid var(--pro-accent);border-radius:50%;height:45px;width:45px}.header-info h3{color:#000;color:var(--pro-text);font-size:1.1rem;font-weight:600;margin:0}.header-info p{color:var(--text-muted);font-size:.85rem;margin:2px 0 0}.header-actions{align-items:center;display:flex;gap:12px}.header-action-btn{align-items:center;background:#007bff1a;background:rgba(var(--pro-accent-rgb),.1);border:none;border-radius:22px;color:#007bff;color:var(--pro-accent);cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.header-action-btn:active{background:#007bff;background:var(--pro-accent);color:#fff;transform:scale(.95)}.pro-message-list{-webkit-overflow-scrolling:touch;box-sizing:border-box;gap:16px;overflow-y:auto;padding:20px 24px;padding-bottom:16px!important}.pro-message-container{margin:8px 0;max-width:85%}.pro-message-wrapper{word-wrap:break-word;border-radius:18px;box-shadow:0 2px 8px #00000014;font-size:1rem;line-height:1.5;padding:14px 18px}.pro-message-container.me .pro-message-wrapper{background:linear-gradient(135deg,#007bff,#007bffe6);background:linear-gradient(135deg,var(--pro-accent) 0,rgba(var(--pro-accent-rgb),.9) 100%);border-bottom-right-radius:6px;color:#fff}.pro-message-container.other .pro-message-wrapper{background:#f8f9fa;background:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-bottom-left-radius:6px;color:#000;color:var(--pro-text)}.input-actions-row{-webkit-overflow-scrolling:touch!important;align-items:center!important;border-bottom:1px solid #e2e8f04d!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:4px!important;overflow-x:auto!important;padding:6px 0!important;scrollbar-width:none!important;width:100%!important}.input-actions-row::-webkit-scrollbar{display:none!important}.input-btn{border-radius:10px!important;flex-shrink:0!important;font-size:18px!important;height:40px!important;margin:0!important;min-height:40px!important;min-width:40px!important;padding:0!important;width:40px!important}.pro-chat-input-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--pro-bg);border-top:1px solid #e0e0e0;border-top:1px solid var(--pro-border);bottom:auto!important;box-sizing:border-box!important;left:auto!important;max-width:100%!important;min-height:auto!important;padding:14px 24px max(14px,calc(env(safe-area-inset-bottom, 0px) + 4px))!important;position:relative!important;right:auto!important;width:100%!important;z-index:1000!important}.pro-input-wrapper{align-items:flex-end;background:#f8f9fa;background:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);border-radius:25px;display:flex;gap:12px;padding:8px 16px;transition:all .2s ease}.pro-input-wrapper:focus-within{border-color:#007bff;border-color:var(--pro-accent);box-shadow:0 0 0 3px #007bff1a;box-shadow:0 0 0 3px rgba(var(--pro-accent-rgb),.1)}.pro-message-input{background:#0000;border:none;color:#000;color:var(--pro-text);flex:1 1;font-size:16px;line-height:1.4;max-height:120px;min-height:24px;outline:none;padding:12px 0;resize:none}.pro-message-input::placeholder{color:var(--text-muted);font-weight:400}.pro-input-actions{align-items:center;display:flex;gap:8px}.pro-action-btn{align-items:center;background:#007bff;background:var(--pro-accent);border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;height:44px;justify-content:center;transition:all .2s ease;width:44px}.pro-action-btn:active{background:#007bffcc;background:rgba(var(--pro-accent-rgb),.8);transform:scale(.95)}.pro-action-btn.secondary{background:#f8f9fa;background:var(--pro-surface);border:1px solid #e0e0e0;border:1px solid var(--pro-border);color:#007bff;color:var(--pro-accent)}.pro-action-btn.secondary:active{background:#007bff1a;background:rgba(var(--pro-accent-rgb),.1)}.call-options-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf5);border-radius:20px;box-shadow:0 20px 40px #00000026;margin:20px;max-width:380px;padding:24px;width:calc(100vw - 40px)}.call-option-btn{border-radius:16px;margin-bottom:12px;min-height:80px;padding:18px 20px}.call-option-icon{font-size:32px;min-width:40px}.call-option-info h4{font-size:1.1rem;font-weight:600}.call-option-info p{font-size:.9rem;line-height:1.4}.status-updates-bar{gap:20px;padding:16px 24px}.status-circle{height:90px;width:70px}.status-sender{border-width:3px;height:56px;width:56px}.status-label{font-size:.8rem;font-weight:500;max-width:70px}.pro-message-list::-webkit-scrollbar{width:5px}.pro-message-list::-webkit-scrollbar-track{background:#0000}.pro-message-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.pro-message-container{animation:proMessageSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes proMessageSlideIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.touchable-element{-webkit-tap-highlight-color:rgba(0,123,255,.2);-webkit-tap-highlight-color:rgba(var(--pro-accent-rgb),.2)}.call-options-modal,.pro-action-btn,.pro-message-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}}@media screen and (max-height:430px) and (min-width:900px) and (orientation:landscape){.enhanced-chat-header{height:60px;padding:0 20px}.header-avatar{height:36px;width:36px}.header-info h3{font-size:1rem}.header-info p{font-size:.8rem}.header-action-btn,.pro-action-btn{font-size:1rem;height:38px;width:38px}.pro-message-list{flex:1 1 auto!important;height:auto!important;padding:16px 20px}.pro-chat-input-container{min-height:80px;padding:16px 20px max(20px,calc(env(safe-area-inset-bottom, 0px) + 16px))}.pro-message-wrapper{font-size:.95rem;padding:10px 14px}.call-options-modal{max-width:320px;padding:20px}.call-option-btn{min-height:65px;padding:14px 16px}}@media screen and (max-width:393px) and (min-height:850px){.message-input-container,.pro-chat-input-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--pro-bg,#fffffff2);border-top:1px solid #e0e0e0;border-top:1px solid var(--pro-border,#0000001a);bottom:auto!important;box-sizing:border-box!important;left:auto!important;max-width:100%!important;min-height:auto!important;padding:14px 20px max(14px,env(safe-area-inset-bottom))!important;position:relative!important;right:auto!important;width:100%!important;z-index:1000!important}.messages-container,.pro-message-list{-webkit-overflow-scrolling:touch;box-sizing:border-box;overflow-y:auto;padding:18px 20px;padding-bottom:16px!important}.input-wrapper,.input-wrapper.enhanced{align-items:flex-end;display:flex;gap:10px;max-width:100%;width:100%}.message-input,.pro-input{border-radius:20px;font-size:16px;line-height:1.4;max-height:100px;padding:12px 16px}.pro-send-button,.send-btn{border-radius:21px;flex-shrink:0;height:42px;width:42px}.enhanced-chat-header{height:auto;min-height:calc(env(safe-area-inset-top, 0px) + 44px);padding:calc(env(safe-area-inset-top, 0px) + 4px) 20px 4px}}@media screen and (max-width:430px) and (min-height:800px) and (-webkit-min-device-pixel-ratio:3){.message-input-container,.pro-chat-input-container{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-top:1px solid #0000001a!important;bottom:auto!important;box-sizing:border-box!important;left:auto!important;max-width:100%!important;padding:12px 16px max(12px,env(safe-area-inset-bottom,0px))!important;position:relative!important;right:auto!important;width:100%!important;z-index:2!important}.messages-container,.pro-message-list{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;padding-bottom:16px!important}@supports not (padding:max(0px,env(safe-area-inset-bottom))){.message-input-container,.pro-chat-input-container{padding-bottom:34px!important}}}@media screen and (max-width:768px){.modal-overlay{align-items:center!important;display:flex!important;justify-content:center!important;position:fixed!important;z-index:10100!important}.call-options-modal{margin:20px;max-width:95vw;position:relative;z-index:10101!important}.call-option-btn{min-height:70px;padding:14px 16px}.call-option-icon{font-size:28px;min-width:36px}.call-option-info h4{font-size:15px}.call-option-info p{font-size:13px}}@media screen and (max-width:480px){.modal-overlay{z-index:10100!important}.call-options-modal{margin:16px;max-width:90vw;padding:0}.call-options-content{gap:12px;padding:16px}.call-option-btn{gap:12px;min-height:65px;padding:12px 14px}.call-option-icon{font-size:24px;min-width:32px}.call-option-info h4{font-size:14px}.call-option-info p{font-size:12px}}.more-options-dropdown{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:1px solid #00000014!important;border-radius:12px!important;bottom:auto!important;box-shadow:0 8px 32px #00000029!important;display:flex!important;flex-direction:column!important;left:auto!important;margin:0!important;max-height:calc(100vh - 80px)!important;max-width:calc(100vw - 32px)!important;opacity:1!important;overflow:hidden!important;overflow-y:auto!important;pointer-events:auto!important;position:fixed!important;right:16px!important;top:64px!important;transform:none!important;-webkit-transform:none!important;visibility:visible!important;width:280px!important;z-index:2147483647!important}@media (max-width:768px){.more-options-dropdown{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:none!important;border-radius:20px 20px 0 0!important;bottom:0!important;box-shadow:0 -4px 32px #0000002e!important;display:flex!important;flex-direction:column!important;left:0!important;max-height:80vh!important;max-width:100%!important;opacity:1!important;overflow:hidden!important;overflow-y:auto!important;padding-bottom:env(safe-area-inset-bottom,0)!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:auto!important;transform:none!important;-webkit-transform:none!important;visibility:visible!important;width:100%!important;z-index:2147483647!important}.more-options-dropdown .dropdown-item{align-items:center!important;display:flex!important;font-size:15px!important;gap:14px!important;min-height:52px!important;padding:14px 20px!important}.more-options-dropdown .dropdown-item:active{background:#3b82f61a!important}}@supports (-webkit-touch-callout:none){@media (max-width:768px){.more-options-dropdown{padding-bottom:max(env(safe-area-inset-bottom,0px),16px)!important}}}@media (min-width:769px) and (max-width:1439px){.pro-main{display:flex;flex-direction:column;grid-column:2!important;max-width:100%;min-height:100vh}.messages-container{flex:1 1 auto;overflow-y:auto;padding:20px 24px;width:100%}.pro-message-list{flex:1 1 auto;max-height:100%;padding:16px 20px}.message-input-container,.pro-chat-input-container{bottom:auto!important;box-sizing:border-box;display:flex!important;flex:0 0 auto;left:auto!important;margin:0!important;max-width:100%!important;opacity:1!important;padding:18px 24px!important;pointer-events:auto!important;position:relative!important;right:auto!important;visibility:visible!important;width:100%!important;z-index:99999!important}.input-wrapper,.input-wrapper.enhanced{display:flex;gap:12px;margin:0;max-width:100%;width:100%}.message-input,.pro-input{flex:1 1;font-size:15px;min-height:48px;padding:12px 18px}.pro-send-button{flex-shrink:0;height:48px;width:48px}.action-btn{font-size:14px;height:36px;width:36px}}@media (min-width:1440px){.pro-main{grid-column:2!important;max-width:100%}.messages-container{width:100%}.messages-container,.messages-list{margin:0 auto;max-width:1300px;padding:24px 32px}.message-group{margin-bottom:24px}.message-bubble{border-radius:14px;font-size:15.5px;max-width:65%;padding:14px 18px}.message-bubble img,.message-bubble video{border-radius:12px;max-width:600px}.action-btn{font-size:15px;height:38px;width:38px}.dropdown-menu{border-radius:14px;min-width:260px;padding:8px}.dropdown-item{border-radius:10px;font-size:14.5px;padding:12px 16px}.pro-chat-input-container{max-width:100%;padding:16px 20px max(20px,calc(env(safe-area-inset-bottom, 0px) + 16px))!important}.enhanced-chat-header{box-sizing:border-box;padding:0 max(32px,calc(50% - 650px));width:100%}.input-wrapper,.input-wrapper.enhanced{margin:0 auto;max-width:1300px}}@media (min-width:1920px){.pro-main{grid-column:2!important;max-width:100%}.messages-container{width:100%}.messages-container,.messages-list{margin:0 auto;max-width:1600px;padding:28px 40px}.message-group{margin-bottom:28px}.message-bubble{border-radius:16px;font-size:16px;line-height:1.65;max-width:60%;padding:16px 20px}.message-bubble img,.message-bubble video{border-radius:14px;max-width:800px}.message-time{font-size:12px}.enhanced-chat-header{box-sizing:border-box;padding:0 max(40px,calc(50% - 800px));width:100%}.header-actions,.header-center,.header-left{max-width:1600px}.action-btn{border-radius:12px;font-size:16px;height:40px;width:40px}.pro-chat-input-container{max-width:100%;padding:20px max(40px,calc(50% - 800px)) max(24px,calc(env(safe-area-inset-bottom, 0px) + 20px))}.input-wrapper,.input-wrapper.enhanced{margin:0 auto;max-width:1600px;width:100%}.dropdown-menu{border-radius:16px;box-shadow:0 16px 48px #0000001f;min-width:280px;padding:10px}.dropdown-item{border-radius:12px;font-size:15px;padding:14px 18px}.emoji-picker{height:480px;width:420px}.file-preview{max-width:1000px}}@media (min-width:2560px){.pro-main{grid-column:2!important;max-width:100%}.messages-container{width:100%}.messages-container,.messages-list{margin:0 auto;max-width:2000px;padding:32px 60px}.message-group{margin-bottom:32px}.message-bubble{border-radius:18px;font-size:17px;line-height:1.7;max-width:55%;padding:18px 24px}.message-bubble img,.message-bubble video{border-radius:16px;max-width:1000px}.message-time{font-size:13px}.message-avatar{height:48px;width:48px}.enhanced-chat-header{box-sizing:border-box;height:80px;padding:0 max(60px,calc(50% - 1000px));width:100%}.action-btn{border-radius:14px;font-size:18px;height:44px;width:44px}.pro-chat-input-container{max-width:100%;padding:24px max(60px,calc(50% - 1000px))}.input-wrapper,.input-wrapper.enhanced{margin:0 auto;max-width:2000px;width:100%}.dropdown-menu{border-radius:18px;box-shadow:0 20px 60px #00000026;min-width:320px;padding:12px}.dropdown-item{border-radius:14px;font-size:16px;padding:16px 20px}.emoji-picker{height:560px;width:500px}.modal-content,.profile-modal-content{border-radius:20px;max-width:1200px}.file-preview{max-width:1400px}.message-input,.pro-input{border-radius:16px;font-size:17px;min-height:60px;padding:18px 24px}.typing-indicator{font-size:14px}.typing-indicator .dot{height:10px;width:10px}}@media (min-width:3840px){.pro-main{grid-column:2!important;max-width:100%}.messages-container{width:100%}.messages-container,.messages-list{margin:0 auto;max-width:3000px;padding:40px 80px}.message-group{margin-bottom:40px}.message-bubble{border-radius:20px;font-size:18px;line-height:1.75;max-width:50%;padding:20px 28px}.message-bubble img,.message-bubble video{border-radius:18px;max-width:1400px}.message-time{font-size:14px}.message-avatar{height:56px;width:56px}.enhanced-chat-header{box-sizing:border-box;height:96px;padding:0 max(80px,calc(50% - 1500px));width:100%}.action-btn{border-radius:16px;font-size:20px;height:52px;width:52px}.pro-chat-input-container{max-width:100%;padding:32px max(80px,calc(50% - 1500px))}.input-wrapper,.input-wrapper.enhanced{margin:0 auto;max-width:3000px;width:100%}.dropdown-menu{border-radius:20px;box-shadow:0 24px 72px #0000002e;min-width:360px;padding:14px}.dropdown-item{border-radius:16px;font-size:17px;padding:18px 24px}.emoji-picker{height:680px;width:600px}.modal-content,.profile-modal-content{border-radius:24px;max-width:1600px}.file-preview{max-width:1800px}.message-input,.pro-input{border-radius:18px;font-size:18px;min-height:68px;padding:20px 28px}html body .pro-message-area,html body .pro-message-list{align-items:stretch!important;gap:2px!important}html body .pro-message-blurb{grid-column-gap:12px!important;grid-row-gap:0!important;align-items:start!important;align-self:auto!important;box-sizing:border-box!important;column-gap:12px!important;display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto!important;margin:1px 0!important;max-width:85%!important;min-width:0!important;padding:6px 16px!important;row-gap:0!important;width:100%!important}html body .pro-message-blurb .message-avatar{align-self:start!important;border-radius:50%!important;flex-shrink:1!important;grid-column:1!important;grid-row:1!important;height:36px!important;margin-top:2px!important;overflow:hidden!important;width:36px!important}html body .pro-message-blurb .message-avatar img{border-radius:50%!important;display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}html body .pro-message-blurb .message-content{display:flex!important;flex-direction:column!important;gap:3px!important;grid-column:2!important;grid-row:1!important;min-width:0!important;overflow:visible!important;width:100%!important}html body .pro-message-blurb .message-header{align-items:baseline!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:1px!important}html body .pro-message-blurb .user-name{font-size:14px!important;font-weight:600!important;max-width:200px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}html body .pro-message-blurb .timestamp{flex-shrink:0!important;font-size:11px!important;opacity:.6!important;white-space:nowrap!important}html body .pro-message-blurb .message-text{box-sizing:border-box!important;font-size:15px!important;line-height:1.5!important;margin:0!important;max-width:none!important;min-width:0!important;overflow:visible!important;overflow-wrap:break-word!important;padding:0!important}html body .pro-message-blurb .message-smart-text,html body .pro-message-blurb .message-text{display:block!important;white-space:pre-wrap!important;width:100%!important;word-break:break-word!important}html body .pro-message-blurb .message-smart-text{overflow-wrap:break-word!important}html body .pro-message-blurb:hover{background:#00000008!important}@media (max-width:768px){html body .pro-message-blurb{column-gap:8px!important;grid-template-columns:32px 1fr!important;max-width:100%!important;padding:4px 12px!important}html body .pro-message-blurb .message-avatar{height:28px!important;width:28px!important}html body .pro-message-blurb .message-text{font-size:14px!important}}@media (max-width:480px){html body .pro-message-blurb{column-gap:6px!important;grid-template-columns:28px 1fr!important;padding:3px 8px!important}html body .pro-message-blurb .message-avatar{height:24px!important;width:24px!important}}html body .pro-message-blurb:has(.message-text[data-length=short]){max-width:85%!important;width:100%!important}html body .pro-message-blurb:has(.message-text[data-length=medium]){max-width:88%!important;width:100%!important}html body .pro-message-blurb:has(.message-text[data-length=long]){max-width:90%!important;width:100%!important}html body .pro-message-blurb:has(.message-text[data-length=very-long]){max-width:92%!important;width:100%!important}@media (max-width:768px){html body .pro-message-blurb:has(.message-text[data-length=long]),html body .pro-message-blurb:has(.message-text[data-length=medium]),html body .pro-message-blurb:has(.message-text[data-length=short]),html body .pro-message-blurb:has(.message-text[data-length=very-long]){max-width:100%!important;width:100%!important}}@media (max-width:480px){html body .pro-message-blurb:has(.message-text[data-length=long]),html body .pro-message-blurb:has(.message-text[data-length=medium]),html body .pro-message-blurb:has(.message-text[data-length=short]),html body .pro-message-blurb:has(.message-text[data-length=very-long]){max-width:100%!important;width:100%!important}}html body .pro-message-blurb{position:relative!important}.msg-select-bar{align-items:center;background:#0000;color:#fff;display:flex;font-size:14px;gap:0;padding:6px 14px;position:-webkit-sticky;position:sticky;top:0;transition:background .18s,border-color .18s;z-index:200}.msg-select-bar:has(.msg-select-cancel){animation:sel-bar-in .18s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#4f46e5f7;border-bottom:1px solid #ffffff1f}@keyframes sel-bar-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.msg-select-enter{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border:1px solid #6366f14d;border-radius:20px;box-shadow:0 1px 4px #6366f11f,inset 0 1px 0 #fff9;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.01em;padding:6px 10px;transition:background .18s,box-shadow .18s,transform .12s,border-color .18s;-webkit-user-select:none;user-select:none;white-space:nowrap}.msg-select-enter:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f180;box-shadow:0 2px 8px #6366f138,inset 0 1px 0 #fff9}.msg-select-enter:active{box-shadow:0 1px 3px #6366f12e;transform:scale(.95)}.msg-select-cancel{background:#ffffff26;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:background .15s}.msg-select-cancel:hover{background:#ffffff40}.msg-select-count{flex:1 1;font-size:14px;font-weight:600;opacity:.95;text-align:center}.msg-select-delete{background:#ef4444d9;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:6px 14px;transition:background .15s,opacity .15s;white-space:nowrap}.msg-select-delete:hover:not(:disabled){background:#dc2626f2}.msg-select-delete:disabled{cursor:default;opacity:.38}.msg-swipe-row.select-mode{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;overflow:visible;padding:0 12px;transition:background .12s}.msg-swipe-row.select-mode:hover{background:#6366f10f}.msg-swipe-row.msg-selected{background:#6366f11f!important}.msg-checkbox{flex-shrink:0}.msg-checkbox-circle{align-items:center;background:#0000;border:2px solid #c7d2fe;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:22px;justify-content:center;transition:background .15s,border-color .15s,transform .15s;width:22px}.msg-checkbox-circle.checked{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;transform:scale(1.1)}.select-mode-btn{font-size:16px}.msg-swipe-row{overflow:hidden;position:relative}.msg-swipe-row .pro-message-blurb{position:relative;z-index:1}.swipe-undo-toast{align-items:center;animation:toastSlideUp .22s ease-out;background:#1f2937;border-radius:24px;bottom:88px;box-shadow:0 4px 16px #00000052;color:#f9fafb;display:flex;font-size:14px;gap:14px;left:50%;padding:10px 18px;pointer-events:auto;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.swipe-undo-toast button{background:none;border:none;color:#818cf8;cursor:pointer;font-size:14px;font-weight:700;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.attach-btn,.send-btn{border-radius:18px;font-size:22px;height:60px;width:60px}.typing-indicator{font-size:15px}.typing-indicator .dot{height:12px;width:12px}.message-reactions{gap:10px}.reaction-btn{border-radius:18px;font-size:16px;height:32px;min-width:48px}}@media (min-aspect-ratio:7/3) and (min-width:2560px){.messages-container,.messages-list{max-width:2200px}.message-bubble{max-width:60%}.file-attachments-grid{gap:20px;grid-template-columns:repeat(4,1fr)}}@media (min-aspect-ratio:32/9) and (min-width:3440px){.messages-container,.messages-list{max-width:2600px}.file-attachments-grid{gap:24px;grid-template-columns:repeat(5,1fr)}}html body .pro-main>.enhanced-chat-header,html body .pro-main>.pro-header{flex-shrink:0!important;isolation:isolate!important;position:relative!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;z-index:1000!important}html body .pro-main .pro-content{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}@media (min-width:1920px){.action-btn,.dropdown-item,.message-bubble{transition:all .15s cubic-bezier(.4,0,.2,1)}.messages-container{scroll-behavior:smooth}.message,.modal,.notification{transform:translateZ(0);will-change:transform}}.message-input-container,.pro-chat-input-container,.pro-chat-input-container.enhanced,.pro-chat-input-container.enhanced.mobile-input-bar,.pro-chat-input-container.keyboard-avoiding{flex-shrink:0!important;margin:0!important;padding-bottom:max(6px,calc(env(safe-area-inset-bottom, 0px) + 2px))!important;position:relative!important;width:100%!important}@media only screen and (min-width:769px){.mobile-menu-btn,button.mobile-menu-btn{display:none!important}.enhanced-sidebar,.pro-sidebar{position:relative!important;transform:none!important}}@media only screen and (max-width:768px){.mobile-menu-btn,button.mobile-menu-btn,html body .enhanced-chat-header .mobile-menu-btn,html body .pro-header .mobile-menu-btn,html body .pro-layout .pro-main .enhanced-chat-header .header-left .mobile-menu-btn,html body .pro-layout .pro-main .pro-header .header-left .mobile-menu-btn,html body button.mobile-menu-btn{-webkit-tap-highlight-color:rgba(102,126,234,.3)!important;align-items:center!important;-webkit-appearance:none!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:3px solid #ffffffe6!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea80,0 0 0 4px #667eea1a!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:28px!important;font-weight:700!important;height:48px!important;justify-content:center!important;line-height:1!important;margin:0 8px 0 0!important;min-height:48px!important;min-width:48px!important;opacity:1!important;order:-999!important;padding:0!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:48px!important;z-index:999999!important}.mobile-menu-btn:active,button.mobile-menu-btn:active{box-shadow:inset 0 2px 8px #667eea99!important;transform:scale(.9)!important}.enhanced-chat-header,.pro-header{background:#fff!important;display:flex!important;min-height:56px!important;visibility:visible!important;z-index:9999!important}.header-left{align-items:center!important;display:flex!important;gap:8px!important;overflow:visible!important}.enhanced-sidebar,.pro-sidebar,html body .pro-layout .enhanced-sidebar,html body .pro-layout .pro-sidebar{-webkit-overflow-scrolling:touch!important;background:#fff!important;bottom:0!important;box-shadow:4px 0 24px #0000004d!important;height:100vh!important;height:100dvh!important;left:0!important;max-width:85vw!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:320px!important;z-index:99999!important}.enhanced-sidebar:not(.collapsed),.pro-sidebar:not(.collapsed),html body .pro-layout .enhanced-sidebar:not(.collapsed),html body .pro-layout .pro-sidebar:not(.collapsed){transform:translateX(0)!important}.pro-main,html body .pro-layout .pro-main{margin-left:0!important;padding-left:0!important;width:100%!important}.pro-sidebar-overlay{background:#000000b3!important;bottom:0!important;display:block!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:99998!important}}@media only screen and (max-width:430px){.mobile-menu-btn{display:flex!important;font-size:26px!important;height:46px!important;opacity:1!important;visibility:visible!important;width:46px!important}}@media screen and (max-width:768px){.enhanced-chat-header .mobile-menu-btn,.header-left .mobile-menu-btn,.mobile-menu-btn,.pro-header .mobile-menu-btn,body .mobile-menu-btn,button.mobile-menu-btn,html body .enhanced-chat-header .mobile-menu-btn,html body .header-left .mobile-menu-btn,html body .mobile-menu-btn,html body .pro-header .mobile-menu-btn,html body button.mobile-menu-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:3px solid #fff!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea80!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:28px!important;font-weight:700!important;height:48px!important;margin-right:8px!important;min-height:48px!important;min-width:48px!important;opacity:1!important;order:-1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:48px!important;z-index:10001!important}}.pro-message-blurb{align-items:flex-start!important;background:#fffffff2!important;border:1px solid #0000001a!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;gap:12px!important;margin-bottom:12px!important;max-width:85%!important;opacity:1!important;padding:12px 16px!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:1!important}@media (max-width:768px){.pro-message-blurb{gap:8px!important;margin-bottom:8px!important;max-width:88%!important;padding:8px 12px!important}}.pro-message-blurb:has(.gif-attachment){max-width:min(480px,88%)!important;width:min(480px,88%)!important}@media (max-width:768px){.pro-message-blurb:has(.gif-attachment){max-width:min(88vw,480px)!important;width:min(88vw,480px)!important}}@media (max-width:480px){.pro-message-blurb:has(.gif-attachment){max-width:min(92vw,480px)!important;width:min(92vw,480px)!important}}.pro-message-blurb .message-content{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.pro-message-blurb .message-content,.pro-message-blurb .message-text{opacity:1!important;visibility:visible!important;width:100%!important}.pro-message-blurb .message-text{word-wrap:break-word!important;color:#000!important;display:block!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:break-word!important;white-space:pre-wrap!important}.pro-message-blurb .message-avatar{border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:32px!important;opacity:1!important;overflow:hidden!important;visibility:visible!important;width:32px!important}.pro-message-blurb .message-avatar img{height:100%!important;object-fit:cover!important;width:100%!important}@media only screen and (max-width:768px){.pro-message-blurb{max-width:85%!important}.message-text{font-size:14px!important}.input-btn{height:36px!important;width:36px!important}.send-button{height:38px!important;width:38px!important}}@media only screen and (max-width:430px) and (min-height:800px){html body .enhanced-chat-header,html body .pro-header{min-height:56px!important;padding-top:8px!important}html body .message-input-container,html body .pro-chat-input-container{padding-bottom:calc(16px + env(safe-area-inset-bottom, 34px))!important}}@media (max-width:768px){.messages-container,.pro-message-area,.pro-message-list,body .pro-message-list,html body .messages-container,html body .pro-message-area,html body .pro-message-list{padding-bottom:20px!important}}#root .pro-message-blurb{grid-column-gap:12px!important;grid-row-gap:0!important;align-items:start!important;box-sizing:border-box!important;column-gap:12px!important;display:grid!important;grid-template-columns:40px 1fr!important;max-width:100%!important;row-gap:0!important;width:100%!important}#root .pro-message-blurb .message-avatar{align-self:start!important;flex-shrink:0!important;grid-column:1!important;grid-row:1!important}#root .pro-message-blurb .message-content{display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important;min-width:0!important;overflow:visible!important;width:100%!important}#root .pro-message-blurb .message-text{box-sizing:border-box!important;min-width:0!important;overflow:visible!important}#root .pro-message-blurb .message-smart-text,#root .pro-message-blurb .message-text{display:block!important;max-width:none!important;overflow-wrap:break-word!important;white-space:pre-wrap!important;width:100%!important;word-break:break-word!important}@media (max-width:768px){#root .pro-message-blurb{column-gap:8px!important;grid-template-columns:32px 1fr!important}}@media (max-width:480px){#root .pro-message-blurb{column-gap:6px!important;grid-template-columns:28px 1fr!important}}.ptr-indicator{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #0000001a;border-radius:20px;box-shadow:0 2px 12px #0000001f;color:#667eea;display:flex;font-size:13px;font-weight:500;gap:8px;left:50%;padding:6px 14px 6px 10px;pointer-events:none;position:absolute;top:0;translate:-50% 0;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:100}.ptr-spinner{display:inline-block;font-size:16px;line-height:1}.ptr-spinning{animation:ptr-spin .7s linear infinite}@keyframes ptr-spin{to{rotate:1turn}}.pro-message-list{position:relative}.pro-message-blurb.search-highlighted{animation:searchPulse 2s ease-in-out;background:linear-gradient(135deg,#ffeb3b4d,#ffc10733);border-left:4px solid #ffc107;box-shadow:0 4px 12px #ffc1074d;position:relative;transform:scale(1.02);transition:all .3s ease}.pro-message-blurb.search-highlighted:before{animation:searchBounce 1s infinite;content:"🔍";font-size:20px;left:-30px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes searchPulse{0%,to{box-shadow:0 4px 12px #ffc1074d}50%{box-shadow:0 8px 24px #ffc10780}}@keyframes searchBounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.message-text mark{background:#fef3c7;border-radius:3px;color:#92400e;font-weight:600;padding:2px 4px}.pro-message-list{scroll-behavior:smooth}@media screen and (max-width:768px){.pro-layout{height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden}.pro-main{display:flex;flex:1 1;flex-direction:column;min-height:0}.pro-header{flex-shrink:0;height:60px;padding:0 12px}.pro-message-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}}@media screen and (max-width:480px){.input-container{background:#fff;border-top:1px solid #e1e5e9;padding:12px}.message-input{font-size:16px;max-height:120px;min-height:40px}.send-button{min-height:44px;min-width:44px}}@media (hover:none) and (pointer:coarse){.action-btn,.header-action,.nav-item{min-height:44px;min-width:44px}}@supports (padding:max(0px)){.pro-layout{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media screen and (max-height:500px) and (orientation:landscape){.pro-sidebar{width:280px}.pro-header{height:50px}.input-container{padding:8px 12px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.message-bubble{border-radius:18px}.conversation-avatar,.user-avatar{border-radius:50%}}.header-search-input:focus,.message-input:focus,.search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){@media screen and (max-width:768px){.pro-layout{background:#1a202c}.input-container{background:#2d3748;border-top-color:#4a5568}}}.encryption-status{align-items:center;border-radius:12px;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.encryption-status.encrypted{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.encryption-status.unencrypted{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.encryption-icon{font-size:12px}.message-bubble.encrypted{border:1px solid #22c55e33;position:relative}.message-bubble.encrypted:before{align-items:center;background:#16a34a;border-radius:50%;box-shadow:0 2px 4px #22c55e4d;color:#fff;content:"🔒";display:flex;font-size:8px;height:16px;justify-content:center;position:absolute;right:-8px;top:-8px;width:16px}.encryption-setup{background:#fff;border:2px solid #22c55e33;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:400px;padding:24px}.encryption-setup-header{margin-bottom:20px;text-align:center}.encryption-setup-icon{color:#16a34a;font-size:48px;margin-bottom:12px}.encryption-setup-title{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:8px}.encryption-setup-subtitle{color:#6b7280;font-size:14px;line-height:1.5}.encryption-key{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-family:Courier New,monospace;font-size:12px;margin:12px 0;padding:12px;word-break:break-all}.encryption-key.secure{background:#22c55e0d;border-color:#22c55e33;color:#166534}.encryption-toggle{align-items:center;background:#22c55e0d;border:1px solid #22c55e33;border-radius:12px;display:flex;justify-content:space-between;margin:12px 0;padding:12px 16px}.encryption-toggle-label{align-items:center;color:#166534;display:flex;font-size:14px;font-weight:500;gap:8px}.encryption-switch{background:#d1d5db;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background .3s ease;width:44px}.encryption-switch.active{background:#16a34a}.encryption-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.encryption-switch.active:before{transform:translateX(20px)}.encryption-warning{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;display:flex;gap:12px;margin:12px 0;padding:12px}.encryption-warning-icon{color:#d97706;flex-shrink:0;font-size:16px;margin-top:2px}.encryption-warning-text{color:#92400e;font-size:13px;line-height:1.4}.encryption-progress{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;display:flex;gap:12px;margin:12px 0;padding:12px 16px}.encryption-spinner{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.encryption-progress-text{color:#1d4ed8;font-size:13px;font-weight:500}.conversation-encryption-badge{align-items:center;background:#16a34a;border:2px solid #fff;border-radius:50%;display:flex;height:12px;justify-content:center;position:absolute;right:4px;top:4px;width:12px}.conversation-encryption-badge:before{color:#fff;content:"🔒";font-size:6px}@media (prefers-color-scheme:dark){.encryption-setup{background:#1f2937;border-color:#22c55e4d}.encryption-setup-title{color:#f9fafb}.encryption-setup-subtitle{color:#d1d5db}.encryption-key{background:#374151;border-color:#4b5563;color:#e5e7eb}.encryption-key.secure{color:#86efac}.encryption-key.secure,.encryption-toggle{background:#22c55e1a;border-color:#22c55e4d}.encryption-toggle-label{color:#86efac}.encryption-warning{background:#fbbf241a;border-color:#fbbf244d}.encryption-warning-text{color:#fbbf24}.encryption-progress{background:#3b82f61a;border-color:#3b82f64d}.encryption-progress-text{color:#93c5fd}}.message-threading-actions{align-items:center;border-top:1px solid #e2e8f080;display:flex;gap:8px;margin-top:8px;padding-top:8px}.reply-in-thread-btn{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:16px;color:#495057;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.reply-in-thread-btn.icon-only{font-size:16px;gap:0;min-width:32px;padding:6px 8px}.reply-in-thread-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff;transform:translateY(-1px)}.reply-in-thread-btn:active{transform:translateY(0)}.thread-view-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.thread-view-panel{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@media (prefers-color-scheme:dark){.message-threading-actions{border-top-color:#33333380}.reply-in-thread-btn{background:linear-gradient(135deg,#2d2d2d,#1e1e1e);border-color:#333;color:#e1e4e8}.reply-in-thread-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.thread-view-panel{background:#1e1e1e}}@media (max-width:768px){.thread-view-overlay{align-items:flex-end;padding:0}.thread-view-panel{animation:slideUpMobile .3s ease;border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.message-threading-actions{flex-wrap:wrap}.reply-in-thread-btn{font-size:12px;padding:5px 10px}}.thread-indicator.entering{animation:bounceIn .5s ease}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-threading-actions>*{transition:all .3s ease}.reply-in-thread-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.message-threading-actions{break-inside:avoid;page-break-inside:avoid}.thread-view-overlay{display:none}}@media (prefers-contrast:high){.reply-in-thread-btn{border-width:2px}.message-threading-actions{border-top-width:2px}}@media (prefers-reduced-motion:reduce){.reply-in-thread-btn,.thread-indicator,.thread-view-overlay,.thread-view-panel{animation:none;transition:none}}.pro-sidebar-header.simplified{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);padding:15px}.pro-sidebar-header.simplified .logo-text{font-size:20px;font-weight:700;margin-left:12px}.sidebar-user-profile.simplified{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;gap:12px;padding:15px}.sidebar-user-profile.simplified .user-info{flex:1 1}.sidebar-actions{display:flex;gap:8px;padding:10px 15px}.sidebar-actions .action-btn{align-items:center;background:#fff!important;border:1px solid #e0e0e0!important;border:1px solid var(--border-color,#e0e0e0)!important;border-radius:8px!important;cursor:pointer;display:flex!important;flex:1 1;font-size:14px;gap:6px;height:auto!important;justify-content:center;min-height:40px!important;overflow:visible!important;padding:10px 12px!important;transition:all .2s ease;width:auto!important}.sidebar-actions .action-btn:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border-color:#007bff;border-color:var(--primary-color,#007bff)}.sidebar-actions .action-btn.primary{background:#007bff;background:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.sidebar-search.simplified{padding:10px 15px}.sidebar-search.simplified .search-container{align-items:center;display:flex;position:relative}.sidebar-search.simplified .search-input{background:#f8f9fa;background:var(--search-bg,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:20px;font-size:14px;padding:10px 40px;width:100%}.sidebar-search.simplified .search-icon{color:#666;left:12px;position:absolute;z-index:1}.sidebar-filters.simplified{display:flex;gap:8px;padding:10px 15px}.sidebar-filters.simplified .filter-tab{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px;text-align:center;transition:all .2s ease}.sidebar-filters.simplified .filter-tab.active{background:#007bff;background:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.sidebar-filters.simplified .filter-tab:hover:not(.active){background:#f5f5f5;background:var(--hover-bg,#f5f5f5)}.sidebar-toolbar.simplified{padding:10px 15px}.sidebar-toolbar.simplified .sort-select{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.sidebar-toolbar.simplified .sort-select:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.conversations-list.simplified{padding:0}.conversation-item.simple{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:all .2s ease}.conversation-item.simple:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa)}.conversation-item.simple.active{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.conversation-item.simple .conversation-avatar{flex-shrink:0;position:relative}.conversation-item.simple .conversation-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.conversation-item.simple .online-dot{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-item.simple .unread-badge{background:#dc3545;background:var(--danger-color,#dc3545);border-radius:10px;color:#fff;font-size:11px;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.conversation-item.simple .conversation-details{flex:1 1;min-width:0}.conversation-item.simple .conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-item.simple .conversation-name{color:inherit;flex:1 1;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.simple .conversation-time{flex-shrink:0;font-size:12px;margin-left:8px;opacity:.7}.conversation-item.simple .last-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;margin:0;opacity:.8;overflow:hidden;word-break:break-word}.sidebar-footer.simplified{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin-top:auto;padding:15px}.sidebar-footer.simplified .footer-actions{display:flex;gap:15px;justify-content:center}.sidebar-footer.simplified .footer-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sidebar-footer.simplified .footer-btn:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border-color:#007bff;border-color:var(--primary-color,#007bff);transform:translateY(-1px)}@media (prefers-color-scheme:dark){.sidebar-actions .action-btn,.sidebar-filters.simplified .filter-tab,.sidebar-footer.simplified .footer-btn,.sidebar-search.simplified .search-input,.sidebar-toolbar.simplified .sort-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}.conversation-item.simple:hover{background:#333}.sidebar-actions .action-btn:hover,.sidebar-filters.simplified .filter-tab:hover:not(.active),.sidebar-footer.simplified .footer-btn:hover{background:#333;border-color:#06c}}@media (max-width:768px){.pro-sidebar-header.simplified,.sidebar-actions,.sidebar-filters.simplified,.sidebar-search.simplified,.sidebar-toolbar.simplified,.sidebar-user-profile.simplified{padding-left:10px;padding-right:10px}.conversation-item.simple{padding:10px}.sidebar-actions,.sidebar-filters.simplified{flex-direction:column}}.message-input.clickable-input{cursor:text!important;pointer-events:auto!important;position:relative!important;touch-action:manipulation!important;z-index:10000!important}.mobile-message-input{-webkit-touch-callout:default!important;touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important}.message-input-row{align-items:center;background:#fff;display:flex;gap:10px;padding:10px;pointer-events:auto;position:relative;z-index:1001}.pro-main .message-input-row{background:#fff;background:var(--background-color,#fff);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0)}.touch-target.message-input{background:#f8f9fa;background:var(--input-background,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:24px;font-size:16px;line-height:1.4;max-height:120px;min-height:44px;min-width:44px;overflow-y:auto;padding:12px 16px;resize:none}.message-input:focus{background:#fff!important;border-color:#007bff!important;border-color:var(--primary-color,#007bff)!important;box-shadow:0 0 0 2px #007bff40!important;outline:none!important}.dynamic-background,.floating-particles,.gradient-orb{pointer-events:none!important;z-index:-1!important}.pro-sidebar-overlay{background:#00000080;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.pro-main{position:relative;z-index:1001}@media (max-width:768px){.message-input-row{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 8px #0000001a;position:-webkit-sticky;position:sticky;z-index:10001}.message-input.clickable-input{font-size:16px!important;transform:translateZ(0);-webkit-transform:translateZ(0)}}@media (prefers-color-scheme:dark){.message-input-row{background:#2a2a2a;border-top-color:#444}.touch-target.message-input{background:#333;border-color:#555;color:#e0e0e0}.message-input:focus{background:#2a2a2a!important;border-color:#06c!important}.message-input,.message-input:focus{-webkit-text-fill-color:#e0e0e0!important;caret-color:#81b4ff!important;color:#e0e0e0!important}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d}.news-feed-modal .news-feed{max-height:calc(90vh - 100px);overflow-y:auto}.news-feed-modal .news-feed .feed-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (max-width:768px){.modal-content.news-feed-modal{margin:10px;max-height:95vh!important;max-width:none!important;width:95%!important}.news-feed-modal .news-feed{max-height:calc(95vh - 80px)}.news-feed-modal .feed-header{padding:15px}.news-feed-modal .modal-header{padding:15px!important}.news-feed-modal .modal-header h2{font-size:20px!important}}@media screen and (max-width:768px){.pro-layout{flex-direction:column!important;height:100vh!important;height:100dvh!important;padding:0!important}.pro-layout,.pro-main{display:flex!important;overflow:hidden!important}.pro-main{flex:1 1!important;flex-direction:column!important;position:relative!important}.enhanced-chat-header,.pro-header,.pro-main{height:auto!important;min-height:0!important}.enhanced-chat-header,.pro-header{flex:0 0 auto!important}.pro-content{display:flex!important;flex:1 1!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:hidden!important}.pro-message-list{box-sizing:border-box!important;flex:1 1!important;height:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:12px 16px 20px!important}.pro-chat-input-container{bottom:auto!important;flex:0 0 auto!important;left:auto!important;position:relative!important;right:auto!important}}.notification-center-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notification-center{animation:notificationCenterSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:500px;overflow:hidden;width:90vw}@keyframes notificationCenterSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification-center-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.header-title{align-items:center;display:flex;gap:10px}.header-title h3{color:#333;font-size:20px;font-weight:600;margin:0}.unread-badge{background:#dc3545;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.header-actions{display:flex;gap:10px}.mark-all-read-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background .2s ease}.mark-all-read-btn:hover{background:#218838}.close-btn{background:#6c757d;color:#fff;height:32px;transition:background .2s ease;width:32px}.close-btn:hover{background:#5a6268}.notification-filters{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.filter-tabs{display:flex;gap:5px}.filter-tab{background:#0000;border:1px solid #dee2e6;border-radius:20px;color:#6c757d;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.filter-tab.active{background:#007bff;border-color:#007bff;color:#fff}.filter-tab:hover:not(.active){background:#f8f9fa;border-color:#007bff}.type-filter{background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 10px}.error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;display:flex;justify-content:space-between;padding:12px 20px}.error-message button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.notifications-list{flex:1 1;overflow-y:auto;padding:0}.loading-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#007bff;margin-bottom:15px}.empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:15px}.empty-state h4{color:#333;font-size:18px;margin:0 0 10px}.empty-state p{color:#6c757d;font-size:14px;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px 20px;position:relative;transition:background .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0f8ff;border-left:4px solid #007bff}.notification-item.unread:before{background:#007bff;border-radius:50%;content:"";height:8px;position:absolute;right:15px;top:20px;width:8px}.notification-icon{flex-shrink:0;font-size:24px;margin-right:12px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:5px}.notification-title{color:#333;flex:1 1;font-size:14px;font-weight:600;margin:0 10px 0 0}.notification-time{color:#6c757d;flex-shrink:0;font-size:11px;white-space:nowrap}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 8px;overflow:hidden}.notification-metadata{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.conversation,.from-user{background:#e9ecef;border-radius:10px;color:#6c757d;font-size:11px;padding:2px 6px}.notification-actions{display:flex;gap:5px;margin-left:10px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions{opacity:1}.delete-btn,.mark-read-btn{background:#0000;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:12px;line-height:1;padding:4px 6px;transition:all .2s ease}.mark-read-btn{border-color:#28a745;color:#28a745}.mark-read-btn:hover{background:#28a745;color:#fff}.delete-btn{border-color:#dc3545;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff}.load-more-container{border-top:1px solid #e0e0e0;padding:20px;text-align:center}.load-more-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s ease}.load-more-btn:hover:not(:disabled){background:#0056b3}.load-more-btn:disabled{background:#6c757d;cursor:not-allowed}@media (prefers-color-scheme:dark){.notification-center{background:#2a2a2a;color:#e0e0e0}.notification-center-header{background:#333;border-bottom-color:#444}.header-title h3{color:#e0e0e0}.notification-filters{background:#2a2a2a;border-bottom-color:#444}.filter-tab{border-color:#555;color:#ccc}.filter-tab:hover:not(.active),.type-filter{background:#333}.type-filter{border-color:#555;color:#e0e0e0}.notification-item{border-bottom-color:#333}.notification-item:hover{background:#333}.notification-item.unread{background:#1a2332}.notification-title{color:#e0e0e0}.notification-message{color:#ccc}.conversation,.from-user{background:#444;color:#ccc}.delete-btn,.mark-read-btn{border-color:#555}.load-more-container{border-top-color:#444}}@media (max-width:768px){.notification-center{height:85vh;width:95vw}.notification-center-header{padding:15px}.header-title h3{font-size:18px}.notification-filters{align-items:stretch;flex-direction:column;gap:10px;padding:10px 15px}.filter-tabs{justify-content:center}.notification-item{padding:12px 15px}.notification-actions{opacity:1}}.notification-button{align-items:center;background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:50%;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.notification-button:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border-color:#007bff;border-color:var(--primary-color,#007bff);transform:translateY(-1px)}.notification-button:active{transform:translateY(0)}.notification-button:disabled{cursor:not-allowed;opacity:.6}.notification-icon{font-size:18px;line-height:1;position:relative}.notification-badge{align-items:center;animation:notificationBadgeAppear .3s ease-out;background:#dc3545;border:2px solid #fff;border-radius:10px;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:-8px;top:-8px}@keyframes notificationBadgeAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.notification-pulse{animation:notificationPulse 2s infinite;background:#007bff;border-radius:50%;height:20px;pointer-events:none;position:absolute;right:-2px;top:-2px;width:20px}@keyframes notificationPulse{0%{opacity:1;transform:scale(.5)}50%{opacity:.5;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.notification-loading{animation:notificationLoading 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;border-top:2px solid var(--primary-color,#007bff);height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes notificationLoading{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.notification-button.has-new{animation:notificationButtonBounce .6s ease-out}@keyframes notificationButtonBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.notification-button.has-unread{background:#007bff1a;border-color:#007bff;border-color:var(--primary-color,#007bff)}.notification-button.has-unread:hover{background:#007bff33}@media (prefers-color-scheme:dark){.notification-button{border-color:#555;color:#e0e0e0}.notification-button:hover{background:#333;border-color:#06c}.notification-button.has-unread{background:#06c3;border-color:#06c}.notification-button.has-unread:hover{background:#0066cc4d}.notification-badge{border-color:#2a2a2a}.notification-loading{border-color:#06c #555 #555}}@media (max-width:768px){.notification-button{height:40px;width:40px}.notification-icon{font-size:16px}.notification-badge{font-size:9px;height:14px;min-width:14px;padding:1px 4px;right:-6px;top:-6px}}.notification-button:focus{box-shadow:0 0 0 2px #007bff80;outline:none}@media (prefers-reduced-motion:reduce){.notification-badge,.notification-button,.notification-pulse{animation:none;transition:none}}@media (prefers-contrast:high){.notification-button{border-width:2px}.notification-badge{border-width:3px}}.notification-prompt-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.notification-permission-prompt{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--pro-surface,#fff);border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -4px 24px #00000026;left:0;margin:0 auto;max-width:500px;padding:24px 24px calc(24px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notification-prompt-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#333;color:var(--pro-text,#333);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:1}.notification-prompt-close:hover{background:#0000001a;transform:scale(1.1)}.notification-prompt-close:active{transform:scale(.95)}.notification-prompt-icon{animation:bounce 1s ease-in-out infinite;font-size:56px;margin-bottom:16px;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notification-prompt-title{color:#333;color:var(--pro-text,#333);font-size:24px;font-weight:700;margin:0 0 12px;text-align:center}.notification-prompt-message{color:#666;color:var(--pro-text-secondary,#666);font-size:15px;line-height:1.5;margin:0 0 20px;text-align:center}.notification-prompt-features{background:#667eea0d;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px}.notification-feature{align-items:center;display:flex;gap:12px}.feature-icon{align-items:center;background:#fff;background:var(--pro-surface,#fff);border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;width:36px}.feature-text{color:#333;color:var(--pro-text,#333);font-size:14px;font-weight:500}.notification-prompt-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.notification-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;touch-action:manipulation;transition:all .2s ease;width:100%}.notification-btn:active{transform:scale(.98)}.notification-btn:disabled{cursor:not-allowed;opacity:.6}.notification-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.notification-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.notification-btn-primary:active:not(:disabled){transform:scale(.98) translateY(0)}.notification-btn-secondary{background:#0000000d;color:#333;color:var(--pro-text,#333)}.notification-btn-secondary:hover:not(:disabled){background:#0000001a}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.notification-prompt-footer{color:#999;color:var(--pro-text-tertiary,#999);font-size:12px;line-height:1.4;margin:0;text-align:center}@media (min-width:769px){.notification-permission-prompt{animation:scaleUp .3s cubic-bezier(.4,0,.2,1);border-radius:16px;bottom:24px;left:50%;max-width:420px;right:auto;transform:translateX(-50%)}@keyframes scaleUp{0%{opacity:0;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1)}}.notification-prompt-actions{flex-direction:row}.notification-btn{flex:1 1}}@media screen and (max-width:768px) and (orientation:landscape){.notification-permission-prompt{max-height:90vh;overflow-y:auto;padding:16px}.notification-prompt-icon{font-size:40px;margin-bottom:8px}.notification-prompt-title{font-size:20px;margin-bottom:8px}.notification-prompt-message{font-size:14px;margin-bottom:12px}.notification-prompt-features{margin-bottom:16px;padding:12px}.notification-btn{font-size:14px;padding:12px 20px}}.post-composer{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:16px;transition:all .3s ease}.post-composer.expanded{box-shadow:0 4px 16px #00000026}.post-composer-header{align-items:flex-start;display:flex;gap:12px}.user-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:18px}.composer-trigger{background:#f0f2f5;background:var(--input-bg,#f0f2f5);border-radius:24px;cursor:pointer;flex:1 1;padding:12px 16px;transition:background .2s ease}.composer-trigger:hover{background:#e4e6eb;background:var(--input-hover-bg,#e4e6eb)}.composer-trigger .placeholder{color:#65676b;color:var(--text-secondary,#65676b);font-size:15px}.composer-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.composer-textarea{background:#fff;background:var(--input-bg,#fff);border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:8px;color:#050505;color:var(--text-primary,#050505);font-family:inherit;font-size:15px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.composer-textarea:focus{border-color:#1877f2;border-color:var(--primary-color,#1877f2);outline:none}.composer-textarea::placeholder{color:#65676b;color:var(--text-secondary,#65676b)}.composer-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:14px;padding:8px 12px}.media-preview{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.media-item{background:#f0f2f5;border-radius:8px}.media-item,.media-item img{max-height:300px}.remove-media{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background .2s ease;width:28px}.remove-media:hover{background:#000000e6}.post-meta{background:#f7f8fa;background:var(--secondary-bg,#f7f8fa);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.meta-tag{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:16px;color:#050505;color:var(--text-primary,#050505);display:inline-flex;font-size:13px;gap:4px;padding:4px 10px}.options-panel{background:#f7f8fa;background:var(--secondary-bg,#f7f8fa);border-radius:8px;gap:12px;margin-top:12px;padding:16px}.option-group,.options-panel{display:flex;flex-direction:column}.option-group{gap:6px}.option-group label{color:#050505;color:var(--text-primary,#050505);font-size:13px;font-weight:600}.option-group input,.option-group select{background:#fff;background:var(--card-bg,#fff);border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:6px;color:#050505;color:var(--text-primary,#050505);font-size:14px;padding:8px 12px}.option-group input:focus,.option-group select:focus{border-color:#1877f2;border-color:var(--primary-color,#1877f2);outline:none}.composer-actions{align-items:center;border-top:1px solid #e4e6eb;border-top:1px solid var(--border-color,#e4e6eb);display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding-top:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-btn{padding:8px 12px}.action-btn:hover:not(:disabled){background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn .icon{font-size:18px}.action-btn .label{font-weight:500}.post-buttons{display:flex;gap:8px}.btn-cancel,.btn-post{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.btn-cancel{background:#0000;color:#65676b;color:var(--text-secondary,#65676b)}.btn-cancel:hover:not(:disabled){background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.btn-post{background:#1877f2;background:var(--primary-color,#1877f2);color:#fff;min-width:80px}.btn-post:hover:not(:disabled){background:#166fe5;background:var(--primary-hover,#166fe5);box-shadow:0 2px 8px #1877f24d;transform:translateY(-1px)}.btn-post:disabled{background:#e4e6eb;background:var(--disabled-bg,#e4e6eb);color:#bcc0c4;color:var(--text-disabled,#bcc0c4);cursor:not-allowed}@media (prefers-color-scheme:dark){.post-composer{--card-bg:#242526;--input-bg:#3a3b3c;--input-hover-bg:#4e4f50;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--border-color:#3e4042;--secondary-bg:#3a3b3c;--hover-bg:#3a3b3c;--disabled-bg:#3a3b3c;--text-disabled:#6a6b6d}}@media (max-width:768px){.post-composer{border-radius:8px;padding:12px}.composer-textarea{font-size:14px;min-height:60px}.action-btn .label{display:none}.action-btn{padding:8px}.media-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.options-panel{padding:12px}.composer-actions{flex-wrap:wrap}.post-buttons{justify-content:flex-end;width:100%}}@media (max-width:480px){.user-avatar{height:36px;width:36px}.composer-trigger{padding:10px 14px}.composer-trigger .placeholder{font-size:14px}.btn-cancel,.btn-post{font-size:13px;padding:6px 16px}}.post-card{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden;transition:box-shadow .3s ease}.post-card:hover{box-shadow:0 4px 12px #00000026}.post-header{align-items:flex-start;display:flex;justify-content:space-between;padding:16px}.post-author{display:flex;flex:1 1;gap:12px}.author-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.author-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.author-info{flex:1 1}.author-name{align-items:center;color:#050505;color:var(--text-primary,#050505);display:flex;font-size:15px;font-weight:600;gap:8px}.pinned-badge{color:#1877f2;color:var(--primary-color,#1877f2);font-size:12px;font-weight:500}.post-time{color:#65676b;color:var(--text-secondary,#65676b);font-size:13px;margin-top:2px}.post-options{position:relative}.options-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .2s ease;width:36px}.options-btn:hover{background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.options-menu{background:#fff;background:var(--card-bg,#fff);border-radius:8px;box-shadow:0 4px 16px #0003;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.options-menu button{align-items:center;background:#0000;border:none;color:#050505;color:var(--text-primary,#050505);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.options-menu button:hover{background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.options-menu button.danger{color:#dc2626}.post-content{padding:0 16px 12px}.post-text{word-wrap:break-word;line-height:1.5;margin:0 0 12px;white-space:pre-wrap}.edit-mode textarea,.post-text{color:#050505;color:var(--text-primary,#050505);font-size:15px}.edit-mode textarea{background:#fff;background:var(--input-bg,#fff);border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:8px;font-family:inherit;margin-bottom:12px;min-height:100px;padding:12px;resize:vertical;width:100%}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.edit-actions button.primary{background:#1877f2;background:var(--primary-color,#1877f2);color:#fff}.edit-actions button.primary:hover{background:#166fe5;background:var(--primary-hover,#166fe5)}.post-media{background:#000;border-radius:8px;margin-top:12px;overflow:hidden}.post-media.media-count-1{display:grid;grid-template-columns:1fr}.post-media.media-count-2,.post-media.media-count-3{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,1fr)}.post-media.media-count-3 .media-item:first-child{grid-column:1/-1}.post-media.media-count-4{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,1fr)}.media-item{background:#000;max-height:600px;overflow:hidden;position:relative}.media-item img{cursor:pointer;display:block;height:auto;max-height:600px;object-fit:contain;width:100%}.media-item video{cursor:pointer;height:100%;object-fit:cover;width:100%}.post-media.media-count-2 .media-item,.post-media.media-count-3 .media-item,.post-media.media-count-4 .media-item{aspect-ratio:1;max-height:300px}.post-media.media-count-2 .media-item img,.post-media.media-count-3 .media-item img,.post-media.media-count-4 .media-item img{height:100%;max-height:300px;object-fit:cover;width:100%}.shared-post{background:#f7f8fa;background:var(--secondary-bg,#f7f8fa);border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:8px;margin-top:12px;padding:12px}.shared-post-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.shared-author-avatar{border-radius:50%;height:24px;overflow:hidden;width:24px}.shared-author-avatar img{height:100%;object-fit:cover;width:100%}.shared-author-name{font-size:13px;font-weight:600}.shared-author-name,.shared-post-content{color:#050505;color:var(--text-primary,#050505)}.shared-post-content{font-size:14px;margin:0}.post-stats{align-items:center;border-top:1px solid #e4e6eb;border-top:1px solid var(--border-color,#e4e6eb);color:#65676b;color:var(--text-secondary,#65676b);display:flex;font-size:14px;justify-content:space-between;padding:8px 16px}.stats-left,.stats-right{align-items:center;display:flex;gap:12px}.stat-item{align-items:center;background:#0000;border:none;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:4px 0}.stat-item:hover{text-decoration:underline}.post-actions,.stat-reactions{align-items:center;display:flex}.post-actions{border-top:1px solid #e4e6eb;border-top:1px solid var(--border-color,#e4e6eb);padding:4px 8px}.reaction-container{flex:1 1;position:relative}.action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:background .2s ease}.action-btn:hover{background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.action-btn.active{color:#1877f2;color:var(--primary-color,#1877f2)}.action-icon{font-size:18px}.reactions-picker{background:#fff;border-radius:30px;bottom:100%;box-shadow:0 4px 16px #0003;display:flex;gap:4px;left:50%;margin-bottom:8px;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:10}.reaction-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:transform .2s ease;width:40px}.reaction-btn:hover{transform:scale(1.3)}.comments-section{background:#f7f8fa;background:var(--secondary-bg,#f7f8fa);border-top:1px solid #e4e6eb;border-top:1px solid var(--border-color,#e4e6eb);padding:12px 16px}.comment-input{display:flex;gap:8px;margin-bottom:12px}.commenter-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.commenter-avatar img{height:100%;object-fit:cover;width:100%}.commenter-avatar .avatar-placeholder{font-size:14px}.comment-input-wrapper{flex:1 1;position:relative}.comment-input-wrapper input{background:#fff;background:var(--card-bg,#fff);border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:20px;color:#050505;color:var(--text-primary,#050505);font-size:14px;padding:10px 40px 10px 16px;width:100%}.comment-input-wrapper input:focus{border-color:#1877f2;border-color:var(--primary-color,#1877f2);outline:none}.send-comment-btn{align-items:center;background:#1877f2;background:var(--primary-color,#1877f2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background .2s ease;width:28px}.send-comment-btn:hover{background:#166fe5;background:var(--primary-hover,#166fe5)}.loading-comments{color:#65676b;color:var(--text-secondary,#65676b);padding:20px;text-align:center}.comments-list{display:flex;flex-direction:column;gap:12px}.comment{display:flex;gap:8px}.comment-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-avatar .avatar-placeholder{font-size:14px}.comment-content{flex:1 1;min-width:0}.comment-bubble{background:#fff;background:var(--card-bg,#fff);border-radius:18px;display:inline-block;max-width:100%;padding:8px 12px}.comment-author{font-size:13px;font-weight:600;margin-bottom:2px}.comment-author,.comment-text{color:#050505;color:var(--text-primary,#050505)}.comment-text{word-wrap:break-word;font-size:14px}.comment-actions{align-items:center;display:flex;font-size:12px;gap:12px;padding:4px 12px}.comment-action{background:#0000;border:none;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;font-size:12px;font-weight:600;padding:0}.comment-action:hover{text-decoration:underline}.comment-action.active{color:#1877f2;color:var(--primary-color,#1877f2)}.comment-time{color:#65676b;color:var(--text-secondary,#65676b);font-size:12px}.reply-input{display:flex;gap:8px;margin-top:8px;padding-left:40px}.reply-input input{background:#fff;background:var(--card-bg,#fff);border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:16px;flex:1 1;font-size:13px;padding:8px 12px}.reply-input button{background:#1877f2;background:var(--primary-color,#1877f2);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px}.replies-section{margin-top:8px;padding-left:40px}.view-replies-btn{background:#0000;border:none;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:8px;padding:4px 0}.view-replies-btn:hover{text-decoration:underline}.replies-list{display:flex;flex-direction:column;gap:12px}@media (prefers-color-scheme:dark){.post-card{--card-bg:#242526;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--border-color:#3e4042;--secondary-bg:#3a3b3c;--hover-bg:#3a3b3c;--input-bg:#3a3b3c}.reactions-picker{background:#3a3b3c}.media-item{background:#18191a}}@media (max-width:768px){.post-card{border-radius:0;margin-bottom:8px}.post-content,.post-header{padding:12px}.author-avatar,.commenter-avatar{height:36px;width:36px}.action-btn .action-label{display:none}.action-btn{padding:8px}.reactions-picker{padding:6px 8px}.reaction-btn{font-size:20px;height:36px;width:36px}}@media (max-width:480px){.author-name{font-size:14px}.post-time{font-size:12px}.post-text{font-size:14px}.action-icon{font-size:20px}}.news-feed{margin:0 auto;max-width:680px;padding:20px 0}.feed-header{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.feed-title{color:#050505;color:var(--text-primary,#050505);font-size:24px;font-weight:700;margin:0 0 16px}.feed-controls{flex-wrap:wrap;gap:16px}.feed-controls,.filter-group{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#65676b;color:var(--text-secondary,#65676b);font-size:14px;font-weight:600}.filter-group select{background:#fff;background:var(--input-bg,#fff);border:1px solid #e4e6eb;border:1px solid var(--border-color,#e4e6eb);border-radius:6px;color:#050505;color:var(--text-primary,#050505);cursor:pointer;font-size:14px;padding:8px 12px}.filter-group select:focus{border-color:#1877f2;border-color:var(--primary-color,#1877f2);outline:none}.refresh-btn{align-items:center;background:#1877f2;background:var(--primary-color,#1877f2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-left:auto;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#166fe5;background:var(--primary-hover,#166fe5);transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.feed-content{display:flex;flex-direction:column}.feed-error{background:#fee;border:1px solid #fcc;border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.feed-error p{color:#c00;font-size:15px;margin:0 0 12px}.feed-error button{background:#c00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .2s ease}.feed-error button:hover{background:#a00}.feed-empty{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.feed-empty h3{color:#050505;color:var(--text-primary,#050505);font-size:20px;margin:0 0 8px}.feed-empty p{color:#65676b;color:var(--text-secondary,#65676b);font-size:15px;margin:0}.feed-loading{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e4e6eb;border-top-color:#1877f2;border:4px solid var(--border-color,#e4e6eb);border-radius:50%;border-top-color:var(--primary-color,#1877f2)}.feed-loading p{color:#65676b;color:var(--text-secondary,#65676b);font-size:14px;margin:0}.scroll-trigger{height:20px;margin:20px 0}.feed-end{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:40px 20px;text-align:center}.feed-end p{color:#65676b;color:var(--text-secondary,#65676b);font-size:15px;margin:0 0 16px}.feed-end button{background:#1877f2;background:var(--primary-color,#1877f2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.feed-end button:hover{background:#166fe5;background:var(--primary-hover,#166fe5);transform:translateY(-1px)}@media (prefers-color-scheme:dark){.news-feed{--card-bg:#242526;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--border-color:#3e4042;--input-bg:#3a3b3c}.feed-error{background:#3a1a1a;border-color:#5a2a2a}}@media (max-width:1024px){.news-feed{max-width:100%;padding:16px}}@media (max-width:768px){.news-feed{padding:0}.feed-header{border-radius:0;margin-bottom:8px;padding:16px}.feed-title{font-size:20px;margin-bottom:12px}.feed-controls{gap:12px}.filter-group{flex:1 1;min-width:140px}.filter-group label{font-size:13px}.filter-group select{flex:1 1;min-width:0}.refresh-btn{justify-content:center;margin-left:0;width:100%}.feed-empty{border-radius:0;padding:40px 20px}.empty-icon{font-size:48px}.feed-end,.feed-loading{border-radius:0}}@media (max-width:480px){.feed-header{padding:12px}.feed-title{font-size:18px}.feed-controls{gap:8px}.filter-group{align-items:flex-start;flex-direction:column;gap:4px}.filter-group select{width:100%}.refresh-btn{font-size:13px;padding:8px 12px}.empty-icon{font-size:40px;margin-bottom:12px}.feed-empty h3{font-size:18px}.feed-empty p{font-size:14px}}.news-feed *{will-change:auto}.post-card{contain:layout style}@media (prefers-reduced-motion:no-preference){.news-feed{scroll-behavior:smooth}}.skeleton{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6eb 50%,#f0f2f5 75%);background:linear-gradient(90deg,var(--skeleton-base,#f0f2f5) 25%,var(--skeleton-highlight,#e4e6eb) 50%,var(--skeleton-base,#f0f2f5) 75%);background-size:2000px 100%}.social-page{grid-gap:20px;background:#f0f2f5;background:var(--page-bg,#f0f2f5);display:grid;gap:20px;grid-template-columns:280px 1fr 340px;margin:0 auto;max-width:1920px;min-height:100vh;padding:20px}.social-page-error{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;text-align:center}.social-page-error h2{color:#050505;color:var(--text-primary,#050505)}.social-sidebar-left{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:thin;top:20px}.sidebar-section{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px}.sidebar-section h3{color:#050505;color:var(--text-primary,#050505);font-size:16px;font-weight:700;margin:0 0 12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{align-items:center;border-radius:8px;color:#050505;color:var(--text-primary,#050505);display:flex;font-size:15px;font-weight:500;gap:12px;padding:10px 12px;text-decoration:none;transition:background .2s ease}.nav-item:hover{background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.nav-item.active{background:#e7f3ff;background:var(--primary-light,#e7f3ff);color:#1877f2;color:var(--primary-color,#1877f2);font-weight:600}.nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;width:24px}.nav-label{flex:1 1}.shortcuts{display:flex;flex-direction:column;gap:4px}.shortcut-item{align-items:center;border-radius:8px;color:#050505;color:var(--text-primary,#050505);display:flex;font-size:14px;gap:10px;padding:8px 12px;text-decoration:none;transition:background .2s ease}.shortcut-item:hover{background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.shortcut-icon{font-size:18px}.social-main{min-height:100vh}.social-sidebar-right{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:thin;top:20px}.widget{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px}.widget h3{color:#050505;color:var(--text-primary,#050505);font-size:16px;font-weight:700;margin:0 0 12px}.sponsored-content{background:#f7f8fa;background:var(--secondary-bg,#f7f8fa);border-radius:8px;padding:20px;text-align:center}.sponsored-content p{color:#65676b;color:var(--text-secondary,#65676b);font-size:14px;margin:0}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-item{align-items:center;display:flex;gap:10px}.suggestion-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.suggestion-info{flex:1 1;min-width:0}.suggestion-name{color:#050505;color:var(--text-primary,#050505);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-mutual{color:#65676b;color:var(--text-secondary,#65676b);font-size:12px}.btn-add-friend{background:#1877f2;background:var(--primary-color,#1877f2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:background .2s ease;white-space:nowrap}.btn-add-friend:hover{background:#166fe5;background:var(--primary-hover,#166fe5)}.trending-list{gap:8px}.trending-item,.trending-list{display:flex;flex-direction:column}.trending-item{border-radius:8px;gap:2px;padding:8px 12px;text-decoration:none;transition:background .2s ease}.trending-item:hover{background:#f0f2f5;background:var(--hover-bg,#f0f2f5)}.trending-hashtag{color:#050505;color:var(--text-primary,#050505);font-size:14px;font-weight:600}.trending-count{color:#65676b;color:var(--text-secondary,#65676b);font-size:12px}@media (prefers-color-scheme:dark){.social-page{--page-bg:#18191a;--card-bg:#242526;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--border-color:#3e4042;--hover-bg:#3a3b3c;--secondary-bg:#3a3b3c;--primary-light:#263951}}@media (max-width:1400px){.social-page{grid-template-columns:240px 1fr 300px}}@media (max-width:1200px){.social-page{gap:16px;grid-template-columns:1fr 340px}.social-sidebar-left{display:none}}@media (max-width:1024px){.social-page{gap:0;grid-template-columns:1fr;padding:0}.social-sidebar-right{display:none}.social-main{min-height:auto}}@media (max-width:768px){.social-page{padding:0}.nav-label,.shortcut-label{font-size:14px}}.social-sidebar-left::-webkit-scrollbar,.social-sidebar-right::-webkit-scrollbar{width:8px}.social-sidebar-left::-webkit-scrollbar-track,.social-sidebar-right::-webkit-scrollbar-track{background:#0000}.social-sidebar-left::-webkit-scrollbar-thumb,.social-sidebar-right::-webkit-scrollbar-thumb{background:#e4e6eb;background:var(--border-color,#e4e6eb);border-radius:4px}.social-sidebar-left::-webkit-scrollbar-thumb:hover,.social-sidebar-right::-webkit-scrollbar-thumb:hover{background:#65676b;background:var(--text-secondary,#65676b)}.social-page *{will-change:auto}@media (prefers-reduced-motion:no-preference){.btn-add-friend,.nav-item,.shortcut-item,.trending-item{transition:all .2s ease}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-form{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h2{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.auth-header p{color:#666;font-size:.9rem;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;color:#333;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#999;opacity:1}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#aaa}.auth-button{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;-webkit-appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-bottom:20px;min-height:48px;padding:14px;touch-action:manipulation;transition:all .3s ease;width:100%}.auth-button:active{box-shadow:0 2px 8px #667eea33;transform:scale(.97)}@media (hover:hover) and (pointer:fine){.auth-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}}.auth-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-link{margin-top:20px;text-align:center}.auth-link p{color:#666;margin:0 0 8px}.auth-link a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link a:hover{color:#5a6fd8;text-decoration:underline}.error-message{background:#ff57571a;border:1px solid #ff575733;border-radius:8px;color:#d63031}.error-message,.success-message{font-size:.9rem;margin-bottom:20px;padding:12px}.success-message{background:#4caf501a;border:1px solid #4caf5033;border-radius:8px;color:#27ae60}@media (max-width:768px){.auth-container{min-height:100vh;min-height:100dvh;padding:16px}.auth-form{border-radius:16px;box-sizing:border-box;max-width:100%;padding:28px 22px;width:100%}.auth-header h2{font-size:1.6rem}.auth-header p{font-size:.85rem}.form-group{margin-bottom:18px}.form-group label{font-size:.9rem;margin-bottom:8px}.form-group input{background:#fff!important;border-radius:12px;color:#333!important;font-size:16px;padding:14px 16px}.form-group input::placeholder{color:#999!important}.auth-button{border-radius:12px;font-size:16px;margin-bottom:16px;padding:16px}.error-message,.success-message{font-size:.85rem;margin-bottom:16px;padding:12px}.auth-link p{font-size:.9rem}}@media (max-width:480px){.auth-container{padding:12px}.auth-form{border-radius:14px;padding:24px 20px}.auth-header h2{font-size:1.5rem}}@media (max-width:360px){.auth-form{padding:20px 16px}.auth-header h2{font-size:1.4rem}.form-group input{font-size:15px;padding:12px 14px}.auth-button{font-size:15px;padding:14px}}.login-container{position:relative}.login-form{animation:slideInFromLeft .6s ease-out}.login-header{margin-bottom:24px}.login-header .welcome-text{color:#667eea;font-size:1.1rem;font-weight:500;margin-bottom:8px}.remember-me{align-items:center;display:flex;margin-bottom:16px}.remember-me input[type=checkbox]{margin-right:8px;width:auto}.remember-me label{color:#666;cursor:pointer;font-size:.9rem;margin-bottom:0}.forgot-password{margin-bottom:24px;text-align:right}.forgot-password a{color:#667eea;font-size:.9rem;text-decoration:none;transition:color .3s ease}.forgot-password a:hover{color:#5a6fd8;text-decoration:underline}.login-footer{border-top:1px solid #e1e5e9;margin-top:20px;padding-top:20px;text-align:center}.social-login{margin-bottom:20px}.social-button{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:16px;gap:10px;justify-content:center;margin-bottom:12px;padding:12px;transition:all .3s ease;width:100%}.social-button:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.divider{color:#999;font-size:.9rem;margin:20px 0;position:relative;text-align:center}.divider:before{background:#e1e5e9;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.divider span{background:#fff;padding:0 15px;position:relative;z-index:2}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:16px}.auth-form,.login-container{box-sizing:border-box;width:100%}.auth-form{border-radius:16px;margin:0;max-width:100%;padding:24px 20px}.elegant-header{margin-bottom:24px}.brand-section{align-items:center;display:flex;gap:12px;margin-bottom:16px}.brand-icon{flex-shrink:0}.brand-emoji{font-size:32px}.brand-content{flex:1 1;text-align:left}.brand-title{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 4px}.brand-subtitle{color:#666;font-size:.9rem;margin:0}.decorative-line{background:linear-gradient(90deg,#667eea,#764ba2,#0000);height:2px;margin-top:12px}.server-status{align-items:center;border-radius:8px;display:flex;font-size:.85rem;gap:8px;margin-bottom:20px;padding:8px 12px}.server-status.online{background:#4caf501a;color:#27ae60}.server-status.offline{background:#ff57571a;color:#d63031}.status-indicator{background:currentColor;border-radius:50%;height:8px;width:8px}.form-group{margin-bottom:18px}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;color:#333;font-size:16px;padding:14px 40px 14px 16px;transition:all .3s ease;width:100%}.input-wrapper input::placeholder{color:#999;opacity:1}.input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-wrapper input.error-input{border-color:#d63031}.clear-input,.toggle-password{background:#0000;border:none;color:#666;cursor:pointer;font-size:16px;padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.clear-input:hover,.toggle-password:hover{color:#333}.field-error{color:#d63031;display:block;font-size:.8rem;margin-top:6px}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.checkbox-container{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.9rem;position:relative}.checkbox-container input{cursor:pointer;height:18px;margin-right:8px;width:18px}.forgot-password{background:#0000;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:0;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#5a6fd8;text-decoration:underline}.auth-button{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;-webkit-appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-bottom:16px;min-height:48px;padding:16px;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.auth-button:active{box-shadow:0 2px 8px #667eea33;transform:scale(.97)}.auth-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.button-with-loader{align-items:center;display:flex;gap:10px;justify-content:center}.loader{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.auth-error{align-items:flex-start;background:#ff57571a;border:1px solid #ff575733;border-radius:8px;color:#d63031;display:flex;font-size:.9rem;gap:10px;margin-top:16px;padding:12px}.error-icon{flex-shrink:0;font-size:18px}.error-message{flex:1 1;line-height:1.4}.auth-switch{border-top:1px solid #e1e5e9;color:#666;font-size:.9rem;margin-top:24px;padding-top:20px;text-align:center}.text-button{background:#0000;border:none;color:#667eea;cursor:pointer;font-weight:600;margin-left:4px;padding:0;text-decoration:none;transition:color .3s ease}.text-button:hover{color:#5a6fd8;text-decoration:underline}.login-header .welcome-text{font-size:1rem}.social-button{-webkit-tap-highlight-color:rgba(0,0,0,.1);font-size:15px;padding:14px 12px}}@media (max-width:768px) and (hover:hover) and (pointer:fine){.auth-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}}@media (max-width:360px){.auth-form{padding:20px 16px}.brand-title{font-size:1.3rem}.brand-subtitle,.form-group label{font-size:.85rem}.input-wrapper input{font-size:15px;padding:12px 36px 12px 12px}.auth-button{font-size:15px;padding:14px}.form-options{align-items:flex-start;flex-direction:column}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.loading-spinner{height:40px;position:relative;width:40px}.loading-spinner-container.small .loading-spinner{height:24px;width:24px}.loading-spinner-container.large .loading-spinner{height:60px;width:60px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#667eea;height:100%;position:absolute;width:100%}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:#764ba2}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:#667eea;opacity:.7}.loading-message{color:#666;font-size:14px;margin-top:12px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dynamic-splash-screen{align-items:center;animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#764ba2,#667eea)}}.splash-particles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.particle{animation:float 5s ease-in-out infinite;background:#fff9;border-radius:50%;box-shadow:0 0 10px #fffc;position:absolute}.splash-ripples{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;width:100%}.ripple{animation:ripple 3s ease-out infinite;border:2px solid #ffffff4d;border-radius:50%;position:absolute}.ripple-1{animation-delay:0s}.ripple-1,.ripple-2{height:300px;width:300px}.ripple-2{animation-delay:1s}.ripple-3{animation-delay:2s;height:300px;width:300px}@keyframes ripple{0%{opacity:0;transform:scale(.8)}50%{opacity:.4}to{opacity:0;transform:scale(2.5)}}.floating-shapes{height:100%;pointer-events:none;position:absolute;width:100%}.shape{opacity:.15;position:absolute}.shape-circle{animation:floatShape 8s ease-in-out infinite;background:#fff;border-radius:50%;height:80px;left:10%;top:20%;width:80px}.shape-triangle{animation:floatShape 6s ease-in-out infinite reverse;border-bottom:70px solid #fff;border-left:40px solid #0000;border-right:40px solid #0000;height:0;right:15%;top:60%;width:0}.shape-square{animation:rotateShape 10s linear infinite;background:#fff;bottom:20%;height:60px;left:20%;width:60px}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-50px) rotate(180deg)}}@keyframes rotateShape{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.splash-content{animation:fadeInUp 1s ease-out;max-width:400px;padding:20px;position:relative;text-align:center;z-index:10}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-wrapper{display:inline-block;margin-bottom:1rem;position:relative}.logo-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#fff6 0,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.logo-text{display:flex;font-size:3rem;font-weight:700;gap:2px;justify-content:center;margin:0;text-shadow:0 4px 20px #0006}.letter{animation:letterBounce .8s ease-out both;display:inline-block;transition:transform .3s ease}.letter:hover{color:gold;transform:scale(1.2) rotate(-5deg)}@keyframes letterBounce{0%{opacity:0;transform:translateY(-50px) scale(.5) rotate(-10deg)}60%{opacity:1;transform:translateY(10px) scale(1.1) rotate(2deg)}to{transform:translateY(0) scale(1) rotate(0deg)}}.splash-logo .version{animation:fadeIn 1.2s ease-in-out;font-size:1rem;font-weight:400;letter-spacing:2px;margin:.5rem 0;opacity:.8}.tagline{animation:fadeInSlide 1.5s ease-out;font-size:1.1rem;font-size:.9rem;font-weight:300;letter-spacing:3px;margin:1rem 0 0;opacity:.9;text-transform:uppercase}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:.9;transform:translateX(0)}}.splash-progress{margin-top:3rem}.progress-bar{background:#ffffff40;box-shadow:0 2px 10px #0003;height:6px;margin-bottom:1rem;width:100%}.progress-bar,.progress-fill{border-radius:3px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#fff,#ffffffe6);box-shadow:0 0 15px #fff9;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:200%}}.loading-text{align-items:center;animation:fadeIn .5s ease-in-out;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;margin:0 0 1rem;opacity:.9}.loading-icon{animation:zap .6s ease-in-out infinite;display:inline-block}@keyframes zap{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.3) rotate(-10deg)}}.loading-dots{display:flex;gap:8px;justify-content:center;margin-top:1rem}.dot{animation:dotBounce 1.4s ease-in-out infinite;background:#fffc;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.9}}.dynamic-splash-screen.dark-mode{background:linear-gradient(135deg,#1a202c,#2d3748)}.dynamic-splash-screen.dark-mode .shape{opacity:.08}@media (max-width:768px){.logo-text{font-size:2.5rem}.splash-content{padding:16px}.tagline{font-size:.75rem;letter-spacing:2px}.ripple-1,.ripple-2,.ripple-3{height:200px;width:200px}.shape-circle{height:50px;width:50px}.shape-triangle{border-bottom-width:45px;border-left-width:25px;border-right-width:25px}.shape-square{height:40px;width:40px}}@media (max-width:480px){.logo-text{font-size:2rem}.tagline{font-size:.7rem;letter-spacing:1.5px}.splash-progress{margin-top:2rem}.particle{display:none}}.error-boundary{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-sizing:border-box;color:#fff;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.error-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-width:600px;padding:40px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px}.error-content h2{font-size:2rem;font-weight:600;margin-bottom:16px}.error-content p{font-size:1.1rem;margin-bottom:30px;opacity:.9}.error-details{margin:20px 0;text-align:left}.error-details summary{background:#ffffff1a;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:10px}.error-stack{background:#0000004d;border-radius:8px;font-size:12px;line-height:1.4;overflow-x:auto;padding:15px;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.reload-btn,.retry-btn{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.retry-btn{background:#ffffffe6;color:#333}.retry-btn:hover{background:#fff;transform:translateY(-2px)}.reload-btn{background:#0000;border:2px solid #ffffff80;color:#fff}.reload-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}@media (max-width:480px){.error-content{margin:10px;padding:24px}.error-icon{font-size:3rem}.error-content h2{font-size:1.5rem}.error-actions{align-items:center;flex-direction:column}.reload-btn,.retry-btn{max-width:200px;width:100%}}.pwa-banner{-webkit-font-smoothing:antialiased;align-items:center;animation:pwa-banner-in .28s cubic-bezier(.4,0,.2,1) both;display:flex;font-size:13px;font-weight:500;gap:10px;left:0;line-height:1.3;padding:10px 16px;position:fixed;right:0;top:0;z-index:99999}@keyframes pwa-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.pwa-banner--offline{background:linear-gradient(90deg,#b45309,#d97706);color:#fff}.pwa-banner--update{background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff}.pwa-banner__icon{flex-shrink:0;font-size:15px}.pwa-banner__text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwa-banner__action{background:#ffffff38;border:1px solid #ffffff61;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;padding:5px 13px;transition:background .15s;white-space:nowrap}.pwa-banner__action:hover:not(:disabled){background:#ffffff52}.pwa-banner__action:disabled{cursor:default;opacity:.65}.pwa-banner__dismiss{background:#0000;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:3px 5px;transition:color .15s}.pwa-banner__dismiss:hover{color:#fff}@media (max-width:480px){.pwa-banner{font-size:12px;gap:8px;padding:9px 12px}.pwa-banner__text{max-width:160px}}.ipr-overlay{align-items:flex-end;animation:ipr-fade-in .2s ease both;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;position:fixed;z-index:99998}@keyframes ipr-fade-in{0%{opacity:0}to{opacity:1}}.ipr-sheet{animation:ipr-slide-up .32s cubic-bezier(.32,.72,0,1) both;background:#fff;border-radius:24px 24px 0 0;margin:0 auto;max-width:520px;padding:12px 24px 36px;position:relative;width:100%}@keyframes ipr-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ipr-handle{background:#e2e8f0;border-radius:2px;height:4px;margin:0 auto 16px;width:36px}.ipr-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;position:absolute;right:20px;top:16px;transition:background .15s;width:30px}.ipr-close:hover{background:#e2e8f0;color:#334155}.ipr-hero{align-items:center;display:flex;gap:14px;margin-bottom:20px}.ipr-app-icon img{border-radius:16px;box-shadow:0 2px 10px #00000024}.ipr-title{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 4px}.ipr-subtitle{color:#64748b;font-size:14px;margin:0}.ipr-features{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.ipr-feature-card{align-items:center;background:#f8fafc;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:12px 6px;text-align:center}.ipr-feature-icon{font-size:20px;line-height:1}.ipr-feature-label{color:#475569;font-size:11px;font-weight:600;white-space:nowrap}.ipr-btn-install{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;box-shadow:0 4px 14px #6366f166;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;padding:16px;transition:opacity .15s,transform .1s;width:100%}.ipr-btn-install:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.ipr-btn-install:disabled{cursor:default;opacity:.65;transform:none}.ipr-btn-later{background:#0000;border:1.5px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:13px;transition:background .15s;width:100%}.ipr-btn-later:hover,.ipr-ios-steps{background:#f8fafc}.ipr-ios-steps{border-radius:14px;padding:14px 16px}.ipr-ios-intro{color:#334155;font-size:14px;font-weight:600;margin:0 0 12px}.ipr-step{align-items:flex-start;color:#475569;display:flex;font-size:14px;gap:10px;line-height:1.45;margin-bottom:10px}.ipr-step:last-child{margin-bottom:0}.ipr-step-num{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.ipr-share-badge{font-style:normal}@media (prefers-color-scheme:dark){.ipr-sheet{background:#1e293b}.ipr-close,.ipr-handle{background:#334155}.ipr-close{color:#94a3b8}.ipr-close:hover{background:#475569;color:#e2e8f0}.ipr-title{color:#f1f5f9}.ipr-subtitle{color:#94a3b8}.ipr-feature-card{background:#0f172a}.ipr-feature-label{color:#94a3b8}.ipr-btn-later{border-color:#334155;color:#94a3b8}.ipr-btn-later:hover,.ipr-ios-steps{background:#0f172a}.ipr-ios-intro{color:#e2e8f0}.ipr-step{color:#94a3b8}}@media (max-width:360px){.ipr-features{grid-template-columns:repeat(2,1fr)}}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;bottom:80px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:20px;top:auto;transition:all .3s ease;width:50px;z-index:1001}body.file-share-open .theme-toggle{opacity:0;pointer-events:none;transform:translateX(100px)}body.contact-manager-open .theme-toggle,body.modal-open .theme-toggle{opacity:0;pointer-events:none;z-index:-1}.theme-toggle:hover{background:#fff3;box-shadow:0 6px 20px #00000026;transform:scale(1.1)}.theme-toggle.active{background:var(--theme-primary);color:#fff;transform:scale(1.1) rotate(180deg)}.theme-icon{animation:colorCycle 3s ease-in-out infinite}@keyframes colorCycle{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(120deg)}66%{filter:hue-rotate(240deg)}}.theme-panel{animation:panelSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;bottom:140px;box-shadow:0 20px 40px #0000001a;max-height:600px;overflow:hidden;position:fixed;right:20px;top:auto;width:320px;z-index:1000}@keyframes panelSlideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.theme-panel-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:20px}.theme-panel-header h3{color:var(--theme-primary);font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;padding:5px;transition:all .2s ease;width:30px}.close-btn:hover{background:#fff3;color:#333}.theme-panel-content{max-height:500px;overflow-y:auto;padding:20px}.theme-section{margin-bottom:25px}.theme-section h4{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.theme-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.theme-card{align-items:center;background:#ffffff80;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.theme-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.theme-card:hover:before{left:100%}.theme-card:hover{border-color:#fff6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.theme-card.active{background:#3b82f61a;border-color:var(--theme-primary);box-shadow:0 4px 15px #3b82f633}.theme-preview{align-items:center;background:#ffffff4d;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-emoji{animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.theme-info{flex:1 1}.theme-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.theme-description{color:#666;font-size:12px;line-height:1.3}.effects-controls{display:flex;flex-direction:column;gap:15px}.toggle-label{align-items:center;background:#ffffff4d;border-radius:10px;cursor:pointer;display:flex;padding:10px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.toggle-label:hover{background:#ffffff80}.toggle-label input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:12px;height:24px;margin-right:12px;position:relative;transition:all .3s ease;width:44px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-label input[type=checkbox]:checked+.toggle-slider{background:var(--theme-primary)}.toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{color:#333;font-size:14px;font-weight:500}.custom-theme-btn{align-items:center;background:#3b82f60d;border:2px dashed #3b82f64d;border-radius:12px;color:var(--theme-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.custom-theme-btn:hover{background:#3b82f61a;border-color:var(--theme-primary);transform:translateY(-1px)}.custom-theme-btn span{font-size:16px}.current-theme-info{background:#fff6;border:1px solid #ffffff4d;border-radius:12px;padding:15px}.current-theme-display{align-items:center;display:flex;gap:10px;margin-top:8px}.current-theme-icon{animation:pulse 2s ease-in-out infinite;font-size:20px}.current-theme-name{color:var(--theme-primary);font-size:14px;font-weight:600}.theme-panel-overlay{animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.dark-theme .theme-panel{background:#1e293bf2;border-color:#4755694d}.dark-theme .theme-panel-header{background:#3341554d;border-color:#4755694d}.dark-theme .theme-panel-header h3{color:#f1f5f9}.dark-theme .close-btn{color:#cbd5e1}.dark-theme .close-btn:hover{background:#47556980;color:#f1f5f9}.dark-theme .theme-section h4{color:#94a3b8}.dark-theme .theme-card{background:#33415580;border-color:#4755694d}.dark-theme .theme-card:hover{border-color:#47556999}.dark-theme .theme-name{color:#f1f5f9}.dark-theme .theme-description{color:#94a3b8}.dark-theme .toggle-label{background:#33415580}.dark-theme .toggle-label:hover{background:#47556999}.dark-theme .toggle-text{color:#f1f5f9}.dark-theme .current-theme-info{background:#33415580;border-color:#4755694d}@media (max-width:768px){.theme-panel,.theme-toggle{display:none}.theme-panel-content{padding:15px}.theme-card{padding:10px}.theme-preview{font-size:16px;height:35px;width:35px}}@media (max-width:480px){.theme-panel,.theme-panel-overlay{display:none}.theme-grid{gap:8px}}@media (prefers-reduced-motion:reduce){.current-theme-icon,.custom-theme-btn,.theme-card,.theme-emoji,.theme-toggle,.toggle-label{animation:none!important;transition:none!important}.theme-panel{animation:none!important}.theme-card:before{display:none}}@media (prefers-contrast:high){.theme-panel{background:#fff;border:2px solid #000}.theme-card{border:1px solid #666}.theme-card.active{background:#f0f0f0;border:2px solid #000}}.connection-status-compact{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;height:32px;justify-content:center;padding:.375rem;position:fixed;position:relative;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:1000}.connection-status-compact .status-icon{font-size:.875rem;line-height:1}.connection-status-compact .status-text{background:#000c;border-radius:4px;color:#fff;display:none;font-size:.75rem;margin-top:4px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-5px);transition:all .2s ease;white-space:nowrap;z-index:1001}.connection-status-compact:hover{background:#fffffff2;box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.connection-status-compact:hover .status-text{display:block;opacity:1;transform:translateY(0)}.connection-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;max-width:300px;padding:1rem}.status-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.status-icon{font-size:1.25rem;line-height:1}.status-title{color:#374151;font-weight:600}.status-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.status-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.status-label{color:#6b7280;font-weight:500}.status-value{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.125rem .375rem}.status-value.connected,.status-value.online{background:#d1fae5;color:#059669}.status-value.disconnected,.status-value.offline{background:#fee2e2;color:#dc2626}.status-value.reconnecting{background:#fef3c7;color:#d97706}.status-actions{display:flex;gap:.5rem}.status-button{border:none;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:.5rem .75rem;transition:all .2s ease}.status-button:disabled{cursor:not-allowed;opacity:.5}.status-button.primary{background:#3b82f6;color:#fff}.status-button.primary:hover:not(:disabled){background:#2563eb}.status-button.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.status-button.secondary:hover:not(:disabled){background:#e5e7eb}@media (prefers-color-scheme:dark){.connection-status-compact{background:#000c;border-color:#fff3;color:#e5e7eb}.connection-status-compact:hover{background:#000000e6}.connection-status-card{background:#1f2937;border-color:#374151;color:#e5e7eb}.status-header{border-color:#374151}.status-title{color:#f9fafb}.status-label{color:#9ca3af}.status-button.secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.status-button.secondary:hover:not(:disabled){background:#4b5563}}.dark-theme .connection-status-compact,body.dark-theme .connection-status-compact{background:#000c;border-color:#fff3;color:#e5e7eb}.dark-theme .connection-status-compact:hover,body.dark-theme .connection-status-compact:hover{background:#000000e6;box-shadow:0 2px 8px #ffffff1a;transform:scale(1.1)}.status-value.reconnecting{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.connection-status-compact{display:none}.connection-status-card{margin:.5rem;max-width:100%}.status-actions{flex-direction:column}.status-button{flex:none}}