body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}: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-backdrop-filter:blur(0);backdrop-filter:blur(0);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.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 (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;max-height:200px!important;max-width:300px!important;object-fit:contain;transition:transform .2s ease}.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{max-height:250px!important;max-width:350px!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:inline-block;max-width:100%;overflow:hidden;position:relative}.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:240px;max-width:280px;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:hidden}@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{max-height:200px!important;max-width:calc(100vw - 120px)!important}.pro-message-blurb .gif-image,.pro-message-list .gif-image{max-height:180px!important;max-width:calc(100vw - 100px)!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{max-height:180px!important;max-width:calc(100vw - 100px)!important}.pro-message-blurb .gif-image,.pro-message-list .gif-image{max-height:160px!important;max-width:calc(100vw - 80px)!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;max-height:200px!important;max-width:200px!important;object-fit:contain;width:auto}@media screen and (max-width:480px){.pro-message-blurb .emoji-gif img,.pro-message-blurb .gif-image,.pro-message-list .emoji-gif img,.pro-message-list .gif-image{max-height:150px!important;max-width:150px!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}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.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 slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@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}}@keyframes error-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.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;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.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{align-items:center;animation:fadeInBlur .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;position:fixed;right:0;z-index:1000}.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;z-index:1000}.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;height:32px;position:relative;width:32px}.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}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}@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;margin:0}.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{display:flex;gap:8px;justify-content:flex-end;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{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease;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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{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: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{padding:16px}.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{display:flex;flex-direction:column;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{display:flex;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;transition:all .2s ease}.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{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}}.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;z-index:1000}.profile-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;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:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{background:#fff;border-bottom-color:#667eea;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;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;margin:0 0 1.5rem}.setting-group{margin-bottom:1.5rem}.setting-group label{display:block;font-weight:500;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);border-radius:8px;padding:.75rem;transition:border-color .2s ease;width:100%}.setting-group select:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.toggle-label{font-weight:500}.toggle-slider{background:#d1d5db;background:var(--border-color,#d1d5db);margin-right:.75rem;transition:background .3s ease;width:48px}.toggle-slider:before{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;-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}.gif-picker-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.gif-picker-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eee;color:#fff;display:flex;justify-content:space-between;padding:20px}.gif-picker-header h3{font-size:1.2rem;font-weight:600;margin:0}.gif-search{border-bottom:1px solid #eee;padding:16px 20px}.gif-search-input{border:2px solid #e1e5e9;border-radius:25px;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s;width:100%}.gif-search-input:focus{border-color:#667eea}.gif-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:16px}.gif-item{aspect-ratio:1;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.gif-item:hover{border-color:#667eea;box-shadow:0 8px 20px #0000004d;transform:scale(1.05)}.gif-item:active{transform:scale(.98)}.gif-item img{height:100%;object-fit:cover;transition:opacity .2s;width:100%}.gif-item img:hover{opacity:.9}.gif-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:11px;font-weight:500;left:0;opacity:0;padding:12px 8px 8px;pointer-events:none;position:absolute;right:0;text-align:center;transition:opacity .3s}.gif-item:hover .gif-overlay{opacity:1}.gif-item:after{align-items:center;background:#667eea;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transform:scale(0);transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.gif-item:hover:after{opacity:1;transform:scale(1)}.gif-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center}.gif-loading,.no-results{grid-column:1/-1;padding:40px}.no-results span{display:block;margin-bottom:16px}.reset-search-btn{background:#667eea;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.reset-search-btn:hover{background:#5a67d8;transform:translateY(-1px)}.gif-categories{background:#f8f9fa;border-top:1px solid #eee;padding:16px 20px}.gif-categories h4{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.category-buttons{display:flex;flex-wrap:wrap;gap:8px}.category-btn{background:#fff;border:1px solid #ddd;border-radius:16px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.category-btn:hover{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:768px){.gif-picker-modal{margin:20px;max-height:90vh;width:95%}.gif-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:16px}.gif-picker-header{padding:20px}.gif-search{padding:16px 20px}.gif-search-input{font-size:16px;padding:14px 18px}.gif-item{border-radius:16px;min-height:140px}.gif-item:hover{transform:scale(1.03)}.category-btn{font-size:14px;min-height:44px;padding:10px 16px}.close-btn{min-height:44px;min-width:44px;padding:8px 12px}}@media (max-width:480px){.gif-picker-modal{margin:10px;max-height:95vh;width:98%}.gif-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:12px}.gif-picker-header{padding:16px}.gif-picker-header h3{font-size:1.1rem}.gif-search{padding:12px 16px}}.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{padding:40px}.loading-spinner{border:3px solid #f3f3f3}.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{align-items:center;background:#667eea;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.contact-info h4{color:#333;font-size:14px;font-weight:500;margin:0 0 4px}.contact-email,.contact-phone{font-size:12px;margin: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;gap:12px;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;width:24px}.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;border-top-color:#fff;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{display:flex;justify-content:center;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}.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{padding:12px 16px}.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{background:#667eea;font-size:16px;height:40px;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;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}}.contact-manager-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-manager-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:85vh;max-width:1000px;overflow:hidden;width:90%}.contact-manager-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-manager-header h3{font-size:1.2rem;font-weight:600;margin:0}.contact-manager-toolbar{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.search-section{flex:1 1;min-width:200px}.search-input{border:2px solid #e1e5e9;border-radius:25px;padding:10px 16px;transition:border-color .3s}.search-input:focus{border-color:#667eea}.toolbar-actions{align-items:center;display:flex;gap:12px}.sort-select{font-size:13px;outline:none;padding:8px 12px}.sort-select,.view-toggle{border:1px solid #ddd;border-radius:6px}.view-toggle{display:flex;overflow:hidden}.view-btn{background:#fff;border:none;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.view-btn:hover{background:#f5f5f5}.view-btn.active{background:#667eea;color:#fff}.add-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.add-btn:hover{background:#218838}.selection-bar{align-items:center;background:#e3f2fd;border-bottom:1px solid #bbdefb;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.selection-bar span{color:#1976d2;font-weight:500}.selection-actions{display:flex;gap:8px}.selection-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.selection-actions button:first-child{background:#fff;border:1px solid #1976d2;color:#1976d2}.selection-actions button:first-child:hover{background:#1976d2;color:#fff}.selection-actions .delete-btn{background:#dc3545;color:#fff}.selection-actions .delete-btn:hover{background:#c82333}.contact-manager-content{flex:1 1;overflow-y:auto;padding:20px 24px}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{border:3px solid #e1e5e9;border-top-color:#667eea;margin-bottom:16px}.contacts-container{grid-gap:16px;display:grid;gap:16px}.contacts-container.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contacts-container.list{grid-template-columns:1fr}.contact-card{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.contact-card:hover{border-color:#667eea;box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.contact-card.selected{background:#f8f9ff;border-color:#667eea}.contacts-container.list .contact-card{padding:12px 16px}.contact-checkbox{flex-shrink:0}.contact-checkbox input{cursor:pointer;margin:0}.contact-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.contacts-container.list .contact-avatar{font-size:16px;height:40px;width:40px}.contact-details{flex:1 1;min-width:0}.contact-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.contacts-container.list .contact-name{font-size:15px}.contact-company,.contact-email,.contact-phone{color:#666;font-size:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-actions{display:flex;flex-shrink:0;gap:8px}.contact-actions button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 8px;transition:background .2s}.edit-btn:hover{background:#667eea1a}.contact-actions .delete-btn:hover{background:#dc35451a}.empty-state{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.empty-state h4{font-size:18px}.empty-state p{font-size:14px;opacity:.8}.add-first-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background .2s}.add-first-btn:hover{background:#5a6fd8}.contact-manager-footer{align-items:center;background:#f8f9fa;border-top:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.footer-info{color:#666;font-size:14px}.footer-actions{display:flex;gap:8px}.export-btn,.import-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.export-btn:hover,.import-btn:hover{background:#f5f5f5;border-color:#667eea;color:#667eea}.add-contact-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.add-contact-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.add-contact-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.add-contact-header h4{color:#333;margin:0}.add-contact-header button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:4px}.add-contact-form{display:flex;flex-direction:column;gap:16px;padding:24px}.add-contact-form input,.add-contact-form textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s}.add-contact-form input:focus,.add-contact-form textarea:focus{border-color:#667eea}.add-contact-form textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.form-actions .cancel-btn{background:#e9ecef;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.form-actions .cancel-btn:hover{background:#dee2e6}.form-actions .save-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.form-actions .save-btn:hover{background:#5a6fd8}@media (max-width:768px){.contact-manager-modal{border-radius:0;height:100vh;width:100%}.contact-manager-toolbar{align-items:stretch;flex-direction:column;gap:12px}.toolbar-actions{justify-content:space-between}.contacts-container.grid{grid-template-columns:1fr}.contact-manager-footer{align-items:stretch;flex-direction:column;gap:12px}.footer-actions{justify-content:center}}@media (max-width:480px){.contact-manager-content,.contact-manager-footer,.contact-manager-header,.contact-manager-toolbar{padding-left:16px;padding-right:16px}.contact-card{padding:12px}.add-contact-form{padding:20px 16px}}.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:1000}.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: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);height:32px;width:32px}.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{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;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;margin-bottom:12px;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}.search-results{margin-bottom:20px}.results-header{align-items:center;display:flex;justify-content:between;margin-bottom:16px}.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;text-align:center}.no-results-icon{display:block;font-size:48px;margin-bottom:16px}.no-results h4{color:#333;color:var(--text-primary,#333);margin:0 0 8px}.no-results p{color:#666;color:var(--text-secondary,#666);margin:0}.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;text-align:center}.empty-icon{display:block;font-size:64px;margin-bottom:20px;opacity:.6}.empty-state h4{color:#333;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;text-align:left}.search-tips h5{color:#333;color:var(--text-primary,#333);font-size:1rem;margin:0 0 12px}.search-tips ul{list-style:none;margin:0;padding:0}.search-tips li{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin-bottom:8px}@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)}.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}}.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;color:#fff;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}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(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 bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(0)}75%{transform:translateY(-1px)}}@keyframes glow{0%,to{box-shadow:0 10px 40px #00000026}50%{box-shadow:0 10px 40px #667eea4d}}.notification-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.notification-settings-modal{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 25px 50px #00000026,0 0 0 1px #fff3,inset 0 1px 0 #fff6;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.notification-settings-header{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid #e2e8f099;display:flex;justify-content:space-between;padding:24px 32px}.notification-settings-header h2{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:8px;margin:0}.close-btn{background:#ef44441a;border-radius:12px;color:#ef4444;font-weight:700;height:40px;width:40px}.close-btn:hover{background:#ef444433;transform:scale(1.05)}.notification-settings-content{flex:1 1;overflow-y:auto;padding:0}.settings-section{border-bottom:1px solid #e2e8f04d;padding:24px 32px}.settings-section:last-child{border-bottom:none}.settings-section h3{align-items:center;color:#334155;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.setting-item{align-items:center;border-bottom:1px solid #e2e8f033;display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1 1;margin-right:20px}.setting-info label{color:#1e293b;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.setting-description{color:#64748b;display:block;font-size:14px;line-height:1.4}.setting-controls{flex-shrink:0}.toggle-switch{display:inline-block;height:28px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#cbd5e1;border:2px solid #0000;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{bottom:2px;box-shadow:0 2px 4px #0003;left:4px;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f14d}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(28px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.frequency-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:140px;padding:8px 12px;transition:all .2s ease}.frequency-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.alert-success{background:#10b9811a;border:1px solid #10b98133;color:#059669}.warning-message{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#d97706;font-size:14px;margin-top:12px;padding:12px}.push-status{background:#6366f10d;border:1px solid #6366f11a;border-radius:8px;margin-top:16px;padding:16px}.push-status p{color:#475569;font-size:14px;margin:0 0 12px}.test-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.test-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.test-btn:disabled{cursor:not-allowed;opacity:.5}.quiet-hours-times{background:#f1f5f980;border:1px solid #e2e8f080;border-radius:8px;display:flex;gap:20px;margin-top:16px;padding:16px}.time-input-group{display:flex;flex-direction:column;gap:8px}.time-input-group label{color:#475569;font-size:14px;font-weight:500}.time-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:8px 12px;transition:all .2s ease}.time-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.notification-settings-footer{background:#f8fafc80;border-top:1px solid #e2e8f099;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.cancel-btn:hover:not(:disabled){background:#6b728026}.save-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 4px #6366f133;color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.notification-settings-overlay{padding:10px}.notification-settings-modal{border-radius:16px;max-height:95vh}.notification-settings-footer,.notification-settings-header,.settings-section{padding:20px 24px}.notification-settings-header h2{font-size:20px}.setting-item{align-items:flex-start;flex-direction:column;gap:12px}.setting-info{margin-right:0}.setting-controls{align-self:flex-end}.notification-settings-footer,.quiet-hours-times{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.notification-settings-footer,.notification-settings-header,.settings-section{padding:16px 20px}.toggle-switch{height:24px;width:48px}.toggle-slider:before{bottom:2px;height:16px;left:4px;width:16px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}}.voice-recorder{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6;margin:10px 0;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.voice-recorder.compact{border-radius:12px;padding:12px}.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:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.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:14px;font-weight:600}.recording-duration{background:#ef44441a;border-radius:8px;color:#ef4444;font-family:Courier New,monospace;font-size:16px;font-weight:700;min-width:60px;padding:4px 12px;text-align:center}.voice-recorder.paused .recording-duration{background:#f59e0b1a;color:#f59e0b}.volume-visualization{background:#00000005;border:1px solid #0000000d;border-radius:12px;margin:16px 0;padding:16px}.volume-meter{align-items:center;display:flex;gap:12px;margin-bottom:16px}.volume-label{color:#6b7280;font-size:12px;font-weight:600;min-width:50px}.volume-bar-container{background:#0000001a;flex:1 1;height:8px;overflow:hidden}.volume-bar,.volume-bar-container{border-radius:4px;position:relative}.volume-bar{background:#22c55e;height:100%;transition:all .1s ease-out;width:0}.volume-bar:after{animation:volume-shine .5s ease-in-out infinite alternate;background:#fffc;border-radius:0 4px 4px 0;content:"";height:100%;position:absolute;right:0;top:0;width:4px}@keyframes volume-shine{0%{opacity:.5}to{opacity:1}}.volume-value{color:#374151;font-size:12px;font-weight:600;min-width:35px;text-align:right}.waveform-container{background:#000;border-radius:8px;overflow:hidden;padding:8px}.waveform-canvas{background:#0000;border-radius:4px;height:60px;width:100%}.recording-progress{margin:16px 0;position:relative}.progress-bar{background:linear-gradient(90deg,#22c55e,#f59e0b 70%,#ef4444);position:relative;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{gap:12px;margin-top:16px}.control-btn,.recording-controls{align-items:center;display:flex;justify-content:center}.control-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;gap:6px;min-width:90px;overflow:hidden;padding:12px 16px;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:16px;line-height:1}.btn-text{font-size:13px}.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: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{animation:spin 1s linear infinite;border:3px solid #6b728033;border-radius:50%;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)}.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}.voice-message-player{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;display:flex;gap:12px;margin:8px 0;padding:12px 16px;transition:all .2s ease}.voice-message-player:hover{background:#fffffff2;box-shadow:0 4px 12px #0000001a}.voice-message-player.compact{border-radius:8px;padding:8px 12px}.play-pause-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.play-pause-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.05)}.play-pause-btn:active{transform:scale(.95)}.voice-message-player.compact .play-pause-btn{font-size:12px;height:28px;width:28px}.playback-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.progress-container{cursor:pointer;padding:4px 0}.progress-track{background:#0000001a;border-radius:2px;height:4px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);position:relative;transition:width .1s ease-out}.progress-fill:after{background:#fffc;border-radius:50%;content:"";height:100%;position:absolute;right:0;top:0;transform:translateX(50%);width:8px}.time-display{align-items:center;color:#6b7280;display:flex;font-family:Courier New,monospace;font-size:11px;justify-content:space-between}.current-time{color:#374151;font-weight:600}.duration{opacity:.7}[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] .volume-visualization{background:#ffffff05;border-color:#ffffff0d}[data-theme=dark] .volume-label,[data-theme=dark] .volume-value{color:#d1d5db}[data-theme=dark] .voice-message-player{background:#1f2937e6;border-color:#ffffff1a;color:#f9fafb}[data-theme=dark] .time-display{color:#9ca3af}[data-theme=dark] .current-time{color:#f9fafb}@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}}: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-columns:280px 1fr;grid-template-columns:var(--pro-sidebar-width) 1fr;grid-template-rows:1fr;position:relative;width:100%}.pro-content{flex:1 1;height:calc(100vh - 88px);overflow:visible}.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:grid;grid-column:2;grid-template-rows:1fr auto;height:100%;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{display:flex;flex-direction:column;grid-row:1;overflow:hidden}.pro-content>.enhanced-input-bar,.pro-content>.enhanced-input-container{grid-row:2;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-column:1}.pro-layout .pro-sidebar.collapsed{width:72px;width:var(--pro-sidebar-collapsed-width)}.pro-header{height:64px;height:var(--pro-header-height)}.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);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;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}.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 (max-width:768px){.pro-layout{display:flex!important;flex-direction:column;grid-template-columns:none!important;grid-template-rows:none!important;height:100vh;height:100dvh;overflow:hidden}.pro-main{flex:1 1;height:100%;overflow:hidden;position:relative}.pro-content{grid-template-rows:1fr auto;height:calc(100vh - 80px);height:calc(100dvh - 80px);overflow:hidden}}@media (max-width:480px){.pro-content{height:calc(100vh - 70px);height:calc(100dvh - 70px)}}@media (min-width:769px){.pro-layout{display:grid!important;flex-direction:row;grid-template-columns:280px 1fr;grid-template-columns:var(--pro-sidebar-width) 1fr;grid-template-rows:1fr}.pro-layout:has(.pro-sidebar.collapsed){grid-template-columns:72px 1fr;grid-template-columns:var(--pro-sidebar-collapsed-width) 1fr}}.pro-message-list{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;border:none;border-radius:50%;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;gap:3px}.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-icon{font-size:48px;margin-bottom:16px;opacity:.5}.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%;position:absolute}.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%;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;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;text-decoration:none;transition:all .3s ease}.sidebar-logo:hover{color:#667eea;transform:scale(1.02)}.logo-icon{align-items:center;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{background:linear-gradient(135deg,#667eea,#764ba2)}.logo-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:-.5px}.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{align-items:center;color:#4a5568;cursor:pointer;display:flex;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;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;font-weight:600}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;height:20px;justify-content:center;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{background:#fff9;border-top:1px solid #e2e8f080;flex-shrink:0;padding:16px 20px}.sidebar-footer,.user-profile-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-profile-button{align-items:center;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;flex-shrink:0;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:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:80}.pro-sidebar-overlay.visible{opacity:1;visibility:visible}@media (max-width:768px){.enhanced-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:95}.enhanced-sidebar.show{transform:translateX(0)}.enhanced-sidebar.collapsed{transform:translateX(-100%)}}@media (max-width:480px){.enhanced-sidebar{width:100%}.pro-sidebar-header{padding:16px}.sidebar-search{padding:12px 16px}.nav-item{padding:14px 16px}.sidebar-footer{padding:12px 16px}}@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}}.user-actions{display:flex;gap:8px;margin-top:12px;padding:0 4px}.action-btn{background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:12px;flex:1 1;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}.action-btn:active{box-shadow:0 4px 12px #00000014}.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}@media (max-width:768px){.enhanced-sidebar{left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:100%;z-index:1000}.enhanced-sidebar:not(.collapsed){transform:translateX(0)}.conversation-item{-webkit-tap-highlight-color:transparent;min-height:60px;padding:12px 15px;touch-action:manipulation}.conversation-item:active{background:#3b82f61a;transform:scale(.98);transition:all .1s ease}.filter-tab{-webkit-tap-highlight-color:transparent;min-height:44px;padding:12px 16px;touch-action:manipulation}.filter-tab:active{background:#3b82f626;transform:scale(.95)}.search-input{font-size:16px;height:44px;touch-action:manipulation}.sidebar-toggle-btn{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;touch-action:manipulation}.sidebar-toggle-btn:active{background:#3b82f633;transform:scale(.9)}.enhanced-sidebar:after{animation:swipeIndicator 3s ease-in-out infinite;background:#3b82f64d;border-radius:3px;content:"";height:40px;opacity:0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:6px}@keyframes swipeIndicator{0%,80%,to{opacity:0}10%,70%{opacity:.6}}}.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;scroll-behavior:smooth}.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;cursor:pointer;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{border-radius:50%;box-shadow:0 0 0 3px #fffc,0 0 0 4px #667eea33,0 8px 20px #0000001a;height:48px;margin:0 auto 12px;overflow:hidden;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{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.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{color:#718096;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;display:flex;gap:8px;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{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%}}.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;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008;display:flex;flex-shrink:0;height:75px;justify-content:space-between;padding:0 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.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{height:65px;padding:0 16px}.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{font-size:11px}.header-action{height:36px;width:36px}.header-right{gap:6px}}@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;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008;display:flex;height:75px;justify-content:space-between;min-height:75px;overflow:hidden;padding:0 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.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:calc(100% - 300px);min-width:0}.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}.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{-ms-overflow-style:none;align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:6px;margin-left:16px;overflow-x:auto;position:relative;scroll-behavior:smooth;scrollbar-width:none}.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;align-items:center;background:#f8fafccc;border:1px solid #e2e8f099;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;outline:none;overflow:hidden;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.action-btn:focus-visible{outline:2px solid #3b82f680;outline-offset:2px}@media (hover:none) and (pointer:coarse){.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:#ffffffe6;border-color:#3b82f64d;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-btn:hover:before{left:100%}.action-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.video-call-btn:hover{background:#22c55e1a;border-color:#22c55e4d}.voice-call-btn:hover{background:#3b82f61a;border-color:#3b82f64d}.invite-user-btn{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f14d}.invite-user-btn:hover{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f180;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.new-chat-btn{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e4d}.new-chat-btn:hover{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e80;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.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{position:relative}.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,.header-menu:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.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;border:none;border-radius:0;color:#374151;cursor:pointer;font-size:14px;gap:12px;padding:12px 16px;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:#1e293bcc;border-color:#33415599;color:#e2e8f0}.dark-theme .action-btn:hover{background:#334155e6}.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:calc(100% - 350px)}.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:calc(100% - 280px)}.header-actions{gap:5px;margin-left:12px}}@media (max-width:900px){.enhanced-chat-header{padding:0 20px}.header-left{gap:14px;max-width:calc(100% - 260px)}.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:60px;padding:0 16px}.header-center{display:none}.header-left{gap:12px;max-width:calc(100% - 250px)}.conversation-avatar{height:36px;width:36px}.conversation-title{font-size:16px}.action-btn,.conversation-status{font-size:12px}.action-btn{flex-shrink:0;height:28px;width:28px}.header-actions{gap:4px;margin-left:8px;min-width:240px}.dropdown-menu{min-width:160px}}@media (max-width:480px){.enhanced-chat-header{height:56px;padding:0 8px}.header-left{gap:8px;max-width:calc(100% - 200px)}.conversation-avatar{height:28px;width:28px}.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-status{display:none}.action-btn{flex-shrink:0;font-size:11px;height:24px;min-width:24px;width:24px}.header-actions{-ms-overflow-style:none;flex-wrap:nowrap;gap:2px;margin-left:4px;min-width:190px;overflow-x:auto;padding-right:4px;scrollbar-width:none}.header-actions::-webkit-scrollbar{display:none}.info-btn{display:none}}.enhanced-recording-container{animation:recordingSlideDown .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 32px #6366f126;margin:12px 0;padding:16px}@keyframes recordingSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform: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;padding:12px}.chat-voice-player{-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.voice-message-fallback{background:#9ca3af1a;border-radius:8px;color:#6b7280;font-size:14px;padding:8px}.voice-message-fallback .voice-placeholder{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{margin:8px 0;padding:12px}}@media (max-width:480px){.inline-voice-recorder .voice-recorder{bottom:70px;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;height:88px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100!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;border-radius:50%;box-shadow:0 0 6px #007bff4d;opacity:1!important;position:absolute;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%}@keyframes shimmer{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.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;flex-direction:column;height:100%;min-height:0;overflow-x:visible;overflow-y:hidden}.messages-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:visible;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 96px}.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);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-height:env(keyboard-inset-height,0);padding:16px 16px max(16px,env(safe-area-inset-bottom));position:relative;position:-webkit-sticky;position:sticky;width:100%;z-index:1010}.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{display:flex;flex-direction:column;grid-column:2;height:100vh;overflow:hidden;position:relative}.pro-main,.pro-main.collapsed{width:100%}.pro-message-list{align-items:flex-start;background:#0000;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-x:visible;overflow-y:auto;padding:16px 20px;scroll-snap-type:y proximity}.message-input-container,.pro-chat-input-container{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #ffffff1a;bottom:4px;box-shadow:0 -8px 32px #0000001a,0 -2px 8px #0000000d,inset 0 1px 0 #fff3;box-sizing:border-box;display:flex;gap:16px;grid-row:2;justify-content:center;margin:0 auto;max-width:100%;padding:20px 32px max(20px,env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:999!important}@media (max-width:768px){.pro-main{grid-column:1;height:calc(100vh - 80px);height:calc(100dvh - 80px);margin:0;padding:0;width:100%}.message-input-container,.pro-chat-input-container{bottom:0;box-sizing:border-box;justify-content:center;left:0;margin:0 auto;max-width:100vw;padding:16px 20px max(16px,env(safe-area-inset-bottom));position:fixed;right:0;width:100vw;z-index:1001}.input-wrapper{display:flex;gap:8px;margin:0 auto;max-width:calc(100vw - 40px);padding:0 20px}.input-wrapper,.pro-message-list{align-items:center;justify-content:center;width:100%}.pro-message-list{overflow-x:visible;padding:12px 16px 120px;padding-bottom:calc(100px + var(--safe-area-inset-bottom, 20px))}.pro-message-container{display:flex;justify-content:center;margin:8px 0;width:100%}.pro-message-container .pro-message-wrapper{margin:0 auto;max-width:calc(100vw - 40px);width:-webkit-fit-content;width:fit-content}.pro-message-blurb{display:block;margin:0 auto;max-width:calc(100vw - 60px);padding:8px 12px;width:-webkit-fit-content;width:fit-content}.message-text{word-wrap:break-word;max-width:calc(100vw - 80px);overflow-wrap:break-word;text-align:left}.message-text[data-length=short]{max-width:250px}.message-text[data-length=medium]{max-width:300px}.message-text[data-length=long],.message-text[data-length=very-long]{max-width:calc(100vw - 80px)}}@media (max-width:480px){.pro-main{height:calc(100vh - 70px);height:calc(100dvh - 70px);margin:0;padding:0;width:100%}.message-input-container,.pro-chat-input-container{bottom:0;box-sizing:border-box;left:0;margin:0;max-width:100%;overflow:hidden;padding:12px 8px max(12px,env(safe-area-inset-bottom));position:fixed;right:0;width:100%;z-index:1001}.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:center;justify-content:center;padding:8px 12px;padding-bottom:calc(100px + max(12px, env(safe-area-inset-bottom)))!important;width:100%}.pro-message-list.mobile-optimized{margin-bottom:0;padding-bottom:120px!important;padding-bottom:calc(var(--input-height-mobile, 80px) + 40px)!important;scroll-padding-bottom:60px}.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{display:block;margin:4px auto;max-width:calc(100vw - 40px);padding:6px 10px;width:-webkit-fit-content;width:fit-content}.message-text{word-wrap:break-word;font-size:13px;max-width:calc(100vw - 60px);overflow-wrap:break-word;padding:8px 12px;text-align:left}.message-text[data-length=short]{max-width:180px;padding:4px 6px}.message-text[data-length=medium]{max-width:240px;padding:6px 10px}.message-text[data-length=long]{max-width:calc(100vw - 60px);padding:10px 14px}.message-text[data-length=very-long]{max-width:calc(100vw - 60px);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:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=short]){max-width:250px!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:350px!important;width:-webkit-fit-content!important;width:fit-content!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:-webkit-fit-content!important;width:fit-content!important}}@media (max-width:480px){.pro-message-blurb{max-width:calc(100% - 16px)!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=short]){max-width:200px!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:280px!important;width:-webkit-fit-content!important;width:fit-content!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:-webkit-fit-content!important;width:fit-content!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(20px,env(safe-area-inset-bottom))}.input-wrapper.enhanced{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;display:flex;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;position:fixed;right:0;top:0;z-index:15000}.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 20px 0 0;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{background:#1e293be6;border-color:#33415599;color:#e2e8f0}.dark-theme .message-input.enhanced::placeholder{color:#64748b}.dark-theme .message-input.enhanced:focus{background:#1e293bf2;border-color:#3b82f680}.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{height:auto!important;max-height:250px!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.gif-attachment .attached-image{max-height:220px!important}.input-actions-row{border-bottom:1px solid #e2e8f04d;flex-wrap:wrap;gap:6px;margin-bottom:4px;padding:8px 0}.message-input-row{align-items:flex-end;gap:8px}.input-btn{flex-shrink:0;font-size:18px;height:42px;width:42px}.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{flex-wrap:wrap!important;gap:3px!important;justify-content:flex-start!important;padding:6px 0!important}.message-input-row{gap:6px!important}.input-btn{border-radius:12px!important;font-size:20px!important;height:44px!important;min-width:44px!important;width:44px!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:44px!important;min-width:44px!important;touch-action:manipulation}.input-actions-row{gap:12px!important}}.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:300px;max-width:100%;object-fit:contain;transition:all .3s ease;width:100%}.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;position:relative}@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;filter:brightness(1.02) saturate(1.1);transition:all .3s ease}.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;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:0!important;max-width:85%!important;min-width:auto!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb .message-content{flex:1 1 auto!important;min-width:0!important;width:auto!important}.pro-message-blurb .message-text{min-width:auto!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=short]){max-width:350px!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:550px!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=long]){max-width:700px!important;width:-webkit-fit-content!important;width:fit-content!important}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:85%!important;width:-webkit-fit-content!important;width:fit-content!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;align-items:stretch;display:flex;flex:1 1;gap:12px;justify-content:center;max-width:100%;position:relative;width:100%}.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;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: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;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;outline:none!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:#000!important;caret-color:var(--pro-text,#fff)!important;color:#000!important;color:var(--pro-text,#fff)!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;bottom:0;left:auto;margin:0;max-width:100%;position:-webkit-sticky;position:sticky;right:auto;width:100%}.pro-chat-input-container.keyboard-avoiding{bottom:0;position:-webkit-sticky;position:sticky}}@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{bottom:0;left:auto;margin:0;max-width:100%;position:-webkit-sticky;position:sticky;right:auto;width:100%}.pro-chat-input-container.keyboard-avoiding{bottom:0;position:-webkit-sticky;position:sticky}}@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:1}.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%;min-height:60px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.message-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:visible;width:auto}.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{flex-shrink:0;font-size:11px;font-weight:400;letter-spacing:.025em;margin-left:52px;margin-top:2px;opacity:.7;text-align:left;transition:opacity .2s ease}@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:auto}.message-text[data-length=short]{background:#3b82f60d;border-radius:8px;display:inline-block;font-size:14px;line-height:1.4;max-width:300px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.message-text[data-length=medium]{background:#ffffff80;border-radius:10px;font-size:14px;line-height:1.5;max-width:500px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.message-text[data-length=long]{background:#f9fafbcc;border-left:3px solid #3b82f64d;line-height:1.6;max-width:650px;padding:12px 16px}.message-text[data-length=long],.message-text[data-length=very-long]{border-radius:12px;font-size:14px;width:-webkit-fit-content;width:fit-content}.message-text[data-length=very-long]{background:#f8f9fae6;border-left:4px solid #3b82f666;box-shadow:0 2px 8px #0000000d;line-height:1.7;max-width:80%;padding:16px 20px}.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:350px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:550px;padding:10px 14px;width:-webkit-fit-content;width:fit-content}.pro-message-blurb:has(.message-text[data-length=long]){max-width:700px;width:-webkit-fit-content;width:fit-content}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:85%;padding:14px 18px;width:-webkit-fit-content;width:fit-content}.pro-message-blurb:has(.message-text[data-length=long]){max-width:750px;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;padding:8px 12px}.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=short]{font-size:13px;max-width:250px;padding:3px 6px}.message-text[data-length=medium]{font-size:13px;max-width:350px;padding:4px 8px}.message-text[data-length=long]{font-size:13px;max-width:90%;padding:8px 12px}.message-text[data-length=very-long]{font-size:13px;max-width:95%;padding:12px 16px}.pro-message-blurb:has(.message-text[data-length=short]){max-width:280px;padding:6px 10px}.pro-message-blurb:has(.message-text[data-length=medium]){max-width:380px;padding:8px 12px}.pro-message-blurb:has(.message-text[data-length=long]){max-width:95%;padding:10px 14px}.pro-message-blurb:has(.message-text[data-length=very-long]){max-width:98%;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{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{overflow:visible;padding:0;position:relative;scroll-behavior:smooth;scroll-padding-top:20px;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 gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@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{width:100%!important}.pro-chat-input-container,.pro-chat-input-container.enhanced{box-sizing:border-box!important;left:0!important;margin:0!important;max-width:100%!important;overflow:hidden!important;padding:6px 4px!important;position:fixed!important;right:0!important;width:100%!important}.input-wrapper,.input-wrapper.enhanced{box-sizing:border-box!important;gap:1px!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:8px;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 4px 12px #007bff4d;transform:translateY(-1px)}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:80px;padding:0 24px}.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;gap:16px;height:calc(100vh - 180px);height:calc(100dvh - 180px);overflow-y:auto;padding:20px 24px}.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)}.pro-chat-input-container{background:#fff;background:var(--pro-bg);border-top:1px solid #e0e0e0;border-top:1px solid var(--pro-border);min-height:100px;padding:20px 24px}.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{height:calc(100vh - 140px);height:calc(100dvh - 140px);padding:16px 20px}.pro-chat-input-container{min-height:80px;padding:16px 20px}.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:768px){.call-options-modal{margin:20px;max-width:95vw}.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}}.enhanced-recording-container{animation:recording-glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444414,#f59e0b0d 50%,#22c55e14);border:2px solid #ef444433;border-radius:20px;box-shadow:0 8px 32px #ef444426,inset 0 1px 0 #ffffff4d;margin:16px 0;padding:20px;position:relative}@keyframes recording-glow{0%,to{box-shadow:0 8px 32px #ef444426,inset 0 1px 0 #ffffff4d}50%{box-shadow:0 12px 40px #ef444440,inset 0 1px 0 #fff6}}.inline-voice-recorder{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;margin:0;padding:0}.inline-voice-recorder .recording-controls{gap:0;margin:0}.inline-voice-recorder .control-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.inline-voice-recorder .control-btn:hover{box-shadow:0 6px 20px #ef444466;transform:scale(1.05)}.inline-voice-recorder .btn-text{display:none}.inline-voice-recorder .btn-icon{font-size:14px}.chat-voice-recorder.compact{background:#fffffffa;border-radius:16px;margin:8px 0;padding:12px 16px}.chat-voice-recorder.compact .recording-status{border-radius:10px;margin-bottom:12px;padding:8px 12px}.chat-voice-recorder.compact .recording-controls{gap:8px;margin-top:12px}.chat-voice-recorder.compact .control-btn{font-size:13px;min-width:80px;padding:8px 14px}.voice-message.enhanced{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f614,#6366f10d);border:1px solid #3b82f633;border-radius:16px;box-shadow:0 4px 16px #3b82f61a;margin:8px 0;padding:12px 16px;transition:all .2s ease}.voice-message.enhanced:hover{background:linear-gradient(135deg,#3b82f61f,#6366f114);box-shadow:0 6px 20px #3b82f626;transform:translateY(-1px)}.voice-message-fallback{align-items:center;background:#6b72801a;border:1px solid #6b728033;border-radius:12px;display:flex;gap:12px;padding:8px 12px}.voice-message-fallback .voice-icon{font-size:20px;opacity:.7}.voice-message-fallback .voice-duration{color:#374151;font-family:Courier New,monospace;font-size:14px;font-weight:600}.voice-message-fallback .voice-placeholder{color:#6b7280;font-size:12px;font-style:italic}.chat-voice-player{background:#0000;border:none;box-shadow:none;margin:0;padding:8px 0}.chat-voice-player .playback-info{gap:4px}.chat-voice-player .progress-track{border-radius:3px;height:6px}.chat-voice-player .time-display{font-size:10px;opacity:.8}.pro-chat-input-container .enhanced-recording-container{border-radius:16px;margin:0 0 16px}@media (max-width:768px){.enhanced-recording-container{border-radius:16px;margin:12px 0;padding:16px}.inline-voice-recorder .control-btn{height:32px;min-width:32px;width:32px}.inline-voice-recorder .btn-icon{font-size:12px}.chat-voice-recorder.compact{border-radius:12px;padding:10px 12px}.chat-voice-recorder.compact .control-btn{font-size:12px;min-width:70px;padding:6px 10px}.voice-message.enhanced{border-radius:12px;padding:10px 12px}.chat-voice-player .play-pause-btn{height:32px;width:32px}}[data-theme=dark] .enhanced-recording-container{background:linear-gradient(135deg,#ef44441f,#f59e0b14 50%,#22c55e1f);border-color:#ef44444d}[data-theme=dark] .voice-message.enhanced{background:linear-gradient(135deg,#3b82f61f,#6366f114);border-color:#3b82f64d}[data-theme=dark] .voice-message-fallback{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .voice-message-fallback .voice-duration{color:#f9fafb}[data-theme=dark] .voice-message-fallback .voice-placeholder{color:#d1d5db}@media (prefers-reduced-motion:reduce){.enhanced-recording-container{animation:none}.inline-voice-recorder .control-btn,.voice-message.enhanced{transition:none}}@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))}.pro-header{padding-top:max(0px,env(safe-area-inset-top))}}@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}}.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:480px){.login-header .welcome-text{font-size:1rem}.social-button{font-size:15px;padding:14px 12px}}.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;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#aaa}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.auth-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.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}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-container{padding:15px}.auth-form{border-radius:16px;padding:30px 24px}.auth-header h2{font-size:1.8rem}.form-group input{font-size:16px;padding:14px 16px}.auth-button{font-size:16px;padding:16px}}@media (max-width:360px){.auth-form{padding:24px 20px}.auth-header h2{font-size:1.6rem}}.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;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.splash-content{max-width:400px;padding:20px;text-align:center}.splash-logo h1{animation:fadeInScale .8s ease-out;font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px #0000004d}.splash-logo .version{font-size:1rem;font-weight:400;margin:0 0 1.5rem;opacity:.8}.splash-progress{margin-top:2rem}.progress-bar{background:#ffffff4d;border-radius:2px;height:4px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#fff,#fffc);border-radius:2px;box-shadow:0 0 10px #ffffff80;height:100%;transition:width .3s ease}.loading-text{animation:fadeIn .5s ease-in-out;font-size:1rem;margin:0;opacity:.9}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.9}}@media (max-width:480px){.splash-logo h1{font-size:2.5rem}.splash-content{padding:16px}}.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-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;color:#fff;display:flex;font-size:12px;gap:6px;padding:8px 12px;position:fixed;right:10px;top:10px;z-index:1000}.pwa-status.offline{background:#ff9800e6}.pwa-status.update-available{background:#4caf50e6}.status-icon{font-size:14px}.status-text{font-weight:500}.refresh-btn{background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:11px;margin-left:6px;padding:4px 8px}.refresh-btn:hover{background:#ffffff4d}@media (max-width:480px){.pwa-status{font-size:11px;padding:6px 10px;right:5px;top:5px}}.install-prompt{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #00000026;left:50%;max-width:400px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:1000}.install-prompt-content{align-items:center;display:flex;gap:12px;padding:16px 20px}.install-icon{flex-shrink:0;font-size:24px}.install-text{flex:1 1}.install-text h3{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.install-text p{color:#666;font-size:14px;line-height:1.3;margin:0}.install-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.install-btn{background:#667eea;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease}.install-btn:hover{background:#5a6fd8}.dismiss-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:4px;transition:background .2s ease;width:28px}.dismiss-btn:hover{background:#f5f5f5;color:#666}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:480px){.install-prompt{bottom:10px;width:calc(100% - 20px)}.install-prompt-content{padding:12px 16px}.install-text h3{font-size:15px}.install-text p{font-size:13px}}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:26px;top:20px;transition:all .3s ease;width:50px;z-index:1001}.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;box-shadow:0 20px 40px #0000001a;max-height:600px;overflow:hidden;position:fixed;right:20px;top:80px;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-toggle{font-size:18px;height:45px;right:15px;top:15px;width:45px}.theme-panel{left:15px;max-height:500px;right:15px;top:70px;width:auto}.theme-panel-content{padding:15px}.theme-card{padding:10px}.theme-preview{font-size:16px;height:35px;width:35px}}@media (max-width:480px){.theme-panel{left:10px;max-height:400px;right:10px;top:70px}.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}}
/*# sourceMappingURL=main.2187a59b.css.map*/