@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary-color:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--text-color:#1f2937;--text-light:#6b7280;--background:#fff;--card-bg:#f9fafb;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,0.05);--transition:all 0.2s ease}body,html{background-color:#f8f9fc;margin:0;padding:0;font-family:"Poppins",sans-serif;color:#333}.App{background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1);border-radius:12px;padding:40px;width:80%;max-width:800px;text-align:center;color:#333;animation:fadeIn 1s ease-out;margin:20px auto}h1,h2,h3{font-weight:600;color:#1e2a38}.button{background-color:#4a90e2;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:10px}.button:hover:not(:disabled){background-color:#357ab8;transform:translateY(-2px)}.button:disabled{background-color:#ccc;cursor:not-allowed}.input-field{display:block;margin:10px auto;width:calc(100% - 20px);max-width:400px}.conversation-history{background-color:#f1f5fb;padding:15px;border-radius:10px;margin-top:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.conversation-history p{margin:10px 0;padding:8px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;color:#333;font-family:"Arial, sans-serif"}.login-heading{font-size:2rem;margin-bottom:1rem}.header-container{padding:.5rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #ddd;position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.welcome-message{font-family:"Poppins",sans-serif;font-size:.6rem;color:#333;display:flex;align-items:center;grid-gap:8px;gap:8px}.welcome-message img{width:30px;height:30px;border-radius:50%;margin-left:.5rem}.logout-section{display:flex;align-items:center;grid-gap:10px;gap:10px}.logout-section button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.logout-section img{width:30px;height:30px;border-radius:50%;border:2px solid #ddd}.logout-section button:hover{background-color:#0056b3}.App,body{padding-top:60px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button{background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}html{transform:scale(1);transform-origin:top left}form{max-height:80vh;overflow-y:auto}.new{color:red}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter","Roboto","Helvetica","Arial",sans-serif;line-height:1.6;color:var(--text-color);background:var(--background)}.app-container{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}h2{font-size:1.5rem;font-weight:600;line-height:1.4}h2,p{margin-bottom:1rem}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:2rem}.profile-container{display:flex;grid-gap:1rem;gap:1rem}.main-content{padding:2rem 0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.card{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow);transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,.1)}.full-width{grid-column:1/-1}.primary-button{display:inline-block;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);width:100%;text-align:center}.primary-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.primary-button:disabled{background:var(--text-light);box-shadow:none}.game-button{display:block;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);width:100%;text-align:center;margin-bottom:.5rem}.game-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.button-stack{grid-gap:.5rem;gap:.5rem}.button-stack,.form-group{display:flex;flex-direction:column}.form-group{grid-gap:1rem;gap:1rem;margin-top:1rem}.form-group label{font-weight:500;color:var(--text-color);margin-bottom:-.5rem}.form-input,.form-textarea,select.form-input{padding:.75rem;border:1px solid #e5e7eb;border-radius:var(--border-radius);font-size:1rem;width:100%;transition:var(--transition);background-color:#fff}.form-input:focus,.form-textarea:focus,select.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.2)}select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.question-text{font-size:1.1rem;color:var(--text-color);margin:.75rem 0;line-height:1.5}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(99,102,241,.2);border-top:3px solid var(--primary-color);animation:spin 1s linear infinite;margin:1rem auto}.loading-spinner-small{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.error-card,.loading-card{text-align:center;padding:2rem}.error-card{background-color:#fee2e2;border:1px solid #fecaca}.error-card h2{color:#dc2626;margin-bottom:1rem}.error-card p{color:#7f1d1d;margin-bottom:1.5rem}.error-card .primary-button{max-width:200px;margin:0 auto}.form-input:disabled,.form-textarea:disabled,select.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.primary-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.primary-button:disabled:hover{background-color:#9ca3af;transform:none;box-shadow:none}.login-container{max-width:500px;margin:4rem auto;text-align:center}.login-heading{margin-bottom:2rem}.ask-section,.quiz-section{padding:2rem 0}.result-card{margin-top:2rem}.result-card.error-card{background-color:#fee2e2;border:1px solid #fecaca}.result-card.error-card h2{color:#dc2626}.result-card.error-card p{color:#7f1d1d}.result-card.error-card .primary-button{background-color:#dc2626;margin-top:1rem}.result-card.error-card .primary-button:hover{background-color:#b91c1c}.conversation-history{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.message{padding:1rem;border-radius:var(--border-radius);max-width:80%}.user-message{background:var(--primary-light);color:#fff;align-self:flex-end}.assistant-message{background:var(--secondary-light);color:#fff;align-self:flex-start}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.card-grid{grid-template-columns:1fr}h1{font-size:2rem}.header-container{flex-direction:column;grid-gap:1rem;gap:1rem;text-align:center}}.quiz-section{max-width:800px;margin:0 auto;padding:1rem}.quiz-section .card{margin-bottom:2rem}.quiz-section h2{color:var(--primary-dark);margin-bottom:1rem}.quiz-section p{color:var(--text-light);margin-bottom:1.5rem}.form-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e5e7eb;border-radius:var(--border-radius);font-size:1rem;resize:vertical;transition:var(--transition)}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.form-textarea:invalid{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.form-textarea:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.2)}.feedback-box{margin-top:1rem;padding:1rem;border-radius:var(--border-radius);background-color:#f8f9fa;border-left:4px solid}.feedback-box.correct{background-color:#ecfdf5;border-left-color:#059669}.feedback-box.incorrect{background-color:#fef2f2;border-left-color:#dc2626}.feedback-result{font-weight:600;margin-bottom:.5rem}.feedback-box.correct .feedback-result{color:#059669}.feedback-box.incorrect .feedback-result{color:#dc2626}.feedback-explanation{color:var(--text-color);font-size:.95rem;line-height:1.5}.question-item{background:#fff;padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:2rem}.question-item:last-child{margin-bottom:1.5rem}.form-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.submission-note{margin-top:1rem;color:var(--text-light);font-style:italic;text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:var(--border-radius);border:1px solid #e9ecef}.score-display{background-color:var(--primary-light);color:#fff;padding:1.5rem;border-radius:var(--border-radius);margin:1rem 0;text-align:center}.score-display h3{font-size:2rem;margin-bottom:.5rem;color:#fff}.score-percentage{font-size:1.2rem;opacity:.9;color:#fff}
/*# sourceMappingURL=main.69b35074.chunk.css.map */