*{box-sizing:border-box}html,body{background:#fff;height:100%;margin:0;font-family:Arial,sans-serif}.chat-container{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chat-header{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.chat-title{font-size:16px;font-weight:600}.chat-box{background:#f9fafb;flex:1;padding:12px;overflow-y:auto}.chat-box::-webkit-scrollbar{width:6px}.chat-box::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.chat-bubble{word-wrap:break-word;border-radius:12px;max-width:80%;margin-bottom:10px;padding:10px 12px;font-size:14px;line-height:1.4}.chat-bubble.user{color:#fff;background:#4f46e5;margin-left:auto}.chat-bubble.assistant{color:#111827;background:#e5e7eb}.chat-link{color:#4f46e5;text-decoration:underline}.chat-link:hover{color:#1d4ed8}.chat-input{background:#fff;border-top:1px solid #e5e7eb;gap:10px;padding:12px;display:flex}.chat-input textarea{resize:none;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;height:42px;padding:10px;font-size:14px}.chat-input textarea:focus{border-color:#6366f1}.chat-input textarea::placeholder{color:#9ca3af}.chat-input button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;min-width:90px;font-weight:600}.chat-input button:disabled{opacity:.6;cursor:not-allowed}