.spinner-wrapper{display:inline-block;position:relative}.spinner-wrapper.small{height:20px;width:20px}.spinner-wrapper.medium{height:40px;width:40px}.spinner-wrapper.large{height:60px;width:60px}.spinner-svg{height:100%;width:100%}.spinner-circle{animation:spinnerRotate 1.5s linear infinite;transform-origin:50px 50px}@keyframes spinnerRotate{0%{stroke-dashoffset:0;transform:rotate(0deg)}50%{stroke-dashoffset:-70.7px}to{stroke-dashoffset:-141.4px;transform:rotate(1turn)}}.loading-screen{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px 20px}.loading-screen.fullscreen{background:#fff;background:var(--app-bg,#fff);inset:0;min-height:100vh;position:fixed;z-index:9999}.loading-screen[data-theme=dark].fullscreen,[data-theme=dark] .loading-screen.fullscreen{background:#0f0f0f}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner-wrapper{height:60px;position:relative;width:60px}.loading-screen.small .loading-spinner-wrapper{height:40px;width:40px}.loading-screen.large .loading-spinner-wrapper{height:80px;width:80px}.loading-svg{height:100%;width:100%}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#666;color:var(--text-muted,#666);font-size:14px;font-weight:500;letter-spacing:.5px}[data-theme=dark] .loading-text{color:#999}@media (max-width:480px){.loading-screen{min-height:150px;padding:30px 15px}.loading-spinner-wrapper{height:50px;width:50px}.loading-text{font-size:13px}}.connecting-spinner,.loading-spinner,.loading-spinner-large,.loading-spinner-medium,.loading-spinner-small,.search-loading .spinner,.send-spinner,.upload-spinner,.upload-spinner-small,.voice-loading-spinner{background:none;border:none;display:inline-block;position:relative}.loading-spinner-small{height:20px;width:20px}.loading-spinner,.loading-spinner-medium,.search-loading .spinner{height:40px;width:40px}.loading-spinner-large{height:60px;width:60px}.upload-spinner{height:16px;width:16px}.upload-spinner-small{height:20px;width:20px}.send-spinner{height:18px;width:18px}.voice-loading-spinner{height:12px;width:12px}.connecting-spinner{height:60px;width:60px}@media (prefers-reduced-motion:reduce){.spinner-circle{animation:none}}.skeleton-loader{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#c8c8c833,#c8c8c84d 50%,#c8c8c833);background-size:200% 100%;border-radius:8px;height:20px;margin:8px 0}[data-theme=dark] .skeleton-loader{background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-inline{align-items:center;color:#667eea;display:inline-flex;font-size:13px;gap:8px}.loading-inline .spinner-small{animation:spin .8s linear infinite;border:1px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:12px;width:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px #0003;--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#fff9;--input-bg:#ffffff14;--input-border:#ffffff26;--input-focus-border:#667eea99;--error-bg:#dc262626;--error-border:#dc26264d;--success-bg:#22c55e26;--success-border:#22c55e4d}[data-theme=light]{--glass-bg:#ffffffe6;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px #0000001a;--text-primary:#1a1a1a;--text-secondary:#1a1a1acc;--text-tertiary:#1a1a1a99;--input-bg:#fff9;--input-border:#0000001a;--input-focus-border:#667eea}body{overflow:hidden}.auth-container{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#0f0c29,#302b63,#24243e,#1a1a2e);background-size:400% 400%;bottom:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0}.auth-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba226 0,#0000 50%),radial-gradient(circle at 40% 40%,#f093fb1a 0,#0000 50%)}.auth-container:after,.auth-container:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.auth-container:after{animation:gridMove 20s linear infinite;background-image:linear-gradient(#fff3 1px,#0000 0),linear-gradient(90deg,#fff3 1px,#0000 0);background-image:linear-gradient(var(--glass-border) 1px,#0000 1px),linear-gradient(90deg,var(--glass-border) 1px,#0000 1px);background-size:50px 50px;opacity:.1}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,10px) scale(1.1)}50%{transform:translate(-5px,15px) scale(1.05)}75%{transform:translate(-10px,-5px) scale(1.1)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-top-header{left:0;position:absolute;right:0;text-align:center;top:30px;z-index:3}.auth-app-name{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}@keyframes glow{0%{opacity:.8}to{opacity:1}}.auth-logo-section{animation:floatLogo 6s ease-in-out infinite;margin-bottom:40px;z-index:3}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:120px;object-fit:contain;padding:15px;width:120px}.auth-card,.auth-logo{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border)}.auth-card{animation:slideUp .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px #0003;box-shadow:var(--glass-shadow);max-height:85vh;max-width:440px;overflow-y:auto;padding:40px;position:relative;scrollbar-color:#fff3 #0000;scrollbar-color:var(--glass-border) #0000;scrollbar-width:thin;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:2}.auth-card:hover{box-shadow:0 20px 60px #0000004d;transform:translateY(-5px)}.auth-card::-webkit-scrollbar{width:6px}.auth-card::-webkit-scrollbar-track{background:#0000}.auth-card::-webkit-scrollbar-thumb{background-color:#fff3;background-color:var(--glass-border);border-radius:3px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form,.auth-input-group{margin-bottom:24px}.auth-input-group{position:relative}.auth-input-icon-container{align-items:center;display:flex;height:20px;justify-content:center;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.auth-input-icon{color:#fff9;color:var(--text-tertiary);height:20px;width:20px}.auth-input:focus~.auth-input-icon-container .auth-input-icon{color:#667eea99;color:var(--input-focus-border)}[data-theme=light] .auth-input-icon{color:#0009}.auth-input{background:#ffffff14;background:var(--input-bg);border:1px solid #ffffff26;border:1px solid var(--input-border);border-radius:12px;box-sizing:border-box;color:#fff;color:var(--text-primary);font-family:inherit;font-size:16px;outline:none;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.auth-input:focus{border-color:#667eea99;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #667eea1a}.auth-input::placeholder{color:#0000}.auth-label{color:#fff9;color:var(--text-tertiary);font-size:14px;left:48px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left top;transition:all .3s ease}.auth-input:focus+.auth-label,.auth-input:not(:placeholder-shown)+.auth-label{color:#667eea99;color:var(--input-focus-border);font-size:12px;left:48px;top:8px;transform:scale(.85) translateY(0)}.auth-email-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%;z-index:1}.auth-email-button:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.auth-email-button:hover:before{left:0}.auth-email-button:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.auth-forgot-password-container{margin:20px 0;text-align:center}.auth-forgot-password-link{background:none;border:none;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.auth-forgot-password-link:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.auth-divider{align-items:center;display:flex;margin:30px 0}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#fff3,#0000);background:linear-gradient(90deg,#0000,var(--glass-border),#0000);content:"";flex:1 1;height:1px}.auth-divider-text{color:#fff9;color:var(--text-tertiary);font-size:14px;font-weight:500;padding:0 20px}.auth-google-button{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.auth-google-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.auth-google-button:hover:before{left:100%}.auth-google-button:hover{border-color:#667eea99;border-color:var(--input-focus-border);box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.auth-google-icon{filter:brightness(0) invert(1);height:20px;width:20px}[data-theme=light] .auth-google-icon{filter:none}.auth-switch-container{margin-top:30px;text-align:center}.auth-create-account-button{background:#0000;border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.auth-create-account-button:hover{background:#667eea1a;border-color:#667eea99;border-color:var(--input-focus-border);transform:translateY(-2px)}.auth-error{animation:shake .5s ease;background:#dc262626;background:var(--error-bg);border:1px solid #dc26264d;border:1px solid var(--error-border);border-radius:12px;color:#fecaca;font-size:14px;margin-bottom:24px;padding:16px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-footer{bottom:30px;left:0;position:absolute;right:0;text-align:center;z-index:3}.devfusion-logo{gap:12px;justify-content:center;opacity:.7;transition:opacity .3s ease}.devfusion-logo:hover{opacity:1}.devfusion-logo-img{height:24px}.devfusion-text{color:#fff9;color:var(--text-tertiary);font-weight:500}.auth-modal-overlay{align-items:center;animation:fadeIn .3s ease;-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}.auth-modal-content{animation:modalSlideUp .4s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0003;box-shadow:var(--glass-shadow);max-width:480px;padding:40px;position:relative;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.auth-modal-close:hover{background:#ffffff1a;color:#fff;color:var(--text-primary);transform:rotate(90deg)}.auth-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 16px;text-align:center}.auth-modal-buttons{display:flex;gap:12px;margin-top:24px}.auth-modal-cancel-button,.auth-modal-submit-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.auth-modal-cancel-button{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--glass-border);color:#fff;color:var(--text-primary)}.auth-modal-cancel-button:hover{background:#ffffff26;transform:translateY(-2px)}.auth-modal-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;color:#fff}.auth-modal-submit-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.auth-modal-cancel-button:disabled,.auth-modal-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.auth-reset-success{padding:20px 0;text-align:center}.auth-success-icon{align-items:center;animation:scaleIn .5s ease;background:#22c55e26;background:var(--success-bg);border:2px solid #22c55e4d;border:2px solid var(--success-border);border-radius:50%;color:#22c55e;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.auth-success-message{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.auth-success-submessage{color:#fffc;color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0 0 20px}.auth-success-submessage strong{color:#fff;color:var(--text-primary)}.auth-spam-notice{background:#ffd93d1a;border:1px solid #ffd93d4d;border-radius:12px;color:#ffd93d;font-size:14px;margin:20px 0;padding:16px}[data-theme=dark] .auth-spam-notice{background-color:#3a3000;border-color:#5a5000;color:#ffd93d}.auth-modal-ok-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px 24px;transition:all .3s ease;width:100%}.auth-modal-ok-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:480px){.auth-container{padding:16px}.auth-card{margin:0 auto;max-width:100%;padding:32px 24px;width:calc(100% - 32px)}.auth-logo{height:100px;width:100px}.auth-app-name{font-size:1.2rem}.auth-input{font-size:15px;padding:14px 16px 14px 44px}.auth-input:focus+.auth-label,.auth-input:not(:placeholder-shown)+.auth-label,.auth-label{left:44px}.auth-input-group:before{height:18px;left:14px;width:18px}.auth-create-account-button,.auth-email-button,.auth-google-button{font-size:15px;padding:14px}.auth-modal-content{padding:32px 24px}.auth-modal-buttons{flex-direction:column}.auth-input-icon-container{left:14px}.auth-input-icon{height:18px;width:18px}}@media (max-width:320px){.auth-card{padding:24px 20px}.auth-input{font-size:14px;padding:20px 16px 8px}.auth-label{font-size:13px}}.auth-create-account-button:disabled,.auth-email-button:disabled,.auth-google-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (prefers-reduced-motion:reduce){.auth-card,.auth-container,.auth-container:after,.auth-container:before,.auth-create-account-button,.auth-email-button,.auth-google-button,.auth-input{animation:none;transition:none}.auth-card:hover,.auth-create-account-button:hover,.auth-email-button:hover,.auth-google-button:hover{transform:none}}:root{--app-bg:#f5f5f5;--app-text:#333;--app-border:#e0e0e0;--app-card-bg:#fff}[data-theme=dark]{--app-bg:#1a1a1a;--app-text:#e0e0e0;--app-border:#404040;--app-card-bg:#2d2d2d}body{background-color:#f5f5f5;background-color:var(--app-bg);color:#333;color:var(--app-text);transition:background-color .3s ease,color .3s ease}body.no-text-select,body.no-text-select :not(input):not(textarea):not([contenteditable=true]){-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.app-loading{background-color:#f5f5f5;background-color:var(--app-bg);color:#333;color:var(--app-text);font-size:18px;height:100vh}.app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4285f4,#34a853);-webkit-background-clip:text;background-clip:text;font-size:48px;margin-bottom:16px}.app-error{align-items:center;background-color:#f5f5f5;background-color:var(--app-bg);display:flex;flex-direction:column;font-size:18px;height:100vh;justify-content:center;text-align:center}.app-error,.app-error h2{color:#333;color:var(--app-text)}.app-error h2{margin-bottom:10px}.app-error-message{color:#ea4335;margin:20px}.app-error-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px;transition:background-color .2s ease}.app-error-button:hover{background-color:#3367d6}.app-loading{min-height:100vh;position:relative;width:100%}.app-loading,.app-loading-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.app-loading-content{flex:1 1;text-align:center}.app-loading-footer{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;text-align:center}.devfusion-logo{align-items:center;display:flex;gap:8px}.devfusion-logo-img{height:32px;object-fit:contain;width:auto}.devfusion-text{color:#999;font-size:14px;font-weight:600;letter-spacing:.5px}.animated-logo{-webkit-text-fill-color:#0000;animation:pulse 2s infinite;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:20px}.loading-dots{display:flex;gap:8px;justify-content:center;width:100%}.loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.app-nav{background-color:var(--home-card-bg);border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:15px 20px}.app-nav,.app-nav-left{align-items:center;display:flex}.app-nav-left{gap:20px}.app-nav-brand{color:#4285f4;font-size:20px;font-weight:700;text-decoration:none;transition:color .2s ease}.app-nav-brand:hover{color:#3367d6}.app-nav-links{display:flex;gap:15px}.app-nav-link{border-radius:6px;color:var(--home-text);font-size:14px;font-weight:500;padding:8px 12px;text-decoration:none;transition:background-color .2s ease}.app-nav-link:hover{background-color:#0cf;color:#feffff}.app-nav-right{align-items:center;display:flex;gap:15px}.app-user-greeting{color:#666;font-size:14px}.app-logout-button{background-color:#ea4335;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.app-logout-button:hover{background-color:#d33426}@media (max-width:768px){.app-nav{flex-direction:column;gap:15px;padding:10px 15px}.app-nav-left{flex-direction:column;gap:10px;width:100%}.app-nav-links{flex-wrap:wrap;justify-content:center}.app-nav-right{justify-content:space-between;width:100%}.app-logo{font-size:36px}}@media (max-width:480px){.app-nav-links{gap:8px}.app-nav-link{padding:6px 10px}.app-nav-link,.app-user-greeting{font-size:12px}.app-logout-button{font-size:12px;padding:6px 12px}}*{-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}[contenteditable=true],input,textarea{-webkit-user-select:text;user-select:text}*,[role=button],[tabindex],a,button{-webkit-tap-highlight-color:transparent;tap-highlight-color:#0000;outline:none}body,html{-webkit-tap-highlight-color:transparent}body{background-color:#f4f6f8;color:#222;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}nav{padding:10px 20px}nav a{color:#fff;font-weight:700;margin-right:15px;text-decoration:none}nav a:hover{text-decoration:underline}h3{margin-top:0}.friends-list{background-color:#fff;border-right:1px solid #ccc;overflow-y:auto;width:300px}.friends-list ul{list-style:none;margin:0;padding:0}.friends-list li{border-bottom:1px solid #eee}.friends-list button{background:none;border:none;cursor:pointer;font-size:16px;padding:12px 15px;text-align:left;width:100%}.friends-list button:focus,.friends-list button:hover{background-color:#f0f2f5;outline:none}.chat-area{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;padding:15px}.chat-area h3{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px}.messages-container{background:#fafafa;border:1px solid #ddd;flex-grow:1;margin-bottom:10px;overflow-y:auto;padding:15px}.message{word-wrap:break-word;border-radius:20px;clear:both;margin-bottom:10px;max-width:70%;padding:10px 15px}.message.you{background-color:#1877f2;color:#fff;float:right}.message.friend{background-color:#e4e6eb;float:left}.chat-input{border-top:1px solid #ccc;display:flex;padding-top:10px}.chat-input input[type=text]{border:1px solid #ccc;border-radius:20px;flex-grow:1;font-size:16px;margin-right:10px;padding:10px}.chat-input button{background-color:#1877f2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:0 20px}.chat-input button:hover{background-color:#165cdb}@media (max-width:768px){.home-container{flex-direction:column;height:auto}.friends-list{border-bottom:1px solid #ccc;border-right:none;height:150px;width:100%}.chat-area{height:auto}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}
/*# sourceMappingURL=main.1b2d16b8.css.map*/