main[data-v-81797a20]{margin:20px 12px 12px;background-color:#fff}.navlink[data-v-94527a54]{color:#fff;align-items:right;text-decoration:none;background-color:#35353a;height:30px;width:75px;display:inline-block;line-height:30px;text-align:center;border-radius:5px;border-style:solid;border-width:4px;border-color:#242429;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-left:10px;padding-right:10px;margin-left:10px;margin-right:10px}header[data-v-94527a54]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}.main[data-v-94527a54]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.starfish[data-v-94527a54]{filter:grayscale();opacity:75%;position:absolute;top:35%;left:42.5%;z-index:0}.create-wrapper[data-v-475e7e52]{display:flex;justify-content:center;align-items:center;flex-direction:column;height:80vh;gap:40px}.create[data-v-475e7e52]{background-color:#35353a;border:4px solid #242429;border-radius:8px;width:380px;margin-top:80px;padding:0 40px;color:#d5d5d3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;align-items:center}.create h3[data-v-475e7e52]{margin-bottom:20px;font-size:20px;text-align:center}form[data-v-475e7e52]{width:100%}form label[data-v-475e7e52]{font-size:13px;margin-bottom:6px;display:block}input[type=text][data-v-475e7e52],input[type=password][data-v-475e7e52],input[type=email][data-v-475e7e52]{width:100%;padding:8px 10px;margin-bottom:14px;border-radius:6px;border:2px solid #242429;background-color:#2b2b30;color:#fff;font-size:14px;box-sizing:border-box}input[type=text][data-v-475e7e52]:focus,input[type=password][data-v-475e7e52]:focus,input[type=email][data-v-475e7e52]:focus{outline:none;border-color:#4a4af5}.button[data-v-475e7e52]{width:100%;padding:10px 0;background-color:#35353a;border:2px solid #242429;border-radius:6px;color:#fff;font-size:16px;cursor:pointer;transition:background .15s ease,transform .1s ease;margin-top:10px}.button[data-v-475e7e52]:hover{background-color:#404046;transform:translateY(-1px)}.button[data-v-475e7e52]:active{background-color:#2c2c31;transform:translateY(0)}ul[data-v-475e7e52]{margin-top:15px;padding-left:18px;color:#ff8a8a;font-size:13px}.pass[data-v-475e7e52]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.switch[data-v-475e7e52]{width:34px;height:18px;background:#555;border-radius:20px;position:relative;cursor:pointer;transition:background .2s ease}.slider[data-v-475e7e52]{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .25s ease}.slider.on[data-v-475e7e52]{transform:translate(16px)}.switch[data-v-475e7e52]:has(.on){background:#2899f3}.button[data-v-7a70d3ab]{background-color:#35353a;color:#fff;border:2px solid #242429;border-radius:6px;padding:6px 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.button[data-v-7a70d3ab]:hover{background-color:#404046;transform:translateY(-1px)}.button[data-v-7a70d3ab]:active{background-color:#2c2c31;transform:translateY(0)}.button[data-v-7a70d3ab]:disabled{opacity:.5;cursor:not-allowed}.create-wrapper[data-v-7a70d3ab]{z-index:1;position:relative}header[data-v-7a70d3ab]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}.main[data-v-7a70d3ab]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.login-error[data-v-517c584e]{color:#ff4d4d;font-size:12px;margin-top:10px;text-align:center}.create-wrapper[data-v-517c584e]{display:flex;justify-content:center;align-items:center;height:80vh}.create[data-v-517c584e]{background-color:#35353a;border:4px solid #242429;border-radius:8px;width:380px;padding:30px 40px;color:#d5d5d3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;align-items:center}.create h3[data-v-517c584e]{margin-bottom:20px;font-size:20px;text-align:center}form[data-v-517c584e]{width:100%}form label[data-v-517c584e]{font-size:13px;margin-bottom:6px;display:block}input[type=text][data-v-517c584e],input[type=password][data-v-517c584e]{width:100%;padding:8px 10px;margin-bottom:14px;border-radius:6px;border:2px solid #242429;background-color:#2b2b30;color:#fff;font-size:14px;box-sizing:border-box}input[type=text][data-v-517c584e]:focus,input[type=password][data-v-517c584e]:focus{outline:none;border-color:#4a4af5}.button[data-v-517c584e]{width:100%;padding:10px 0;background-color:#35353a;border:2px solid #242429;border-radius:6px;color:#fff;font-size:16px;cursor:pointer;transition:background .15s ease,transform .1s ease;margin-top:10px}.button[data-v-517c584e]:hover{background-color:#404046;transform:translateY(-1px)}.button[data-v-517c584e]:active{background-color:#2c2c31;transform:translateY(0)}.pass[data-v-517c584e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.switch[data-v-517c584e]{width:34px;height:18px;background:#555;border-radius:20px;position:relative;cursor:pointer;transition:background .2s ease}.slider[data-v-517c584e]{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .25s ease}.slider.on[data-v-517c584e]{transform:translate(16px)}.switch[data-v-517c584e]:has(.on){background:#2899f3}.button[data-v-1f3ab550]{background-color:#35353a;color:#fff;border:2px solid #242429;border-radius:6px;padding:6px 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.button[data-v-1f3ab550]:hover{background-color:#404046;transform:translateY(-1px)}.button[data-v-1f3ab550]:active{background-color:#2c2c31;transform:translateY(0)}.button[data-v-1f3ab550]:disabled{opacity:.5;cursor:not-allowed}header[data-v-1f3ab550]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}.main[data-v-1f3ab550]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.login-wrapper[data-v-1f3ab550]{z-index:1;position:relative}.popup[data-v-1f3ab550]{position:fixed;top:75px;right:20px;background:#6e7aed;border-style:solid;border-width:2px;border-color:#525ec3;color:#fff;padding:12px 18px;border-radius:6px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:10px;font-weight:700;z-index:9999;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navlink[data-v-32b74e8c]{color:#fff;align-items:right;text-decoration:none;background-color:#35353a;height:30px;width:120px;display:inline-block;line-height:22px;text-align:center;border-radius:5px;border-style:solid;border-width:4px;border-color:#242429;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card-contents[data-v-32b74e8c]{display:flex;flex-direction:row}.section-1[data-v-32b74e8c]{flex:1;color:#fff}.section-1 ul li button[data-v-32b74e8c]{margin-left:8px}.section-2[data-v-32b74e8c]{width:260px;color:#fff}.chats[data-v-32b74e8c]{background-color:#242429;width:50px;height:91vh}.clickableUser[data-v-32b74e8c]{cursor:pointer;text-align:underline}.group-chats-scroll[data-v-32b74e8c]{max-height:150px;overflow-y:auto;padding-right:6px;margin-bottom:15px;border:1px solid #3a3a40;border-radius:6px;background:#2f2f33;scrollbar-color:#3d3f43 transparent;width:60%}.no-chat[data-v-32b74e8c]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.main-container[data-v-32b74e8c]{display:flex;flex-direction:row}.chat-title[data-v-32b74e8c]{text-align:center;text-decoration:underline;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.messenger[data-v-32b74e8c]{background-color:#45464a;height:91.2vh;flex:1;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.friends h3[data-v-32b74e8c]{text-decoration:underline}.friends ul[data-v-32b74e8c]{text-align:left;margin-left:75px}header[data-v-32b74e8c]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}header h3[data-v-32b74e8c]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;padding-right:20px}.main[data-v-32b74e8c]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.chatwindow[data-v-32b74e8c]{display:flex;flex-direction:column;height:100%}.messages[data-v-32b74e8c]{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px;scrollbar-color:#2b2d31 transparent}.message[data-v-32b74e8c]{display:flex;flex-direction:column;align-items:flex-start;max-width:70%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sender[data-v-32b74e8c]{font-size:16px;font-weight:600;color:#b5bac1;margin-bottom:3px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.bubble[data-v-32b74e8c]{background:#45464a;padding-top:10px;padding-bottom:10px;width:80vw;color:#e3e5e8;white-space:pre-wrap;word-break:break-word;padding-left:30px;margin-left:-15px}.message.mine .bubble[data-v-32b74e8c]{background:#4a4b4f;color:#fff}.message.mine .sender[data-v-32b74e8c]{color:#dcdfff}.message-input[data-v-32b74e8c]{display:flex;gap:10px;width:98%;padding:10px;border-top:2px solid #242429;justify-content:center;align-items:center}.message-input input[data-v-32b74e8c]{flex:1;padding:12px 20px 12px 16px;border-radius:25px;border:none;outline:none;background:#1e1f22;color:#fff;font-size:1rem}.message-input button[data-v-32b74e8c]{display:none;padding:12px 20px;border-radius:25px;background:#5865f2;border:none;color:#fff;cursor:pointer;font-weight:600;transition:background .15s ease}.message-input button[data-v-32b74e8c]:hover{background:#4752c4}.profile-overlay[data-v-32b74e8c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.profile-card[data-v-32b74e8c]{background:#2b2b30;padding:20px;border-radius:10px;width:700px;max-height:90vh;overflow-y:auto;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;overflow:hidden}.profile-header[data-v-32b74e8c]{margin-top:0;margin-bottom:20px;font-size:26px;font-weight:700;text-align:center;color:#fff}.profile-card h2[data-v-32b74e8c]{margin-top:0;text-align:center}.profile-card ul[data-v-32b74e8c]{margin-left:20px}.close-btn[data-v-32b74e8c]{position:absolute;top:8px;right:8px;background:#444;border:none;color:#fff;padding:5px 10px;cursor:pointer;border-radius:4px}.clickableUser[data-v-32b74e8c]{cursor:pointer;text-decoration:underline}.chats[data-v-32b74e8c]{width:260px;background:#323339;overflow-y:auto;height:88.5vh;overflow:hidden}.chat-list[data-v-32b74e8c]{list-style:none;padding:0;margin:0}.chat-card[data-v-32b74e8c]{background:#232424;padding-left:50px;padding-top:15px;padding-bottom:15px;cursor:pointer;color:#e3e5e8;font-weight:500;transition:background .15s ease,transform .1s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:italic}.chat-card.active[data-v-32b74e8c]{background:#45464a;color:#fff;font-weight:600;transform:translateY(-1px)}.chat-card[data-v-32b74e8c]:hover{background:#3a3c41;transform:translateY(-1px)}.chat-card[data-v-32b74e8c]:active{transform:translateY(0);background:#323438}.notifications-list[data-v-32b74e8c]{list-style:none;padding:0;margin:0}.notifications-list li[data-v-32b74e8c]{margin-bottom:12px;padding:10px;background:#3a3a40;border-radius:6px}button[data-v-32b74e8c]{background-color:#35353a;color:#fff;border:2px solid #242429;border-radius:6px;padding:6px 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;transition:background-color .15s ease,transform .1s ease}button[data-v-32b74e8c]:hover{background-color:#404046;transform:translateY(-1px)}button[data-v-32b74e8c]:active{background-color:#2c2c31;transform:translateY(0)}button[data-v-32b74e8c]:disabled{opacity:.5;cursor:not-allowed}