@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";.logo-svg{display:inline-block;vertical-align:middle}.logo-blue{color:var(--primary-blue)}.logo-white{color:#fff}.logo-subtle{color:var(--text-secondary)}.loginContainer{display:flex;width:100%;min-height:100vh;background-color:var(--background-dark)}.loginBackground{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.loginBackground img{width:100%;height:100%;object-fit:cover}.loginContent{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;position:relative}.loginCard{width:100%;max-width:400px;padding:40px;display:flex;flex-direction:column;align-items:center}.logoSection{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.loginLogo{margin-bottom:16px;animation:pulseGlow 3s infinite alternate}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 2px rgba(74,85,162,.4))}to{filter:drop-shadow(0 0 8px rgba(74,85,162,.8))}}.loginCard h1{margin:0 0 8px;color:var(--text-primary);font-size:32px;font-weight:700}.tagline{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.divider{height:1px;width:80%;background-color:var(--border-color);margin:8px 0 24px}.loginText{margin-bottom:24px;color:var(--text-primary);font-size:18px;font-weight:500}.googleSigninBtn{background-color:var(--primary-blue);color:var(--text-primary);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:100%;max-width:280px}.googleSigninBtn i{margin-right:12px;font-size:18px}.googleSigninBtn:hover{background-color:var(--primary-blue-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.googleSigninBtn:active{transform:translateY(1px)}.securityInfo{display:flex;align-items:center;margin-top:32px;padding:12px;background-color:#4a55a21a;border-radius:8px;max-width:320px}.securityInfo i{color:var(--encrypted-color);font-size:24px;margin-right:12px;flex-shrink:0}.securityInfo p{color:var(--text-tertiary);font-size:14px;text-align:left;margin:0;line-height:1.4}.loginFooter{position:absolute;bottom:16px;color:var(--text-tertiary);font-size:14px}@media (max-width: 768px){.loginContainer{flex-direction:column}.loginBackground{height:30vh;min-height:200px}.loginContent{flex:none;padding-top:30px;padding-bottom:50px}.loginCard{padding:20px 15px}}.userSearch{padding:4px 15px;background-color:var(--background-dark-secondary);position:relative}.searchForm{display:flex;align-items:center;gap:8px}.searchInput{flex:1;padding:8px 12px;border:1px solid var(--border-light);border-radius:20px;background-color:var(--background-elevated);color:var(--text-primary);font-size:14px}.searchInput::placeholder{color:var(--text-tertiary)}.searchButton{width:36px;height:36px;background-color:var(--primary-blue);color:var(--text-primary);border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.searchButton:hover{background-color:var(--primary-blue-hover)}.searchButton:disabled{background-color:var(--background-elevated);cursor:not-allowed}.searchButton i{font-size:14px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.searchResults{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;margin-top:5px;border-radius:6px;background-color:var(--background-dark-tertiary);box-shadow:0 4px 12px #00000080;z-index:10;border:1px solid var(--border-color)}.searchResults ul{padding:0;margin:0;list-style:none}.userItem{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.userItem:last-child{border-bottom:none}.userItem:hover{background-color:var(--background-elevated)}.userAvatar{margin-right:12px;width:36px;height:36px;min-width:36px}.userAvatar img{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-light);object-fit:cover}.defaultAvatar{width:36px;height:36px;border-radius:50%;background-color:var(--primary-blue);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid var(--border-light)}.userInfo{overflow:hidden}.userInfo h4{margin:0;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userInfo p{margin:2px 0 0;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchError,.noUsersFound{padding:12px;text-align:center;height:40px;display:flex;align-items:center;justify-content:center}.searchError{color:var(--error-color);font-size:12px}.noUsersFound{color:var(--text-tertiary);font-size:13px}.spinnerContainer{display:inline-block;width:14px;height:14px;position:relative}.spinner{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid var(--text-primary);width:14px;height:14px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messageListLoader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;color:var(--text-tertiary)}.messageLoaderLogo{margin-bottom:16px;animation:pulseAndFloat 2s infinite ease-in-out;opacity:.7}.messageLoaderText{font-size:16px;font-weight:500;color:var(--text-tertiary);animation:fadeInOut 1.5s infinite ease-in-out}@keyframes pulseAndFloat{0%{transform:translateY(0) scale(.95);opacity:.5}50%{transform:translateY(-5px) scale(1);opacity:.7}to{transform:translateY(0) scale(.95);opacity:.5}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.messagesContainer{flex:1;overflow-y:auto;padding:15px;background-color:var(--background-dark);display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.messagesContainer::-webkit-scrollbar{display:none}.messageListHeader{padding:10px 15px;background-color:var(--background-darker);border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end}.sortControl{margin-left:auto}.sortToggleButton{background-color:var(--background-dark-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer;transition:all .2s ease}.sortToggleButton:hover{background-color:var(--background-dark-tertiary);color:var(--text-primary)}.messageGroup{margin-bottom:15px;width:100%}.message{margin-bottom:10px;max-width:75%;clear:both;display:block;position:relative}.myMessage{float:right}.theirMessage{float:left}.messageContent{padding:10px 15px;position:relative;word-wrap:break-word;display:inline-block;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}.theirMessage .messageContent{background-color:var(--background-dark-tertiary);border-radius:18px 18px 18px 4px;border:1px solid var(--border-color)}.myMessage .messageContent{background-color:var(--primary-blue);border-radius:18px 18px 4px;border:1px solid var(--primary-blue-light)}.messageSender{font-size:12px;color:var(--text-secondary);margin-bottom:2px;font-weight:700}.messageText{font-size:14px;line-height:1.4}.myMessage .messageText,.theirMessage .messageText{color:var(--text-primary)}.messageTime{font-size:10px;color:var(--text-tertiary);text-align:right;margin-top:3px;opacity:.8}.myMessage .messageTime{color:#fffc}.dateSeparator{text-align:center;margin:15px 0;font-size:12px;color:var(--text-tertiary);position:relative;width:100%;clear:both}.dateSeparator:before,.dateSeparator:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--border-color)}.dateSeparator:before{left:0}.dateSeparator:after{right:0}.encryptedMessageIndicator{display:inline-block;margin-left:5px;font-size:12px;color:var(--encrypted-color)}.decryptionError{color:var(--error-color);font-size:12px;margin-top:4px;font-style:italic}.loadingMessages,.noMessages,.noConversation{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary)}.messagesEnd{float:left;clear:both;width:100%}.messageContent:hover{transform:translateY(-1px);box-shadow:0 3px 5px #00000026}.messageInputForm{display:flex;width:100%;padding:15px;background-color:var(--background-dark-tertiary);border-top:1px solid var(--border-color);align-items:center}.messageInputTextarea{flex:1;padding:10px 15px;border:1px solid var(--border-light);border-radius:20px;resize:none;height:40px;max-height:120px;margin-right:10px;font-family:inherit;background-color:var(--background-elevated);color:var(--text-primary);line-height:1.4;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.messageInputTextarea::-webkit-scrollbar{display:none}.messageInputTextarea::placeholder{color:var(--text-tertiary)}.sendButton{min-width:40px;min-height:40px;background-color:var(--primary-blue);color:var(--text-primary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.sendButton:hover{background-color:var(--primary-blue-hover);transform:scale(1.05)}.sendButton:disabled{background-color:var(--background-elevated);color:var(--text-tertiary);cursor:not-allowed;transform:none}.sendButton i{font-size:16px}.avatarImg{width:40px;height:40px;border-radius:50%;margin-right:12px;border:2px solid var(--border-color);object-fit:cover}.defaultAvatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-blue);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;border:2px solid var(--border-light)}.fallback-animation{animation:fallbackFade .3s ease-in}@keyframes fallbackFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.conversationItem{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.conversationItem:hover{background-color:var(--background-dark-tertiary)}.conversationItem.active{background-color:var(--background-elevated);border-left:3px solid var(--primary-blue);padding-left:12px}.conversationAvatar{flex-shrink:0}.conversationDetails{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.conversationHeader{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;width:100%}.conversationName{margin:0;font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);padding-right:8px;max-width:70%}.conversationTime{font-size:12px;color:var(--text-tertiary);flex-shrink:0;min-width:55px;text-align:right}.conversationLastMessage{font-size:13px;margin:0;line-height:1.4;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.conversationFooter{display:flex;justify-content:space-between;align-items:center;width:100%}.unreadBadge{background-color:var(--primary-blue);color:#fff;font-size:12px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;margin-left:8px}.hasUnread .conversationName,.hasUnread .conversationLastMessage{font-weight:600;color:var(--text-primary)}.hasUnread .conversationTime{color:var(--primary-blue);font-weight:600}.conversationsList{flex:1;overflow-y:auto;background-color:var(--background-dark-secondary);border-radius:6px;margin-top:8px}.noConversations{padding:20px 16px;text-align:center;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;margin-top:12px;border-radius:8px}.noConversations p{margin:4px 0;font-size:14px;line-height:1.5}.chatContainer{display:flex;height:100vh;overflow:hidden;background-color:var(--background-dark)}.sidebar{width:300px;display:flex;flex-direction:column;background-color:var(--background-dark-secondary);border-right:1px solid var(--border-color)}.appHeader{padding:20px 15px;display:flex;align-items:center;justify-content:center;background-color:var(--background-dark-tertiary);border-bottom:1px solid var(--border-color)}.appLogo{height:32px;width:32px;margin-right:10px;color:var(--primary-blue)}.appTitle{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.sidebarContent{flex:1;display:flex;flex-direction:column;overflow:hidden}.sectionTitle{padding:4px 15px;margin:0;font-size:24px;color:var(--text-secondary);font-weight:600}.conversationsWrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.userProfileFooter{padding:15px;border-top:1px solid var(--border-color);background-color:var(--background-dark-tertiary);display:flex;align-items:center;justify-content:space-between}.userProfileInfo{display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;border:2px solid var(--border-light)}.defaultAvatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-blue);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.userInfo h3{font-size:16px;margin:0;color:var(--text-primary)}.logoutBtn{width:36px;height:36px;background-color:var(--background-elevated);color:var(--text-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.logoutBtn:hover{background-color:var(--error-color);transform:scale(1.05)}.logoutBtn i{font-size:16px}.chatArea{flex:1;display:flex;flex-direction:column;background-color:var(--background-dark)}.noChatSelected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center;padding:20px}.welcomeContent{display:flex;flex-direction:column;align-items:center;max-width:460px}.welcomeLogo{margin-bottom:24px;opacity:.8}.noChatSelected h2{font-size:28px;margin-bottom:16px;color:var(--text-secondary);font-weight:600}.noChatSelected p{font-size:16px;margin-bottom:8px}.encryptionNotice{display:flex;align-items:center;margin-top:32px;padding:10px 16px;background-color:var(--background-dark-tertiary);border-radius:8px;border:1px solid var(--border-color)}.encryptionNotice i{color:var(--encrypted-color);margin-right:8px;font-size:14px}.encryptionNotice span{color:var(--text-secondary)}.chatWithUser{display:flex;flex-direction:column;height:100%}.chatHeader{padding:15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--background-dark-tertiary);height:73px}.chatHeaderUserInfo{display:flex;align-items:center}.chatHeaderAvatar{margin-right:12px}.chatHeader h3{margin:0;color:var(--text-primary)}.encryptionBadge{font-size:12px;color:var(--encrypted-color);display:flex;align-items:center;gap:4px}.encryptionBadge i{font-size:10px}.messageInputContainer{padding:0;background-color:var(--background-dark-tertiary)}.chatPage{height:100vh;width:100%;background-color:var(--background-dark);color:var(--text-primary)}.loading-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loading-logo{animation:pulsate 2s infinite ease-in-out;margin-bottom:16px}@keyframes pulsate{0%{transform:scale(.98);opacity:.8}50%{transform:scale(1.02);opacity:1}to{transform:scale(.98);opacity:.8}}.bee-wing1{transform-origin:196px 152px;animation:flapWing1 .35s infinite ease-in-out alternate}.bee-wing2{transform-origin:216px 143px;animation:flapWing2 .35s infinite ease-in-out alternate}@keyframes flapWing1{0%{transform:rotateY(0) rotate(0)}to{transform:rotateY(20deg) rotate(-5deg)}}@keyframes flapWing2{0%{transform:rotateY(0) rotate(0)}to{transform:rotateY(-20deg) rotate(5deg)}}.bee-body1,.bee-body2,.bee-body3{animation:bodyMove 2s infinite ease-in-out}@keyframes bodyMove{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.bee-face{animation:faceTurn 3s infinite ease-in-out}@keyframes faceTurn{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.bee-particle{opacity:0}.particle1{animation:particleFade 2s infinite .2s}.particle2{animation:particleFade 2s infinite .5s}.particle3{animation:particleFade 2s infinite .8s}.particle4{animation:particleFade 2s infinite 1.1s}.particle5{animation:particleFade 2s infinite 1.4s}@keyframes particleFade{0%{opacity:0;transform:translate(0)}50%{opacity:.8;transform:translate(5px,-5px)}to{opacity:0;transform:translate(10px,-10px)}}.loading-text{color:var(--text-secondary);font-size:18px;margin-top:8px;font-weight:500;animation:textFade 1.5s infinite ease-in-out}@keyframes textFade{0%,to{opacity:.5}50%{opacity:1}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:var(--largeParagraph);color:var(--text-secondary);background-color:var(--background-dark)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background-dark)}*,*:before,*:after{box-sizing:border-box;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;font-size:1rem}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}a{text-decoration:none;color:#fff}img,picture{max-width:100%;display:block;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-ms-touch-callout:none}input,button,textarea,select{font:inherit}address{font-style:normal}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font: "Quicksand", sans-serif;--mostRelated: 4px;--closelyRelated: 8px;--semiRelated: 16px;--lessRelated: 24px;--paragraph: 1rem;--largeParagraph: 1.25rem;--smallSubheading: 1.5rem;--mediumSubheading: 1.75rem;--largeSubheading: 2rem;--extraLargeSubheading: 2.25rem;--extraSmallHeading: 2.5rem;--smallHeading: 2.75rem;--mediumHeading: 3rem;--largeHeading: 3.25rem;--smallDisplay: 3.5rem;--mediumDisplay: 3.75rem;--largeDisplay: 4rem;--background-dark: #121212;--background-dark-secondary: #1e1e1e;--background-dark-tertiary: #252525;--background-elevated: #2d2d2d;--primary-blue: #0a53c8;--primary-blue-hover: #195ae5;--primary-blue-light: #2981ec;--accent-blue: #0ea5e9;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #6b7280;--border-color: #333333;--border-light: #444444;--error-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--encrypted-color: #10b981}html{font-family:var(--font);background-color:var(--background-dark);color:var(--text-primary);font-size:16px}body{background-color:var(--background-dark);color:var(--text-primary)}button{transition:background-color .3s ease}input:focus,textarea:focus,select:focus,button:focus,[contenteditable=true]:focus{outline:none;box-shadow:0 0 0 2px var(--primary-blue-light);border-color:var(--primary-blue-light)}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-track{background:var(--background-dark-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue-hover)}