.chat-section{display:flex;flex-direction:column;gap:12px}.chat-box{background:#020617;border:1px solid #1f2937;border-radius:12px;padding:14px;max-height:360px;overflow-y:auto}.msg{max-width:80%;padding:10px 14px;margin-bottom:10px;border-radius:10px;font-size:14px;line-height:1.5;white-space:pre-wrap}.msg.user{margin-left:auto;background:#2563eb;color:#fff}.msg.assistant{background:#1f2937;color:#e5e7eb}.msg.typing{opacity:.6;font-style:italic}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #374151;background:#020617;color:#fff}.chat-input button{padding:10px 18px;border-radius:8px;border:none;background:#2563eb;color:#fff;cursor:pointer}.chat-input button:hover{background:#1d4ed8}.app-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:64px 20px}.main-card{width:100%;max-width:920px;background:#0b1220;border-radius:18px;padding:32px;box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;gap:28px}@media(max-width:640px){.main-card{padding:20px}}.chat-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f172a,#020617)}.chat-container{flex:1;overflow-y:auto;padding:24px 16px 120px;max-width:900px;margin:0 auto;width:100%}.chat-messages{display:flex;flex-direction:column;gap:14px}.bubble{max-width:75%;padding:14px 16px;border-radius:14px;line-height:1.6;font-size:15px;white-space:pre-wrap}.bubble.user{margin-left:auto;background:#2563eb;color:#fff;border-bottom-right-radius:4px}.bubble.assistant{background:#1f2937;color:#e5e7eb;border-bottom-left-radius:4px}.bubble.typing{opacity:.6;font-style:italic}.chat-input-bar{position:fixed;bottom:0;left:0;right:0;padding:14px;background:#020617f2;border-top:1px solid #1f2937;display:flex;gap:10px}.chat-input-bar input{flex:1;background:#020617;border:1px solid #334155;border-radius:10px;padding:12px 14px;color:#fff}.chat-input-bar button{background:#2563eb;border:none;border-radius:10px;padding:12px 18px;color:#fff;font-weight:600}.bubble{max-width:720px}.bubble p{margin:0 0 10px;line-height:1.7}.bubble ul{margin:10px 0 10px 20px;padding-left:16px}.bubble li{margin-bottom:6px}.bubble strong{color:#fff;font-weight:600}.dropzone{border:2px dashed #334155;border-radius:12px;padding:28px;text-align:center;color:#9ca3af;cursor:pointer}.dropzone:hover{border-color:#3b82f6;color:#e5e7eb}input[type=file]{margin-top:10px;color:#cbd5f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,#0f172a,#020617);color:#e5e7eb}a{text-decoration:none;color:inherit}.header{text-align:center}.header h1{font-size:30px;font-weight:700;color:#f9fafb}.subtitle{max-width:520px;margin:6px auto 0;color:#9ca3af;font-size:15px;line-height:1.6}.section{background:#0f172a;border-radius:14px;padding:18px}.section h3{font-size:16px;margin-bottom:12px;color:#e5e7eb}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips button{background:#1f2937;border:1px solid #374151;color:#e5e7eb;padding:8px 14px;border-radius:999px;cursor:pointer;transition:.2s}.chips button:hover{background:#2563eb;border-color:#2563eb;color:#fff}