:root{--primary-color:#4a90e2;--success-color:#2ecc71;--danger-color:#e74c3c;--warning-color:#f39c12;--text-color:#333;--bg-color:#f5f7fa;--card-bg:#fff;--border-color:#e0e0e0;--shadow:0 2px 8px #0000001a;--shadow-hover:0 4px 12px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#4a90e2,#357abd);background:linear-gradient(135deg,var(--primary-color),#357abd);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);color:#fff;justify-content:space-between;padding:20px 40px}.app-header,.app-title{align-items:center;display:flex}.app-title{font-size:28px;font-weight:700;gap:12px}.logo{font-size:36px}.score-display{align-items:center;background:#fff3;border-radius:20px;display:flex;gap:8px;padding:12px 20px}.score-label{font-weight:600;opacity:.9}.score-value{font-size:20px;font-weight:700}.score-percentage{font-size:14px;opacity:.8}.main-nav{background:#fff;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;gap:12px;padding:12px 40px;position:sticky;top:0;z-index:10}.nav-button{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.nav-button:hover{background:#f5f7fa;background:var(--bg-color)}.nav-button.active,.nav-button:hover{border-color:#4a90e2;border-color:var(--primary-color)}.nav-button.active{background:#4a90e2;background:var(--primary-color);color:#fff}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:40px;width:100%}.practice-section{display:flex;flex-direction:column;gap:24px}.category-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-button{align-items:center;background:#fff;border:3px solid #e0e0e0;border:3px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .3s ease}.category-button:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.category-button.active{border-width:3px}.category-icon{font-size:48px}.category-name{font-size:16px;font-weight:600}.difficulty-selector{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;gap:12px;padding:20px}.difficulty-label{font-weight:600;margin-right:8px}.difficulty-button{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.difficulty-button:hover{background:#f5f7fa;background:var(--bg-color)}.difficulty-button.active{background:#4a90e2;background:var(--primary-color);border-color:#4a90e2;border-color:var(--primary-color);color:#fff}.question-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:32px}.question-header{align-items:center;border-bottom:2px solid #f5f7fa;border-bottom:2px solid var(--bg-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.question-type{background:#4a90e2;background:var(--primary-color);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 16px}.question-difficulty{font-size:20px}.question-text{color:#333;color:var(--text-color);font-size:20px;line-height:1.6;margin-bottom:32px}.options-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.option-button{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px;padding:16px 20px;text-align:left;transition:all .2s ease}.option-button:hover:not(:disabled){background:#f5f7fa;background:var(--bg-color);border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.option-button.selected{background:#4a90e2;background:var(--primary-color);border-color:#4a90e2;border-color:var(--primary-color);color:#fff}.option-button.correct{background:#2ecc71;background:var(--success-color);border-color:#2ecc71;border-color:var(--success-color);color:#fff}.option-button.incorrect{background:#e74c3c;background:var(--danger-color);border-color:#e74c3c;border-color:var(--danger-color);color:#fff}.option-button:disabled{cursor:not-allowed}.explanation{border-radius:8px;margin-bottom:24px;padding:20px}.explanation.correct{background:#d4edda;border-left:4px solid #2ecc71;border-left:4px solid var(--success-color)}.explanation.incorrect{background:#f8d7da;border-left:4px solid #e74c3c;border-left:4px solid var(--danger-color)}.explanation-header{font-size:18px;font-weight:700;margin-bottom:12px}.explanation-text{line-height:1.6}.question-actions{display:flex;gap:12px;justify-content:center}.next-button,.start-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.submit-button{background:#4a90e2;background:var(--primary-color);color:#fff}.submit-button:hover:not(:disabled){background:#357abd;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.submit-button:disabled{background:#ccc;cursor:not-allowed}.next-button{background:#2ecc71;background:var(--success-color);color:#fff}.next-button:hover{background:#27ae60;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.start-button{background:#4a90e2;background:var(--primary-color);color:#fff;font-size:18px;padding:16px 48px}.start-button:hover{background:#357abd;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.start-practice{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:60px;text-align:center}.start-practice h2{color:#4a90e2;color:var(--primary-color);margin-bottom:16px}.start-practice p{color:#666;font-size:18px;margin-bottom:32px}.buddy-section{display:flex;flex-direction:column;gap:24px}.buddy-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:32px;text-align:center}.buddy-header h2{color:#4a90e2;color:var(--primary-color);margin-bottom:12px}.buddy-header p{color:#666;font-size:16px}.loading{color:#666;font-size:18px;padding:60px;text-align:center}.app-footer{background:#fff;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);margin-top:auto;padding:24px;text-align:center}.app-footer p{color:#666;margin:4px 0}.footer-stats{color:#999;font-size:14px}@media (max-width:768px){.app-header{flex-direction:column;gap:16px;text-align:center}.main-content{padding:20px}.category-selector{grid-template-columns:1fr}.difficulty-selector{flex-wrap:wrap}.options-container{grid-template-columns:1fr}.study-buddy-container{flex-direction:column;height:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-container{animation:fadeIn .3s ease}button:focus,input:focus{outline:2px solid #4a90e2;outline:2px solid var(--primary-color);outline-offset:2px}@media print{.app-footer,.app-header,.main-nav{display:none}}
/*# sourceMappingURL=main.d61c33fa.css.map*/