@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100vh;background-image:url(/assets/bg-DeKbDGcX.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;font-family:Poppins,sans-serif}._home_1ah6p_3{width:100%;position:sticky;top:0;z-index:1000}._card_1ah6p_10{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background:linear-gradient(to right,#071546,#637cd5eb)}._logoSection_1ah6p_18{display:flex;align-items:center;gap:5px;cursor:pointer}._logoIcon_1ah6p_25 img{height:50px}._title_1ah6p_29{color:#fff;font-size:1.7rem;margin:0;font-weight:500;letter-spacing:.5px}._buttonGroup_1ah6p_39{display:flex;gap:15px;align-items:center}._create_1ah6p_45,._join_1ah6p_45{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;outline:none;transition:all .15s ease-in-out;background-color:#fff;color:#111;box-shadow:0 2px 4px #0000001a}._create_1ah6p_45:hover{background-color:#00e0ff;transform:translateY(-1px);box-shadow:0 4px 6px #0000004d}._join_1ah6p_45:hover{background-color:#9ea8cc;transform:translateY(-1px);box-shadow:0 4px 6px #0003}._join_1ah6p_45,._create_1ah6p_45:active{background-color:#e0e0e0;transform:translateY(0);box-shadow:0 1px 2px #0000001a}@media(max-width:768px){._card_1ah6p_10{flex-direction:column;gap:10px;padding:10px}}@media(max-width:480px){._buttonGroup_1ah6p_39{display:flex;gap:7px;align-items:center}._create_1ah6p_45,._join_1ah6p_45{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:4px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;outline:none;transition:all .15s ease-in-out;background-color:#fff;color:#111;box-shadow:0 1px 2px #0000001a}}._container_14soq_1{min-height:calc(100vh - 60px);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/bg-DeKbDGcX.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;font-family:Poppins,sans-serif;padding:20px;box-sizing:border-box}._card_14soq_18{width:100%;max-width:450px;background:#fff;border:2px solid rgba(1,187,255,.1);border-radius:24px;box-shadow:0 20px 50px #0000001a,0 0 0 1px #ffffff0d;padding:40px;animation:_floatUp_14soq_1 .8s cubic-bezier(.2,.8,.2,1) forwards;box-sizing:border-box}._formLayout_14soq_32{display:flex;flex-direction:column;gap:25px;width:100%}._inputGroup_14soq_39{display:flex;flex-direction:column;gap:8px}._userlabel_14soq_45{font-size:.95rem;font-weight:600;color:#333;letter-spacing:.3px}._userinput_14soq_52{width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;color:#1a1a1a;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;transition:all .2s ease-in-out}._userinput_14soq_52:focus{outline:none;border-color:#01bbff;background-color:#fff;box-shadow:0 0 0 4px #01bbff26}._userinput_14soq_52:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._createButton_14soq_78{width:100%;padding:16px;font-family:inherit;font-size:1.05rem;font-weight:600;color:#fff;background-color:#01bbff;border:none;border-radius:12px;cursor:pointer;transition:transform .1s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #01bbff4d}._createButton_14soq_78:hover:not(:disabled){background-color:#00a3e0;transform:translateY(-2px);box-shadow:0 6px 16px #01bbff66}._createButton_14soq_78:active:not(:disabled){transform:translateY(0)}._createButton_14soq_78:disabled{background-color:#94dfff;cursor:not-allowed;box-shadow:none;transform:none}._note_14soq_110{text-align:center;font-size:smaller;font-family:sans-serif}@keyframes _floatUp_14soq_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){._card_14soq_18{padding:30px 20px}._userlabel_14soq_45{font-size:1rem}._createButton_14soq_78{padding:14px}}._footer_vuxc5_3{width:100%;background:linear-gradient(to top,#071546,#bcaec1e6);font-family:Poppins,sans-serif;color:#2d2d2d;padding:40px 20px 20px;box-sizing:border-box;margin-top:auto;font-weight:500}._footerContent_vuxc5_14{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}._brandSection_vuxc5_23{display:flex;flex-direction:column;gap:15px}._brandName_vuxc5_29{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0;letter-spacing:.5px}._brandTagline_vuxc5_37{font-size:.9rem;line-height:1.6;margin:0;max-width:300px;font-weight:500}._linkGroup_vuxc5_45{display:flex;flex-direction:column;gap:12px}._linkGroup_vuxc5_45 h4{color:#1a1a1a;font-size:1rem;font-weight:700;margin:0 0 10px}._linkGroup_vuxc5_45 a{color:#2d2d2d;text-decoration:none;font-size:.9rem;transition:color .2s ease;font-weight:500}._linkGroup_vuxc5_45 a:hover{color:#00d2ff;text-decoration:underline}._footerBottom_vuxc5_71{max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid #2d3136;display:flex;justify-content:center;align-items:center;text-align:center}._footerBottom_vuxc5_71 p{margin:0;font-size:.85rem;font-weight:500;color:#fff}@media(max-width:900px){._footerContent_vuxc5_14{grid-template-columns:1fr 1fr}}@media(max-width:600px){._footerContent_vuxc5_14{grid-template-columns:1fr;text-align:center}._brandSection_vuxc5_23{align-items:center}}._container_t6pix_2{min-height:calc(100vh - 60px);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/bg-DeKbDGcX.png);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Poppins,sans-serif;padding:20px;box-sizing:border-box}._card_t6pix_18{width:100%;max-width:450px;background:#fff;border:2px solid rgba(1,187,255,.1);border-radius:24px;box-shadow:0 20px 50px #0000001a,0 0 0 1px #ffffff0d;padding:40px;animation:_floatUp_t6pix_1 .8s cubic-bezier(.2,.8,.2,1) forwards;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px}._heading_t6pix_36{margin:0;color:#1a1a1a;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}._errorMessage_t6pix_44{margin:0;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:10px 15px;width:100%;box-sizing:border-box;font-size:.9rem;font-weight:500;text-align:center;animation:_slideDown_t6pix_1 .3s ease-out forwards}._formLayout_t6pix_59{display:flex;flex-direction:column;gap:25px;width:100%}._inputGroup_t6pix_66{display:flex;flex-direction:column;gap:8px;width:100%}._userlabel_t6pix_73{font-size:.95rem;font-weight:600;color:#333;letter-spacing:.3px;text-align:left}._userinput_t6pix_81{width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;color:#1a1a1a;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;transition:all .2s ease-in-out}._userinput_t6pix_81:focus{outline:none;border-color:#01bbff;background-color:#fff;box-shadow:0 0 0 4px #01bbff26}._userinput_t6pix_81:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._submitButton_t6pix_107{width:100%;padding:16px;font-family:inherit;font-size:1.05rem;font-weight:600;color:#fff;background-color:#01bbff;border:none;border-radius:12px;cursor:pointer;transition:transform .1s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #01bbff4d;margin-top:5px}._submitButton_t6pix_107:hover:not(:disabled){background-color:#00a3e0;transform:translateY(-2px);box-shadow:0 6px 16px #01bbff66}._submitButton_t6pix_107:active:not(:disabled){transform:translateY(0)}._submitButton_t6pix_107:disabled{background-color:#94dfff;cursor:not-allowed;box-shadow:none;transform:none}._backButton_t6pix_140{background:transparent;color:#6c757d;font-weight:600;font-size:.95rem;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}._backButton_t6pix_140:hover:not(:disabled){color:#1a1a1a;background-color:#f1f5f9}._backButton_t6pix_140:disabled{cursor:not-allowed;opacity:.6}@keyframes _floatUp_t6pix_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _slideDown_t6pix_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){._card_t6pix_18{padding:30px 20px}._heading_t6pix_36{font-size:1.5rem}._submitButton_t6pix_107{padding:14px}}._container_1m42h_1{height:calc(100vh - 60px);width:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background-image:url(/assets/bg-DeKbDGcX.png);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Poppins,sans-serif}._splitLayout_1m42h_16{flex:1;display:flex;flex-direction:row;gap:20px;width:100%;max-width:1200px;margin:0 auto;min-height:0;animation:_floatUp_1m42h_1 .8s cubic-bezier(.2,.8,.2,1) forwards}._sidebar_1m42h_28{flex:0 0 300px;display:flex;flex-direction:column;gap:20px;min-height:0}._roomInfo_1m42h_36,._activeMembersBox_1m42h_36{background:#fff;border:2px solid rgba(1,187,255,.1);border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000000d;box-sizing:border-box}._roomInfo_1m42h_36 h2{color:#6c757d;font-size:.9rem;font-weight:600;margin:0 0 5px;text-transform:uppercase;letter-spacing:1px}._roomCode_1m42h_54{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 15px;word-break:break-all;letter-spacing:-.5px}._connectionStatus_1m42h_63{display:flex;align-items:center;gap:8px}._subHeading_1m42h_69{color:#6c757d;font-size:.9rem;font-weight:500}._activeMembersBox_1m42h_36{flex:1;display:flex;flex-direction:column;overflow:hidden}._activeMembersBox_1m42h_36 h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 15px;border-bottom:2px solid #f1f5f9;padding-bottom:15px}._memberList_1m42h_91{list-style:none;padding:0 5px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}._memberList_1m42h_91 li{color:#333;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:#f8fafc;border-radius:10px;transition:background-color .2s}._statusDot_1m42h_115{height:8px;width:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98166}._myUserItem_1m42h_123{border:1px solid rgba(1,187,255,.3);background-color:#01bbff0d!important;color:#01bbff!important;font-weight:600!important}._mainChat_1m42h_130{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#ffffff80;border:2px solid rgba(80,88,92,.5);border-radius:10px;box-shadow:0 20px 50px #00000014;overflow:hidden}._chatbox_1m42h_143{flex:1;min-height:0;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}._chatbox_1m42h_143::-webkit-scrollbar,._memberList_1m42h_91::-webkit-scrollbar{width:6px}._chatbox_1m42h_143::-webkit-scrollbar-track,._memberList_1m42h_91::-webkit-scrollbar-track{background:transparent}._chatbox_1m42h_143::-webkit-scrollbar-thumb,._memberList_1m42h_91::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}._senderName_1m42h_165{font-size:.75rem;color:#6c757d;margin-bottom:4px;display:block;font-weight:600}._myMessage_1m42h_173{align-self:flex-end;max-width:70%;background-color:#01bbff;color:#fff;padding:12px 16px;border-radius:16px 16px 0;box-shadow:0 4px 12px #01bbff33}._myMessage_1m42h_173 ._senderName_1m42h_165{text-align:right;color:#e0f2fe}._otherMessage_1m42h_188{align-self:flex-start;max-width:70%;background-color:#f1f5f9;color:#1a1a1a;padding:12px 16px;border-radius:16px 16px 16px 0;border:1px solid #e2e8f0}._otherMessage_1m42h_188 ._senderName_1m42h_165{text-align:left;color:#01bbff}._fileMessage_1m42h_203{display:flex;align-items:center;gap:10px;background-color:#ffffff26;padding:10px 14px;border-radius:8px;margin-top:5px}._otherMessage_1m42h_188 ._fileMessage_1m42h_203{background-color:#fff;border:1px solid #e2e8f0}._fileMessage_1m42h_203 p{margin:0;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._fileMessage_1m42h_203 button{background-color:#fff;color:#1a1a1a;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .1s ease;box-shadow:0 2px 4px #0000001a}._myMessage_1m42h_173 ._fileMessage_1m42h_203 button{color:#01bbff}._fileMessage_1m42h_203 button:hover:not(:disabled){transform:translateY(-1px)}._messageInputArea_1m42h_249{flex-shrink:0;width:100%;display:flex;align-items:center;gap:12px;background-color:#f8fafc;padding:16px 24px;border-top:1px solid #e2e8f0;box-sizing:border-box}._attachButton_1m42h_261{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background-color .2s,color .2s}._attachButton_1m42h_261:hover:not(:disabled){background-color:#e2e8f0;color:#1a1a1a}._Messageinput_1m42h_280{flex-grow:1;background-color:#fff;border:2px solid #e2e8f0;color:#1a1a1a;font-size:1rem;font-family:inherit;outline:none;padding:14px 20px;border-radius:12px;transition:all .2s ease}._Messageinput_1m42h_280:focus{border-color:#01bbff;box-shadow:0 0 0 4px #01bbff26}._send_1m42h_165{background-color:#01bbff;border:none;color:#fff;font-family:inherit;font-weight:600;padding:14px 28px;border-radius:12px;cursor:pointer;font-size:1rem;transition:transform .1s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #01bbff4d}._send_1m42h_165:hover{background-color:#00a3e0;transform:translateY(-2px);box-shadow:0 6px 16px #01bbff66}._send_1m42h_165:active{transform:translateY(0)}@keyframes _floatUp_1m42h_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){._splitLayout_1m42h_16{flex-direction:column}._sidebar_1m42h_28{flex:none;height:250px;flex-direction:row}._roomInfo_1m42h_36,._activeMembersBox_1m42h_36{flex:1}}@media(max-width:480px){._container_1m42h_1{padding:10px;height:calc(100dvh - 60px)}._splitLayout_1m42h_16{gap:10px;flex-direction:column}._sidebar_1m42h_28{flex:0 0 auto;flex-direction:column;height:auto;gap:10px}._roomInfo_1m42h_36,._activeMembersBox_1m42h_36{padding:10px 14px;border-radius:12px}._roomCode_1m42h_54{font-size:1.3rem;margin:0 0 5px}._activeMembersBox_1m42h_36{max-height:90px}._activeMembersBox_1m42h_36 h3{font-size:.9rem;margin-bottom:6px;padding-bottom:6px}._memberList_1m42h_91 li{padding:6px 10px;font-size:.85rem}._mainChat_1m42h_130{flex:1 1 0%;border-radius:16px;min-height:0}._chatbox_1m42h_143{padding:12px;gap:10px}._myMessage_1m42h_173,._otherMessage_1m42h_188{max-width:88%;padding:10px 14px;font-size:.95rem}._messageInputArea_1m42h_249{padding:10px;gap:8px;flex-wrap:nowrap}._attachButton_1m42h_261{flex-shrink:0;font-size:1.2rem;padding:6px}._Messageinput_1m42h_280{flex:1 1 auto;min-width:0;padding:10px 14px;font-size:.95rem;border-radius:8px}._send_1m42h_165{flex-shrink:0;padding:10px 16px;font-size:.95rem;border-radius:8px}}