body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f4f7f6;color:#333;margin:0}#app{max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;height:100vh;box-sizing:border-box}header{text-align:center;margin-bottom:2rem;color:#42b983}.chat-container{flex-grow:1;border:1px solid #ddd;border-radius:8px;padding:1rem;overflow-y:auto;background-color:#fff;margin-bottom:1rem}.response-area{white-space:pre-wrap;word-wrap:break-word}.response-area p{margin-top:0}.response-area code{background-color:#eee;padding:2px 4px;border-radius:4px}.response-area pre{background-color:#2d2d2d;color:#f1f1f1;padding:1em;border-radius:5px;overflow-x:auto}.loading-indicator{color:#999;font-style:italic}.input-form{display:flex;gap:10px}textarea{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit;resize:none}button{padding:10px 20px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}button:hover{background-color:#36a476}button:disabled{background-color:#a5d6c4;cursor:not-allowed}