*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden}#root{width:100%;margin:0;padding:0}.chat-app{background-color:#fff9f0;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;display:flex}.chat-container{background-color:#fff;border:1px solid #ffd8a8;border-radius:24px;flex-direction:column;width:100%;max-width:600px;height:85vh;min-height:600px;display:flex;overflow:hidden;box-shadow:0 10px 30px #ff922b1a}.chat-header{text-align:center;background-color:#ffd8a8;padding:20px;box-shadow:0 2px 10px #00000008}.chat-header h1{color:#452b00;letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:800}.message-list{scroll-behavior:smooth;background-color:#fff;flex-direction:column;flex:1;gap:18px;padding:25px;display:flex;overflow-y:auto}.message-wrapper{width:100%;display:flex}.message-wrapper.user{justify-content:flex-end}.message-wrapper.bot{justify-content:flex-start}.message-bubble{white-space:pre-wrap;border-radius:20px;max-width:80%;padding:14px 20px;font-size:1rem;line-height:1.6;animation:.4s cubic-bezier(.175,.885,.32,1.2) popIn;position:relative;box-shadow:0 2px 5px #00000005}.user .message-bubble{color:#fff;background-color:#ff922b;border-bottom-right-radius:4px}.bot .message-bubble{color:#452b00;background-color:#fff4e6;border:1px solid #ffe8cc;border-bottom-left-radius:4px}.message-bubble.typing{color:#fd7e14;background-color:#fff4e6;font-size:.9rem;font-style:italic;font-weight:600}.input-area{background-color:#fff;border-top:1px solid #fff4e6;gap:12px;padding:25px;display:flex}.input-area input{border:2px solid #ffd8a8;border-radius:15px;outline:none;flex:1;padding:14px 22px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-area input:focus{border-color:#ff922b;box-shadow:0 0 0 4px #ff922b26}.send-button{color:#fff;cursor:pointer;background-color:#ff922b;border:none;border-radius:15px;padding:0 25px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #ff922b33}.send-button:hover{background-color:#f76707;transform:translateY(-2px);box-shadow:0 6px 15px #ff922b4d}.send-button:active{transform:scale(.96)}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:0 0}.message-list::-webkit-scrollbar-thumb{background:#ffe8cc;border-radius:10px}.message-list::-webkit-scrollbar-thumb:hover{background:#ffd8a8}