@import"https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+JP:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.chat-container{font-family:Noto Sans KR,sans-serif;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:800px;padding:20px;display:flex;flex-direction:column;gap:10px;margin:20px auto}.chat-title{font-family:Noto Sans KR,sans-serif;text-align:center;font-size:1.5em;color:#333;margin-bottom:20px}.chat-message{padding:5px 10px;border-radius:12px;max-width:95%;margin-bottom:10px;font-size:.9em;line-height:1.4;display:flex;align-items:center;gap:10px;font-family:Noto Sans KR,sans-serif;margin-left:auto;margin-right:auto;background-color:#f0f0f0;box-shadow:0 2px 4px #0000001a}.chat-message.text{color:#333}.chat-message.file{background-color:#bde8f8}.chat-message img{width:35px;height:35px;border-radius:50%;flex-shrink:0;margin-right:10px;border:2px solid #ccc}.chat-message .message-content{flex:1;min-width:0;font-family:Noto Sans KR,sans-serif;display:flex;flex-direction:column;word-break:break-word;padding:5px 10px;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.chat-message strong{display:block;margin-bottom:5px;font-size:.9em;color:#666;font-family:Noto Sans KR,sans-serif;font-weight:500}.message-text{font-family:Noto Sans KR,sans-serif!important;font-weight:400;color:#333;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%;display:block;word-break:keep-all!important;word-wrap:normal!important;padding:5px 0}.chat-message .message-content div{font-family:Noto Sans KR,sans-serif;font-weight:400;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%;display:block;word-break:keep-all!important;word-wrap:normal!important}.chat-input{margin-top:20px!important}.send-button{font-family:Noto Sans KR,sans-serif;padding:10px 20px;background-color:#6b9bd1;color:#fff;border:none;border-radius:25px;font-size:.9em;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 2px 4px #0000001a}.file-send-button{font-family:Noto Sans KR,sans-serif;padding:10px 20px;background-color:#7fb69b;color:#fff;border:none;border-radius:25px;font-size:.9em;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 2px 4px #0000001a}.send-button:hover{background-color:#5a84b3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.file-send-button:hover{background-color:#6a9b82;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.send-button:active,.file-send-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.file-input{font-family:Noto Sans KR,sans-serif;padding:10px;border-radius:25px;border:1px solid #ddd;font-size:.9em;outline:none;box-shadow:0 2px 4px #0000001a;margin:10px auto;width:30%;display:block;max-width:800px;box-sizing:border-box}.file-drop-zone{font-family:Noto Sans KR,sans-serif;border:2px dashed #e0e0e0;border-radius:5px;padding:20px;text-align:center;margin:10px auto;transition:all .3s ease;width:30%;max-width:800px;box-sizing:border-box;background-color:#fff}.file-drop-zone:hover{border-color:#6b9bd1;background-color:#f8fbff}.file-link{color:#007bff;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.file-link:hover{text-decoration:underline}h1.chat-title{font-family:"Arial, sans-serif";color:#4a4a4a;text-align:center;margin:20px 0}.chat-message img{width:35px;height:35px;border-radius:50%;margin-right:10px}.chat-message strong{font-size:.8em}.message-content div{cursor:pointer;background-color:#f0f0f0;border-radius:5px;padding:10px;transition:background-color .3s}.message-content div:hover{background-color:#e0e0e0}.file-drop-zone{border:2px dashed #e0e0e0;border-radius:5px;padding:20px;text-align:center;margin:10px auto;transition:all .3s ease;width:30%;max-width:800px;box-sizing:border-box;background-color:#fff}.file-drop-zone.active{border-color:#6b9bd1}.file-drop-zone.dropped{border-color:#6b9bd1;background-color:#f0f7ff;box-shadow:0 2px 8px #6b9bd11a}.profile-image{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-name{font-size:.8em;color:#666;margin-bottom:5px}.message-text{cursor:pointer;background-color:#f0f0f0;border-radius:5px;padding:10px;transition:background-color .3s;font-family:Noto Sans KR,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-text.hover{background-color:#e0e0e0}.drop-zone-text{margin:0;font-family:Noto Sans KR,sans-serif;color:#666;font-size:.9em}.chat-container{display:flex;flex-direction:column;gap:20px;padding:20px;max-width:800px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.chat-message.file .message-content div{white-space:normal;overflow-wrap:break-word}