:root{--primary-green:#4caf50;--light-green:#e8f5e9;--dark-green:#388e3c;--text-dark:#1b5e20;--text-gray:#666;--bg-light:#f1f8f6;--border-color:#a5d6a7;--white:#fff;--shadow:0 2px 8px #0000001a;--shadow-hover:0 4px 16px #00000026;--correct-light:#c8e6c9;--correct-color:#66bb6a;--incorrect-light:#ffcdd2;--incorrect-color:#ef5350}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{color:#1b5e20;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container,body{background:linear-gradient(135deg,#e8f5e9,#f1f8f6);background:linear-gradient(135deg,var(--light-green) 0,var(--bg-light) 100%)}.container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.card{animation:slideIn .3s ease-out;background:#fff;background:var(--white);border-radius:16px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);max-width:600px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:30px;text-align:center}.header h1{color:#4caf50;color:var(--primary-green);font-size:28px;margin-bottom:10px}.header p{color:#666;color:var(--text-gray);font-size:14px}.menu{display:flex;flex-direction:column;gap:12px}.theme-btn{background:#e8f5e9;background:var(--light-green);border:2px solid #a5d6a7;border:2px solid var(--border-color);border-radius:8px;color:#1b5e20;color:var(--text-dark);cursor:pointer;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s ease}.theme-btn:hover{background:#4caf50;background:var(--primary-green);border-color:#4caf50;border-color:var(--primary-green);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);color:#fff;color:var(--white);transform:translateY(-2px)}.theme-btn:active{transform:translateY(0)}.progress{background:#e8f5e9;background:var(--light-green);border-radius:8px;margin-bottom:24px;padding:16px;text-align:center}.progress-text{color:#4caf50;color:var(--primary-green);font-size:18px;font-weight:600;margin-bottom:8px}.progress-bar{background:#a5d6a7;background:var(--border-color);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#4caf50;background:var(--primary-green);height:100%;transition:width .3s ease}.question-section{margin-bottom:30px}.question-text{color:#1b5e20;color:var(--text-dark);font-size:20px;font-weight:600;line-height:1.4;margin-bottom:16px}.kazakh-word-container{background:#e8f5e9;background:var(--light-green);border:2px solid #a5d6a7;border:2px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:16px;text-align:center}.kazakh-word{color:#4caf50;color:var(--primary-green);display:block;font-size:24px;font-weight:700}.options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option-btn{background:#e8f5e9;background:var(--light-green);border:2px solid #a5d6a7;border:2px solid var(--border-color);border-radius:8px;color:#1b5e20;color:var(--text-dark);cursor:pointer;font-size:16px;font-weight:500;padding:14px 16px;text-align:left;transition:all .2s ease}.option-btn:hover{background:#a5d6a7;background:var(--border-color);transform:translateX(4px)}.option-btn:active{transform:translateX(2px)}.option-btn.selected{background:#4caf50;background:var(--primary-green);border-color:#4caf50;border-color:var(--primary-green);color:#fff;color:var(--white)}.option-btn.correct{background:#c8e6c9;background:var(--correct-light);border-color:#66bb6a;border-color:var(--correct-color);color:#66bb6a;color:var(--correct-color);font-weight:600}.option-btn.incorrect{background:#ffcdd2;background:var(--incorrect-light);border-color:#ef5350;border-color:var(--incorrect-color);color:#ef5350;color:var(--incorrect-color)}.option-btn:disabled{cursor:not-allowed}.button-group{display:flex;gap:12px;justify-content:space-between}.button-group-results{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease}.btn-primary{background:#4caf50;background:var(--primary-green);border:2px solid #4caf50;border:2px solid var(--primary-green);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:#388e3c;background:var(--dark-green);border-color:#388e3c;border-color:var(--dark-green);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-primary:disabled{background:#c8e6c9;border-color:#c8e6c9;cursor:not-allowed;opacity:.6}.btn-secondary{background:#e8f5e9;background:var(--light-green);border:2px solid #a5d6a7;border:2px solid var(--border-color);color:#1b5e20;color:var(--text-dark)}.btn-secondary:hover:not(:disabled){background:#a5d6a7;background:var(--border-color);border-color:#a5d6a7;border-color:var(--border-color);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.results{text-align:center}.results-score{color:#4caf50;color:var(--primary-green);font-size:48px;font-weight:700;margin-bottom:16px}.results-grade{color:#1b5e20;color:var(--text-dark);font-size:32px;font-weight:600;margin-bottom:24px}.results-details{background:#e8f5e9;background:var(--light-green);border:2px solid #a5d6a7;border:2px solid var(--border-color);border-radius:8px;color:#666;color:var(--text-gray);font-size:16px;margin-bottom:24px;padding:16px}@media (prefers-color-scheme:dark){:root{--primary-green:#66bb6a;--light-green:#1b5e20;--dark-green:#81c784;--text-dark:#e8f5e9;--text-gray:#b0bec5;--bg-light:#0d3818;--border-color:#388e3c;--white:#121212;--correct-light:#1b5e20;--correct-color:#81c784;--incorrect-light:#4e1a1a;--incorrect-color:#ef9a9a}body{background:linear-gradient(135deg,#1b5e20,#0d3818);color:#1b5e20;color:var(--text-dark)}.card{background:#1e1e1e;border:1px solid #a5d6a7;border:1px solid var(--border-color)}.kazakh-word-container,.option-btn{background:#e8f5e9;background:var(--light-green);border-color:#a5d6a7;border-color:var(--border-color)}.option-btn{color:#1b5e20;color:var(--text-dark)}.option-btn:hover{background:#a5d6a7;background:var(--border-color)}.option-btn.selected{background:#4caf50;background:var(--primary-green);border-color:#4caf50;border-color:var(--primary-green);color:#121212}.results-details{border-color:#a5d6a7;border-color:var(--border-color);color:#666;color:var(--text-gray)}.progress,.results-details{background:#e8f5e9;background:var(--light-green)}.progress{border:2px solid #a5d6a7;border:2px solid var(--border-color)}.theme-btn{background:#e8f5e9;background:var(--light-green);border-color:#a5d6a7;border-color:var(--border-color);color:#1b5e20;color:var(--text-dark)}.theme-btn:hover{background:#4caf50;background:var(--primary-green);border-color:#4caf50;border-color:var(--primary-green);color:#121212}.btn-secondary{background:#e8f5e9;background:var(--light-green);color:#1b5e20;color:var(--text-dark)}.btn-secondary,.btn-secondary:hover:not(:disabled){border-color:#a5d6a7;border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:#a5d6a7;background:var(--border-color)}}@media (max-width:768px){.card{padding:24px}.header h1{font-size:24px}.question-text{font-size:18px}.kazakh-word{font-size:20px}.results-score{font-size:40px}.results-grade{font-size:28px}.button-group,.button-group-results{flex-direction:column}}
/*# sourceMappingURL=main.f51c20a9.css.map*/