._loginPage_rsl8u_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:1.25rem;box-sizing:border-box;background-color:#00000080;color:#fff}._loginPage_rsl8u_1 img{width:15rem;margin-bottom:-2rem}._loginPage_rsl8u_1 h1{color:#fff;letter-spacing:.4rem;margin-bottom:-.8rem}._loginPage_rsl8u_1 ._motto_rsl8u_25{color:#ffffffb3;font-size:.6rem}._loginPage_rsl8u_1 p{color:#fffc;margin-bottom:1.25rem}._form_rsl8u_35{display:flex;flex-direction:column;gap:.9375rem;width:100%;max-width:18.75rem;margin-bottom:1.25rem}._form_rsl8u_35 input{padding:.625rem;border:.0625rem solid rgba(255,255,255,.3);border-radius:.3125rem;background-color:#0000004d;color:#fff}._form_rsl8u_35 input::placeholder{color:#ffffff80}._form_rsl8u_35 button{padding:.625rem;border:none;border-radius:.3125rem;background-color:#661088;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s ease}._form_rsl8u_35 button:hover{background-color:#7a129e}._loginPage_rsl8u_1 button:not(._form_rsl8u_35 button){padding:.625rem;border:.0625rem solid #661088;border-radius:.3125rem;background-color:transparent;color:#661088;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;max-width:18.75rem}._loginPage_rsl8u_1 button:not(._form_rsl8u_35 button):hover{background-color:#661088;color:#fff}#_google-signin-button_rsl8u_1{margin-top:1.25rem;width:100%;max-width:18.75rem}#_google-signin-button_rsl8u_1 p{color:#fffc;margin-bottom:.625rem}#_google-signin-button_rsl8u_1>div{display:flex;justify-content:center;width:100%}._profilePage_1slbo_1{display:flex;flex-direction:column;align-items:center;color:#fff;height:100%;width:100%}._profilePage_1slbo_1 img{width:8rem;height:8rem;border-radius:50%;margin-bottom:1rem}._profilePage_1slbo_1 h1{margin:0;font-size:2rem}._profilePage_1slbo_1 p{color:#fffc}._userCardWrapper_19jpl_1{display:flex;flex-direction:column;align-items:center;width:90%;padding-top:2rem;margin:none}._topCard_19jpl_10{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem;color:#fff;width:100%;border-radius:1rem;background-color:#0003}._topCard_19jpl_10 img{width:5rem;height:5rem;border-radius:50%;margin-bottom:1rem;background-color:#000;object-fit:contain}._topCard_19jpl_10 h2{margin:0;font-size:1.5rem}._topCard_19jpl_10 p{color:#ffffffb3;font-size:.8rem}._bio_19jpl_41{padding:1rem;border-radius:.5rem;color:#ffffffe6;margin-top:1rem;width:100%;text-align:center}._bio_19jpl_41 textarea{width:100%;height:100px;background-color:#0003;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:.3rem}._settingsButton_19jpl_60{position:absolute;top:2rem;right:2rem;background:none;border:none;cursor:pointer;padding:0}._settingsIcon_19jpl_70{width:1.5rem;height:1.5rem;color:#fff}._avatarContainer_19jpl_76{position:relative;width:5rem;height:5rem;margin-bottom:1rem;cursor:pointer}._avatarContainer_19jpl_76 img{width:100%;height:100%;border-radius:50%;object-fit:cover}._uploadOverlay_19jpl_91{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#0009;color:#fff;display:flex;justify-content:center;align-items:center;font-size:.7rem;line-height:1;text-align:center;opacity:0;transition:opacity .3s ease}._avatarContainer_19jpl_76:hover ._uploadOverlay_19jpl_91{opacity:1}._editInput_19jpl_114{width:80%;padding:.5rem;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:.3rem;background-color:#0003;color:#fff;font-size:1rem;text-align:center}._editInput_19jpl_114::placeholder{color:#ffffff80}._actions_19jpl_130{display:flex;gap:1rem;margin-top:1rem}._actionButton_19jpl_136{padding:.5rem 1rem;border:none;border-radius:.3rem;background-color:#007bff;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .3s ease}._actionButton_19jpl_136:hover{background-color:#0056b3}._statusWrapper_6ijix_1{padding:1rem;background-color:#0003;border-radius:1rem;color:#fff;margin-top:auto;margin-bottom:2rem;width:90%}._statusCard_6ijix_12{display:flex;flex-direction:column;gap:1rem}._cardWrapper_6ijix_18{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}._cardWrapper_6ijix_18 p{margin-left:2rem}._buttonWrapper_6ijix_29{display:flex;margin-right:2rem;gap:.8rem}._statusWrapper_6ijix_1 button{background-color:#661088;color:#fff;border:none;width:8rem;border-radius:8rem;padding:.5rem 1rem;cursor:pointer}._statusWrapper_6ijix_1 button._green_6ijix_45{background-color:#28a745}._statusWrapper_6ijix_1 button._red_6ijix_49{background-color:#dc3545}._chatPage_m25oy_1{display:flex;flex-direction:column;height:100%;color:#fff}._chatPage_m25oy_1>:nth-child(1){height:5vh}._chatPage_m25oy_1>:nth-child(2){flex-grow:1}._header_cuof7_1{background-color:#0006;display:flex;align-items:center;color:#fff}._header_cuof7_1 h2{margin:0;padding:0;padding-left:1rem;font-size:1rem}._messageWrapper_nescr_1{flex-grow:1;overflow-y:auto;padding:1rem;background-color:#0000001a;color:#fff;display:flex;flex-direction:column}._avatarSection_nescr_11{display:flex;flex-direction:column;align-items:center}._avatarSection_nescr_11 p{margin-top:.05rem;font-size:.6rem;color:#ffffffb3;text-align:center;text-overflow:ellipsis;white-space:nowrap}._myMessage_nescr_26,._otherMessage_nescr_27{margin-bottom:.5rem;display:flex;align-items:flex-start}._myMessage_nescr_26{justify-content:flex-end}._otherMessage_nescr_27{justify-content:flex-start}._avatar_nescr_11{width:2rem;height:2rem;border-radius:50%;margin:0 .5rem;background-color:#000;object-fit:contain}._contentWrapper_nescr_50{padding:0 1rem;border-radius:1rem;max-width:70%;word-wrap:break-word;flex-shrink:0;margin:0 .5rem}._myMessage_nescr_26 ._contentWrapper_nescr_50{background-color:#661088cc;color:#fff}._otherMessage_nescr_27 ._contentWrapper_nescr_50{background-color:#fff3;color:#fff}._imgWrapper_nescr_69{max-width:70%;margin:0 .5rem}._messageImage_nescr_74{max-width:20vw;height:auto;border-radius:.5rem}._chatInput_g2t8f_1{display:flex;align-items:center;padding:1rem;background-color:#0006;position:relative}._inputContainer_g2t8f_9{flex-grow:1;position:relative;display:flex;align-items:center}._chatInput_g2t8f_1 input{flex-grow:1;padding:.5rem 3rem;border:.01rem solid rgba(255,255,255,.3);border-radius:2rem;background-color:#0003;color:#fff;z-index:1}._chatInput_g2t8f_1 input::placeholder{color:#ffffffb3}._chatInput_g2t8f_1 button{background-color:#661088;color:#fff;border:none}._alt_g2t8f_36{position:absolute;left:0;border-radius:50%;width:2rem;height:2rem;padding:0;z-index:2}._send_g2t8f_46{position:absolute;right:0;width:8rem;border-radius:8rem;padding:.5rem 1rem;z-index:2}._error_g2t8f_55{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);color:red;font-size:.8rem;white-space:nowrap}._altList_bi845_1{position:absolute;bottom:100%;left:.5rem;background-color:#000c;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}._altList_bi845_1 button{background-color:#661088;color:#fff;border:none;padding:.5rem 1rem;border-radius:.3rem;cursor:pointer}._altList_bi845_1 button:hover{background-color:#7a139e}._backdrop_ymso1_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}._modal_ymso1_14{background-color:#ffffff1a;padding:2rem;border-radius:.5rem;box-shadow:0 0 1rem #00000080;color:#fff;width:90%;max-width:500px}._input_ymso1_24{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.3);border-radius:.3rem;background-color:#0003;color:#fff}._input_ymso1_24::placeholder{color:#ffffffb3}._friendList_ymso1_38{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;margin-bottom:1rem}._modalContentArea_ymso1_47{min-height:300px}._friendItem_ymso1_51{display:flex;align-items:center;padding:.5rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1)}._friendItem_ymso1_51:hover{background-color:#ffffff1a}._friendItem_ymso1_51._selected_ymso1_63{background-color:#66108880}._avatar_ymso1_67{width:2rem;height:2rem;border-radius:50%;margin-right:.5rem;background-color:#000;object-fit:contain}._skeleton_ymso1_76{background-color:#fff3;border-radius:.3rem;animation:_pulse_ymso1_1 1.5s infinite ease-in-out}._skeleton_ymso1_76._avatar_ymso1_67{border-radius:50%}._skeleton_ymso1_76._name_ymso1_86{width:60%;height:1rem}@keyframes _pulse_ymso1_1{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}._actions_ymso1_103{display:flex;justify-content:flex-end;gap:1rem}._actions_ymso1_103 button{background-color:#661088;color:#fff;border:none;padding:.5rem 1rem;border-radius:.3rem;cursor:pointer}._actions_ymso1_103 button:disabled{background-color:#66108880;cursor:not-allowed}._notificationWrapper_1k3ph_1{position:relative;height:5vh}._logoBar_1k3ph_6{display:flex;align-items:center;justify-content:space-between;padding:0;background-color:#0000001a;color:#fff;height:100%}._leftContainer_1k3ph_16{display:flex;align-items:center;gap:.5rem}._logoLink_1k3ph_22{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;margin-left:1rem}._logoBar_1k3ph_6 img{width:1.5rem;height:1.5rem}._logoBar_1k3ph_6 h1{font-size:1.2rem;margin:0}._badgeWrapper_1k3ph_41{cursor:pointer}._badge_1k3ph_41{background-color:#a10000;color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;font-size:.6rem}._dropdown_1k3ph_57{position:absolute;top:100%;left:0;background-color:#000000e6;border:none;padding:1rem;z-index:10;color:#fff}._dropdown_1k3ph_57 h4{margin-top:0}._dropdown_1k3ph_57 ul{list-style:none;padding:0;margin:0}._dropdown_1k3ph_57 li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}._dropdown_1k3ph_57 li:last-child{border-bottom:none}._link_1k3ph_87{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}._avatar_1k3ph_95{width:2rem;height:2rem;border-radius:50%;background-color:#000;object-fit:contain}._logoutButton_1k3ph_103{background:none;border:none;cursor:pointer;padding:0;color:#fff;margin-right:1rem}._logoutIcon_1k3ph_112{font-size:1.2rem}._groupSwitch_17ycu_1{display:flex;justify-content:space-around;height:5vh}._groupSwitch_17ycu_1 button{width:100%;padding:.5rem;border:none;border-radius:0;background-color:#ffffff1a;color:#fff;cursor:pointer}._groupSwitch_17ycu_1 button._active_17ycu_17{background-color:#ffffff4d}._listWrapper_5slqq_1{list-style:none;padding:0;margin:0;overflow-y:auto;height:calc(100% - 10vh)}._chatItem_5slqq_9{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}._link_5slqq_14{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}._avatar_5slqq_22{width:3rem;height:3rem;border-radius:50%;background-color:#000;object-fit:contain}._groupAvatarWrapper_5slqq_30{display:flex;flex-wrap:wrap;width:3rem;height:3rem}._groupAvatar_5slqq_30{width:1.5rem;height:1.5rem;border-radius:50%;background-color:#000;object-fit:contain}._chatInfo_5slqq_45{flex-grow:1;display:flex;align-items:center;justify-content:space-between}._infoWrapper_5slqq_52{display:flex;flex-direction:column;gap:.25rem}._chatName_5slqq_58{font-weight:700;color:#ffffffe6}._lastMsg_5slqq_63{color:#ffffffb3}._badge_5slqq_67{background-color:#a10000;color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem}._noBadge_5slqq_79{display:inline-block;width:1rem}._empty_5slqq_84{padding:1rem;text-align:center;color:#ffffffb3}._compositeAvatar_bul5y_1{position:relative;display:flex;flex-wrap:wrap;border-radius:50%;overflow:hidden;background-color:#00000062}._avatar_bul5y_10{position:absolute;object-fit:cover;border:1px solid white}._avatar1_bul5y_16{top:0;left:0}._avatar2_bul5y_21{top:0;left:50%}._avatar3_bul5y_26{top:50%;left:0}._avatar4_bul5y_31{top:50%;left:50%}._leftBar_3h20r_1{display:flex;flex-direction:column}._leftBarContent_3h20r_6{height:100%;display:flex;flex-direction:column}._searchBar_6g2zk_1{position:relative;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:5rem;height:3.6vh;flex-grow:.95}._input_6g2zk_12{flex-grow:1;border:none;background:transparent;color:#fff;width:100%;height:100%;border-radius:5rem;padding-left:1rem}._input_6g2zk_12::placeholder{color:#ffffffb3;padding-left:1rem}._dropdown_6g2zk_28{position:absolute;top:100%;left:0;width:96%;background-color:#000000e6;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;padding:1rem;z-index:10;color:#fff}._loading_6g2zk_41,._noResult_6g2zk_42{padding:.5rem;text-align:center}._resultList_6g2zk_47{list-style:none;padding:0;margin:0}._resultItem_6g2zk_53{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}._resultItem_6g2zk_53:last-child{border-bottom:none}._resultLink_6g2zk_62{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}._avatar_6g2zk_70{width:2rem;height:2rem;border-radius:50%;background-color:#000;object-fit:contain}._topBar_15rw0_1{height:5vh;display:flex;align-items:center;justify-content:center;background-color:#0000001a}._lastSeenWrapper_yw8ox_1{padding:1rem;color:#fff;height:25vh;flex-shrink:0;border-bottom:solid 1px rgba(255,255,255,.1)}._title_yw8ox_9{margin-bottom:1rem}._friendList_yw8ox_13{list-style:none;padding:0;margin:0}._friendItem_yw8ox_19{display:flex;align-items:center;padding:.8rem 0;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}._friendItem_yw8ox_19:last-child{border-bottom:none}._avatar_yw8ox_31{width:2rem;height:2rem;border-radius:50%;margin-right:.5rem;background-color:#000;object-fit:contain}._info_yw8ox_40{flex-grow:1;display:flex;justify-content:space-between}._name_yw8ox_46{font-weight:700}._status_yw8ox_50{font-size:.8rem;color:#ffffffb3}._onlineDot_yw8ox_55,._offlineDot_yw8ox_56{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem}._onlineDot_yw8ox_55{background-color:green}._offlineDot_yw8ox_56{background-color:gray}._friendListWrapper_e5moe_1{padding:1rem;color:#fff}._head_e5moe_6{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._title_e5moe_13{margin:0}._head_e5moe_6 button{background-color:#661088;color:#fff;border:none;padding:.5rem 1rem;border-radius:4rem;cursor:pointer}._friendList_e5moe_1{list-style:none;padding:0;margin:0;overflow-y:auto;height:calc(100vh - 200px)}._friendItem_e5moe_34{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}._friendItem_e5moe_34:last-child{border-bottom:none}._link_e5moe_43{display:flex;align-items:center;gap:1.2rem;font-size:1rem;text-decoration:none;color:inherit}._avatar_e5moe_52{width:2.2rem;height:2.2rem;border-radius:50%;background-color:#000;object-fit:contain}._info_e5moe_60{display:flex;flex-direction:column}._name_e5moe_65{font-weight:700}._motto_e5moe_69{font-size:.8rem;color:#ffffffb3}._rightBar_ossjx_1{display:flex;flex-direction:column;height:100%}._mainLayout_ait6b_1{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:100%;height:100vh;width:100vw;overflow:hidden}._leftBar_ait6b_10{background-color:#0009;overflow-y:auto}._center_ait6b_16{display:flex;flex-direction:column;background-color:#0000004d}._topBar_ait6b_22{height:4%;background-color:#0006;flex-shrink:0;display:flex;align-items:center}._outlet_ait6b_31{height:96%;overflow-y:auto}._rightBar_ait6b_37{background-color:#0003;overflow-y:auto}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}html{font-size:16px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{min-height:100vh;background:linear-gradient(135deg,#1a0422,#661088);background-size:250% 250%;animation:gradientAnimation 5s ease infinite alternate}@keyframes gradientAnimation{0%{background-position:0% 0%}to{background-position:100% 100%}}h1{font-size:3.2rem;line-height:1.1}button{border-radius:.5rem;border:.0625rem solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:.25rem auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}