*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fef9f2;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}#root{flex-direction:column;display:flex}.app{background:#fef9f2;flex-direction:column;height:100svh;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;display:flex}.header{color:#fff;background:#3d2b1f;flex-shrink:0;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 2px 12px #3d2b1f33}.ant-wrap{flex-shrink:0;transition:transform .3s}.ant-wrap.mood-happy{animation:2.5s ease-in-out infinite bounce}.ant-wrap.mood-thinking{animation:1s ease-in-out infinite wobble}.ant-wrap.mood-sad{animation:2s ease-in-out infinite sway}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}.header-info h1{color:#fff;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.header-info p{color:#d4b99a;margin:2px 0 0;font-size:13px}.chat-area{flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex;overflow-y:auto}.row{align-items:flex-end;gap:8px;max-width:100%;display:flex}.row-user{flex-direction:row-reverse}.row-ant{flex-direction:row}.avatar{background:#fef3e8;border:2px solid #3d2b1f;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.ant-avatar-svg{display:block}.bubble{word-break:keep-all;border-radius:18px;max-width:72%;padding:10px 14px;font-size:15px;line-height:1.55}.bubble-ant{color:#3d2b1f;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 6px #3d2b1f1a}.bubble-user{color:#fef9f2;background:#3d2b1f;border-bottom-right-radius:4px;box-shadow:0 1px 6px #3d2b1f33}.bubble-thinking{align-items:center;gap:5px;padding:12px 16px;display:flex}.dot{background:#b59070;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dotPulse;display:inline-block}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.input-bar{padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ede5d8;flex-shrink:0;gap:8px;display:flex}.input-bar input{color:#3d2b1f;background:#fef9f2;border:1.5px solid #e0d3c4;border-radius:24px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.input-bar input:focus{border-color:#3d2b1f}.input-bar input::placeholder{color:#b59070}.input-bar input:disabled{opacity:.6}.input-bar button{color:#fff;cursor:pointer;background:#3d2b1f;border:none;border-radius:24px;flex-shrink:0;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,opacity .2s}.input-bar button:hover:not(:disabled){background:#5a3e2b}.input-bar button:disabled{opacity:.4;cursor:default}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-thumb{background:#e0d3c4;border-radius:2px}