body { font-family: sans-serif; background-color: #f4f4f9; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.container { width: 90%; max-width: 600px; background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
h1 { font-size: 1.5rem; color: #333; text-align: center; }
textarea { width: 100%; box-sizing: border-box; height: 80px; margin-bottom: 1rem; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; }
button { width: 100%; padding: 0.75rem; background-color: #007bff; color: white; border: none; border-radius: 4px; font-size: 1rem; cursor: pointer; }
button:disabled { background-color: #999; cursor: not-allowed; }
.answer-box { margin-top: 1.5rem; padding: 1rem; background: #e9ecef; border-radius: 4px; min-height: 100px; white-space: pre-wrap; word-wrap: break-word; }