@font-face{font-family:Roboto;src:url(/assets/roboto-iujuUo1p.woff2) format("woff2"),url(/assets/roboto-BUXAW2Dr.woff) format("woff");font-weight:400;font-style:normal}body{font-family:Roboto,sans-serif}:root{--background-color: #fafafa;--primary-color: #7f5fe9;--hover: #5c41b2;--active: #4a3491;--lavender: #CCBCFF;--grey: #EFEFEF;--text-color: #1a1a1a;--secondary-text: #666;--input-bg: #f5f5f5;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--border-color: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}h1{font-family:Roboto,sans-serif;font-weight:500;line-height:30px;color:var(--text-color)}@media (width <= 640px){h1{font-size:24px;line-height:36px}}p{color:var(--secondary-text);font-family:Roboto,sans-serif;font-size:13px;font-weight:400;line-height:22.5px}span{color:var(--text-color);font-family:Roboto,sans-serif;font-size:14px;font-weight:500}input{color:var(--text-color);background:var(--input-bg);border:none;width:100%;height:52px;padding:0 16px;font-family:Roboto,sans-serif;font-size:15px;border-radius:8px;margin-bottom:20px}input:focus{outline:none;border:2px solid var(--primary-color);background-color:var(--background-color)}button{font-family:Roboto,sans-serif;font-size:15px;font-weight:500}._container_x8xws_1{background-color:var(--background-color);justify-content:center;align-items:center;min-height:90vh;padding:20px;display:flex}._chatCard_x8xws_10{background-color:var(--background-color);border-radius:12px;width:600px;padding:40px;box-shadow:var(--shadow);max-width:100%}._header_x8xws_19{align-items:center;display:flex;gap:20px}._footer_x8xws_25{margin-top:20px;text-align:center}@media (max-width: 768px){._chatCard_x8xws_10{width:90%;padding:20px}._header_x8xws_19{flex-direction:column;gap:10px}._footer_x8xws_25{margin-top:15px}}@media (max-width: 480px){._chatCard_x8xws_10{width:95%;padding:15px}._header_x8xws_19{gap:5px}._footer_x8xws_25{margin-top:10px}}@media (min-width: 1025px){._chatCard_x8xws_10{width:600px;padding:40px}}._description_1j6sb_1{margin:20px 0}._error_1j6sb_5{color:red;margin-top:5px}._buttonContainer_1j6sb_10{display:flex;justify-content:center;margin-top:20px}._buttonContainer_1j6sb_10 button{width:100%;max-width:300px;font-size:1.2rem}._button_45ech_1{background-color:var(--primary-color);color:var(--background-color);border:none;padding:8px 12px;cursor:pointer;border-radius:5px;transition:background-color .3s ease}._button_45ech_1:hover{background-color:var(--hover)}._button_45ech_1:active{background-color:var(--active)}._roomHeader_1qmww_1{display:flex;justify-content:space-between;align-items:center;padding:10px}._roomName_1qmww_8{font-size:22px}._roomLeft_1qmww_12{display:flex;align-items:center;gap:10px}._roomInfo_1qmww_18{display:flex;flex-direction:column}@media (max-width: 600px){._roomHeader_1qmww_1{padding:8px}._roomName_1qmww_8{font-size:18px}._roomLeft_1qmww_12{gap:8px}}@media (max-width: 1024px){._roomHeader_1qmww_1{padding:12px}._roomName_1qmww_8{font-size:20px}._roomLeft_1qmww_12{gap:9px}}._userInput_woa7c_1{display:flex;align-items:center;padding:20px;border-radius:0 0 15px 15px;background-color:var(--input-bg);border-top:1px solid var(--border-color);position:relative}._input_woa7c_11{width:100%;max-height:150px;resize:none;overflow-y:auto;padding:10px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;outline:none}._quotedMessageContainer_woa7c_23{position:relative;margin:5px;border-radius:5px}._cancelQuoteButton_woa7c_29{position:absolute;top:3px;right:3px;background:none;border:none;cursor:pointer}._cancelQuoteButton_woa7c_29:hover{opacity:.7}._cancelQuoteButton_woa7c_29:focus{outline:none}._input_woa7c_11::-webkit-scrollbar{display:none}._input_woa7c_11{scrollbar-width:none}._input_woa7c_11:focus{border-color:var(--primary-color)}._buttonGroup_woa7c_58{display:flex;align-items:center;gap:10px}._emojiButton_woa7c_64{background:none;border:none;cursor:pointer;margin-left:10px}._emojiButton_woa7c_64:hover{transform:scale(1.05)}._emojiButton_woa7c_64:active{transform:scale(.9)}._emojiPicker_woa7c_79{position:absolute;bottom:100%;left:50%;background-color:#fff;box-shadow:0 4px 10px #0000001a;border-radius:10px}._error_woa7c_88{color:red;margin-top:4px;font-size:.875rem}@media (max-width: 600px){._userInput_woa7c_1{padding:15px}._input_woa7c_11{font-size:12px;max-height:120px}._emojiButton_woa7c_64{margin-left:5px}._buttonGroup_woa7c_58{gap:8px}}@media (max-width: 1024px){._userInput_woa7c_1{padding:18px}._input_woa7c_11{font-size:13px;max-height:130px}._emojiButton_woa7c_64{margin-left:8px}._buttonGroup_woa7c_58{gap:12px}}@media (min-width: 1025px){._userInput_woa7c_1{padding:20px}._input_woa7c_11{font-size:14px;max-height:150px}._buttonGroup_woa7c_58{gap:10px}}._quotedMessage_9z8x7_1{background-color:var(--background-color);border-left:4px solid var(--primary-color);padding:5px 10px}@media (max-width: 600px){._quotedMessage_9z8x7_1{padding:5px 8px}}@media (max-width: 1024px){._quotedMessage_9z8x7_1{padding:5px 9px}}._fileInputContainer_1ccit_1{display:flex;flex-direction:column;align-items:center;max-width:100%;padding:15px;box-sizing:border-box}@media (max-width: 600px){._fileInputContainer_1ccit_1{padding:10px}._fileUploadIcon_1ccit_15 img{width:20px;height:20px}._filePreview_1ccit_20{margin-top:8px}}@media (max-width: 1024px){._fileInputContainer_1ccit_1{padding:12px}._fileUploadIcon_1ccit_15 img{width:22px;height:22px}}@media (min-width: 1025px){._fileInputContainer_1ccit_1{padding:20px}._fileUploadIcon_1ccit_15 img{width:25px;height:25px}._filePreview_1ccit_20{margin-top:10px}}._fileUploadIcon_1ccit_15:hover{transform:scale(1.1)}._fileUploadIcon_1ccit_15:active{transform:scale(.95)}._fileUploadIcon_1ccit_15 img{width:25px;height:25px;transition:transform .3s ease}._message_1oooq_1{background-color:var(--background-color);border-radius:8px;padding:10px;margin:10px 0;display:flex;flex-direction:column;position:relative;max-width:60%;word-wrap:break-word;width:fit-content}._messageRight_1oooq_14{text-align:right;background-color:var(--lavender);margin-left:auto}._messageLeft_1oooq_20{text-align:left;background-color:var(--grey);margin-right:auto}._userName_1oooq_26{font-size:16px;font-weight:700}._timestamp_1oooq_31{font-size:12px;color:var(--secondary-text);font-weight:400}._text_1oooq_37{margin:5px 0;font-size:14px;color:var(--text-color)}._quotedMessage_1oooq_43{border-left:4px solid var(--primary-color);margin:8px 0;padding:0 5px;color:var(--secondary-text);font-style:italic;background-color:var(--background-color)}._quoteIcon_1oooq_52{position:absolute;cursor:pointer;width:20px;height:20px;opacity:0;transition:opacity .3s ease}._message_1oooq_1:hover ._quoteIcon_1oooq_52{opacity:1}._leftArrow_1oooq_65{left:-25px;transform:scaleX(-1)}._rightArrow_1oooq_70{right:-25px;transform:scaleX(1)}@media (max-width: 600px){._message_1oooq_1{max-width:90%;padding:8px}._userName_1oooq_26{font-size:14px}._text_1oooq_37{font-size:12px}._timestamp_1oooq_31{font-size:10px}._quoteIcon_1oooq_52{width:18px;height:18px}}@media (max-width: 1024px){._message_1oooq_1{max-width:80%}._userName_1oooq_26{font-size:15px}._text_1oooq_37{font-size:13px}._timestamp_1oooq_31{font-size:11px}._quoteIcon_1oooq_52{width:18px;height:18px}}@media (min-width: 1025px){._message_1oooq_1{max-width:60%}._quoteIcon_1oooq_52{width:20px;height:20px}}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;background-color:var(--background-color)}._chatRoom_k7k4s_11{display:flex;flex-direction:column;height:90vh;width:90vh;max-width:1000px;min-width:300px;margin:0 auto;border:2px solid var(--border-color);border-radius:15px;background-color:var(--background-color)}._messages_k7k4s_24{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;padding:10px;justify-content:flex-start}._modalOverlay_k7k4s_33{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}._modalImage_k7k4s_46{max-width:100%;max-height:100%;box-shadow:0 0 20px #000;cursor:zoom-out}._messages_k7k4s_24::-webkit-scrollbar{width:8px}._messages_k7k4s_24::-webkit-scrollbar-thumb{background-color:var(--lavender);border-radius:8px}._messages_k7k4s_24::-webkit-scrollbar-track{background-color:var(--grey)}._sessionId_k7k4s_73{margin:0 10px}._userInputContainer_k7k4s_53{position:sticky;bottom:0;background-color:var(--input-bg);border-top:1px solid var(--border-color)}@media (max-width: 600px){._chatRoom_k7k4s_11{width:95%;height:100vh}._messages_k7k4s_24{padding:8px}._modalImage_k7k4s_46{max-width:90%;max-height:90%}._userInputContainer_k7k4s_53{padding:10px}}@media (max-width: 1024px){._chatRoom_k7k4s_11{width:100%;height:90vh}._messages_k7k4s_24{padding:12px}._modalImage_k7k4s_46{max-width:85%;max-height:85%}}