#root{flex-direction:column;max-width:1280px;height:100vh;margin:0 auto;padding:2rem;display:flex}body{background-color:#f4f7f9;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}.chat-container{background:#fff;border:1px solid #eef2f5;border-radius:20px;flex-direction:column;width:100%;max-width:800px;height:80vh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000000d}.chat-header{background:#fff;border-bottom:1px solid #f0f3f5;align-items:center;padding:20px 25px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.status-indicator{background-color:#2ecc71;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #2ecc7133}.chat-header h1{color:#2c3e50;margin:0;font-size:1.1rem;font-weight:700}.messages-area{background-color:#fff;flex-direction:column;flex:1;gap:20px;padding:25px;display:flex;overflow-y:auto}.message-wrapper{width:100%;display:flex}.message-wrapper.user{justify-content:flex-end}.message-bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:80%;padding:12px 18px;font-size:.95rem;line-height:1.5}.message-wrapper.ai .message-bubble{color:#2c3e50;background-color:#f0f3f5;border-bottom-left-radius:4px}.message-wrapper.user .message-bubble{color:#fff;background-color:#3498db;border-bottom-right-radius:4px}.loading{gap:4px;display:flex;padding:15px 20px!important}.dot{background:#bdc3c7;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-area{background:#fff;border-top:1px solid #f0f3f5;gap:12px;padding:20px 25px;display:flex}.input-area input{background-color:#f8fafb;border:1px solid #eef2f5;border-radius:12px;outline:none;flex:1;padding:12px 18px;font-size:.95rem;transition:border-color .2s,background-color .2s}.input-area input:focus{background-color:#fff;border-color:#3498db}.input-area button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:background-color .2s,transform .1s;display:flex}.input-area button:hover:not(:disabled){background-color:#2980b9}.input-area button:active:not(:disabled){transform:scale(.95)}.input-area button:disabled{color:#bdc3c7;cursor:not-allowed;background-color:#ecf0f1}.input-area button svg{width:20px;height:20px}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:#e1e8ed;border-radius:10px}.messages-area::-webkit-scrollbar-thumb:hover{background:#d1d9e0}