*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{margin:0;height:100vh;background:radial-gradient(circle at top,#0f172a,#020617);display:flex;justify-content:center;align-items:center;color:#e5e7eb}#root>div{width:50vw;max-width:1100px;height:85vh;display:flex;flex-direction:column;background:#0f172ae6;border-radius:18px;box-shadow:0 30px 80px #0009;padding:20px}h2{text-align:center;margin-bottom:12px;color:#fff;letter-spacing:2.5px;font-size:25px}.chat-box{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message{width:fit-content;max-width:65%;padding:10px 14px;border-radius:14px;line-height:1.4;word-break:break-word;font-size:.95rem}.message.user{align-self:flex-end;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#020617;border:1px solid rgba(148,163,184,.25);color:#e5e7eb;border-bottom-left-radius:4px}.input-area{display:flex;gap:10px;padding-top:12px;border-top:1px solid rgba(148,163,184,.15)}.input-area input{flex:1;padding:12px 14px;border-radius:12px;border:none;background:#020617;color:#f8fafc;outline:none;font-size:.95rem}.input-area input::placeholder{color:#94a3b8}.input-area button{padding:12px 18px;border-radius:24px;border:none;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:600;cursor:pointer}.chat-box::-webkit-scrollbar{width:6px}