body{font-family:Arial,sans-serif;background:#111827;color:#e5e7eb;margin:0;padding:0}.container{max-width:800px;margin:20px auto;padding:20px;background:#444d81;border-radius:12px;display:flex;flex-direction:column;height:90vh;box-shadow:0 4px 20px #0006}h1{text-align:center;color:#f3f4f6;margin-bottom:15px}.chat-box{flex:1;overflow-y:auto;margin-bottom:15px;padding:15px;border-radius:10px;background:#111827}.message{margin:10px 0;padding:10px 12px;border-radius:8px;max-width:100%;line-height:1.6;word-wrap:break-word}.message.user{background:#2563eb;color:#fff;align-self:flex-end}.message.ai{background:#374151;color:#f9fafb;align-self:flex-start}.message.ai code{background-color:#1e293b;padding:3px 6px;border-radius:4px;font-family:monospace;color:#facc15}.message.ai pre{background-color:#1e293b;padding:10px;border-radius:8px;overflow-x:auto}textarea{width:100%;padding:12px;font-size:16px;background:#f9fafb;color:#111827;border:1px solid #d1d5db;border-radius:8px;resize:none;box-shadow:0 2px 5px #0003}textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 6px #3b82f680}