body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#282323;color:#fff}#root{width:100%;max-width:800px;padding:20px}.markdown-table td,.markdown-table th{padding:.5rem;border:1px solid #e0e0e0}.markdown-table th{background-color:#f3f4f6}.prose code{background-color:#afb8c133;padding:.2em .4em;border-radius:4px}.message-input{resize:none;overflow-y:hidden;height:auto;min-height:60px;max-height:60px}.message-input::placeholder{color:#a0a0a0;font-size:1rem}.button-container{display:flex;gap:.5rem;justify-content:flex-end}.button-container button{padding:.8rem 1.5rem;font-size:1.1rem;min-width:120px}.input-container form{display:block;width:100%;max-width:800px;margin:0 auto}.chat-container{margin-bottom:1.5rem}@keyframes pulse{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.loading-text{text-align:center;color:#a0a0a0;font-style:italic;padding:1rem;display:flex;justify-content:center;align-items:center;gap:3px}.dot{animation:pulse 1.4s infinite linear,bounce 1.4s infinite ease-in-out;opacity:.2}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.App{background:#2d2d2d;border-radius:10px;box-shadow:0 0 20px #0000004d;padding:2rem;width:100%;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.header{text-align:center;margin-bottom:2rem}.header h1{color:#fff;font-size:1.8rem;margin:0}.header{display:flex;align-items:center;padding:16px;background-color:#009739}.header h1{margin:0;font-size:1.5rem}.chat-container{flex:1;overflow-y:auto;margin:1rem 0;padding:1rem;background:#1f1f1f;border-radius:8px;width:90%;margin:1rem auto}.message-input{width:100%;min-height:60px;height:60px;padding:12px;border:1px solid #4a4a4a;border-radius:8px;background:#404040;color:#fff;font-size:16px;line-height:1.5;resize:vertical;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto}.message-input:focus{outline:none;border-color:#7fbfff;box-shadow:0 0 0 2px #7fbfff33}.message{margin:1rem 0;padding:1.5rem;border-radius:12px;max-width:70%;word-wrap:break-word}.message.user{background:#404040;margin-left:auto;margin-right:0;border:1px solid #4a4a4a;max-width:70%}.message.assistant{background:#333;margin-left:0;border:1px solid #4a4a4a;box-shadow:0 2px 8px #0000001a;max-width:90%}.input-container{display:flex;gap:.5rem;justify-content:center}.input-container form{display:flex;gap:.5rem;width:100%;max-width:800px}.input-container input{flex:1;padding:.8rem;border:1px solid #4a4a4a;border-radius:8px;font-size:1rem;background:#404040;color:#fff;min-width:300px}.input-container input::placeholder{color:#a0a0a0}.input-container button{padding:.8rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:opacity .2s}.input-container button[type=submit]{background:#2563eb;color:#fff}.input-container button[type=button]{background:#dc2626;color:#fff}.input-container button:disabled{opacity:.7;cursor:not-allowed}.loading-text{text-align:center;color:#a0a0a0;font-style:italic;padding:1rem}.markdown-table{width:100%;border-collapse:collapse;margin:1rem 0}.markdown-table td,.markdown-table th{padding:.5rem;border:1px solid #4a4a4a}.markdown-table th{background-color:#2d2d2d}.markdown-table td{background-color:#333}.prose{max-width:100%}.prose p{margin:.5em 0}.prose ul,.prose ol{padding-left:1.5em}.prose code{background-color:#0000004d;padding:.2em .4em;border-radius:4px;color:#7dd3fc}.button-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}div .mx-auto .App{width:1109px}.pdf-button-container{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;text-align:right}.pdf-button{background:#2196f3;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.pdf-button:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.pdf-button:active{transform:translateY(0);box-shadow:none}.loading-text{color:#666;padding:1rem;text-align:center;font-style:italic}.dot{animation:dotPulse 1.4s infinite}@keyframes dotPulse{0%,20%{opacity:.2}50%{opacity:1}80%,to{opacity:.2}}.App div textarea{color:#ecf0f1}.api-switch-container{display:flex;align-items:center;margin-bottom:8px;padding:4px 12px;background-color:#f5f5f5;border-radius:4px}.api-switch-container .MuiFormControlLabel-root{margin-right:0}.api-switch-container .MuiFormControlLabel-label{font-size:.875rem;color:#666}@media (min-width: 768px) and (max-width: 1024px){.chat-container{padding:1rem;margin:1rem;width:90%}.message{max-width:80%}.input-container form{max-width:700px}.header h1{font-size:1.6rem}}@media (max-width: 767px){.chat-container{border:none;box-shadow:none;padding:.5rem;margin:.5rem;width:100%;border-radius:0}.message{max-width:100%;padding:1rem}.header{font-size:1.2rem;padding:10px}.input-container form{flex-direction:column;max-width:100%;gap:1rem}.input-container button{width:100%;padding:.7rem 1rem}.message-input{min-height:50px;max-height:50px;font-size:14px}.pdf-button-container{text-align:center}.pdf-button{padding:6px 16px;font-size:.8rem}.api-switch-container{justify-content:center}}div .px-4 .App{padding-bottom:16px;transform:translate(0) translatey(0)}.App div textarea{height:135px;overflow:auto;max-width:76%}.App form button{transform:translate(0) translatey(0)}.App form div{padding-bottom:7px;padding-top:13px}@media (min-width:768px){.App div textarea{min-height:0px;max-height:135px}.App form button{width:153px}.App div form{max-width:847px}}h3{font-style:normal;font-weight:400;font-size:26px;line-height:1.6;color:#fff}h4{font-style:normal;font-weight:700;font-size:22px;line-height:1.5;color:#fff}