:root{--primary-color:#1976d2;--secondary-color:#4caf50;--light-color:#bbdefb;--dark-color:#1565c0;--danger-color:#f44336;--warning-color:#ffc107;--success-color:#4caf50;--text-color:#333;--light-text:#f5f5f5;--muted-color:#999}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:1200px;padding:2rem;width:85%}h1{margin-bottom:2rem;text-align:center}h1,h2{color:#1976d2;color:var(--primary-color)}h2,h3{margin-bottom:1rem}h3{color:#333;color:var(--text-color)}.level-selector{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}label{font-weight:600;margin-right:.5rem}select{border:1px solid #ccc;border-radius:4px;flex-grow:1;padding:.5rem}button,select{font-size:1rem}button{background-color:#1976d2;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}button:hover:not(:disabled){background-color:#1565c0;background-color:var(--dark-color)}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.5}.button-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.sentence-box,.translation-box{margin-bottom:2rem}.sentence{background-color:#bbdefb;background-color:var(--light-color);border-radius:4px;font-size:1.2rem;font-weight:500;padding:1rem}.word-hint{color:#1976d2;color:var(--primary-color);font-size:.9rem;margin-top:.5rem}.word-hint span{font-weight:700}input[type=text],textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;margin-top:.5rem;padding:.75rem;width:100%}input[type=text]:focus,textarea:focus{border-color:#1976d2;border-color:var(--primary-color);box-shadow:0 0 0 2px #1976d233;outline:none}.score-box{margin-bottom:1.5rem;text-align:center}.score-box h3{background-color:#bbdefb;background-color:var(--light-color);border:2px solid #1976d2;border:2px solid var(--primary-color);border-radius:4px;color:#333;color:var(--text-color);display:inline-block;font-weight:600;margin:0;padding:.5rem 1.5rem}.correct-translation,.feedback,.improved-translation{border-radius:4px;margin-bottom:1.5rem;padding:1rem}.feedback{background-color:#fff8e1;border-left:4px solid #ffc107;border-left:4px solid var(--warning-color)}.feedback.error{background-color:#ffebee;border-left-color:#f44336;border-left-color:var(--danger-color);color:#f44336;color:var(--danger-color)}.feedback.success{background-color:#e8f5e9;border-left-color:#4caf50;border-left-color:var(--success-color);color:#4caf50;color:var(--success-color)}.correct-translation{background-color:#e8f5e9;border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.improved-translation{background-color:#e3f2fd;border-left:4px solid #1976d2;border-left:4px solid var(--primary-color)}.results{margin-top:2rem}.progress-indicator{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-weight:500;justify-content:center;margin-bottom:1.5rem;padding:2rem 1rem;text-align:center}.session-complete{background-color:#bbdefb;background-color:var(--light-color);border-radius:8px;padding:2rem;text-align:center}.session-complete h2{color:#4caf50;color:var(--success-color);margin-bottom:1rem}.card,.flashcard{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;color:var(--text-color);margin:2rem auto;padding:2rem}.app-header{align-items:center;background-color:#1976d2;background-color:var(--primary-color);justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.app-header,nav,nav ul{display:flex}nav ul{gap:2rem;list-style:none;margin:0;padding:0}nav a{border-radius:4px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}nav a.active,nav a:hover{background-color:#1565c0;background-color:var(--dark-color)}.user-controls{align-items:center;display:flex;gap:1rem}.user-email{color:#fff;font-size:.9rem;opacity:.9}.logout-button{background:none;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.4rem .8rem;transition:all .2s}.logout-button:hover{background-color:#f44336;background-color:var(--danger-color);border-color:#f44336;border-color:var(--danger-color)}.logout-button:active{transform:scale(.97)}.translation-layout{align-items:flex-start;display:flex;gap:2rem;margin-bottom:2rem}.translation-input-section,.translation-results-section{flex:1 1;min-width:0}.translation-results-section .results{margin-top:0}.flashcard-progress{gap:2rem;justify-content:center}.card-pile,.flashcard-progress{align-items:center;display:flex}.card-pile{flex-direction:column;gap:.5rem}.mini-cards{height:30px;position:relative;width:40px}.mini-card{background-color:#fff;border:2px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;height:20px;position:absolute;width:32px}.completed-pile .mini-card{background-color:#f0f9f0;border-color:#4caf50;border-color:var(--success-color)}.remaining-pile .mini-card{background-color:#f0f6ff;border-color:#1976d2;border-color:var(--primary-color)}.try-again-pile .mini-card{background-color:#fffbf0;border-color:#ffc107;border-color:var(--warning-color)}.mini-card:first-child{left:0;top:0;z-index:3}.mini-card:nth-child(2){left:2px;top:2px;z-index:2}.mini-card:nth-child(3){left:4px;top:4px;z-index:1}.pile-label{text-align:center}.pile-number{color:#333;color:var(--text-color);display:block;font-size:1.2rem;font-weight:700}.pile-text{display:block;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.pile-text,.progress-arrow{color:#999;color:var(--muted-color)}.progress-arrow{font-size:1.5rem;margin:0 .5rem}.completed-pile .pile-number{color:#4caf50;color:var(--success-color)}.remaining-pile .pile-number{color:#1976d2;color:var(--primary-color)}.try-again-pile .pile-number{color:#ffc107;color:var(--warning-color)}.stats-summary{display:flex;justify-content:center;margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,#1976d2,#1565c0);background:linear-gradient(135deg,var(--primary-color),var(--dark-color));border-radius:12px;box-shadow:0 4px 15px #1976d24d;color:#fff;min-width:250px;padding:2rem;text-align:center}.stat-card h2{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 1rem}.stat-number{font-size:3rem;font-weight:700;margin:1rem 0;text-shadow:0 2px 4px #0000004d}.stat-card p{font-size:.9rem;margin:0;opacity:.9}.stats-table-container{margin-bottom:3rem}.stats-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:1rem;overflow:hidden;width:100%}.stats-table th{background:#1976d2;background:var(--primary-color);color:#fff;font-weight:600;padding:1rem;text-align:left}.stats-table td{border-bottom:1px solid #eee;padding:1rem}.stats-table tr:hover{background-color:#f8f9fa}.stats-table tr:last-child td{border-bottom:none}.stats-table td:first-child,.stats-table th:first-child{color:#1976d2;color:var(--primary-color);font-weight:600}.stats-table td:last-child,.stats-table th:last-child{font-weight:600;text-align:center}.stats-explanation{background:#f8f9fa;border-left:4px solid #1976d2;border-left:4px solid var(--primary-color);border-radius:8px;padding:2rem}.stats-explanation h3{color:#1976d2;color:var(--primary-color);margin-bottom:1rem;margin-top:0}.stats-explanation ul{margin:0;padding-left:1.5rem}.stats-explanation li{line-height:1.5;margin-bottom:.8rem}.stats-explanation strong{color:#1976d2;color:var(--primary-color)}.auth-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:4rem auto;max-width:400px;padding:2.5rem;text-align:center;width:100%}.auth-container h1{font-size:2rem;font-weight:600;margin-bottom:2rem}.auth-form{text-align:left}.auth-form,.auth-form .translation-box{margin-bottom:1.5rem}.auth-form label{color:#333;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.auth-form input[type=email],.auth-form input[type=password]{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem;transition:border-color .2s ease;width:100%}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus{border-color:#1976d2;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a;outline:none}.auth-submit-btn{background-color:#1976d2;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem;transition:all .2s ease;width:100%}.auth-submit-btn:hover{background-color:#1565c0;background-color:var(--dark-color);box-shadow:0 4px 12px #1976d24d;transform:translateY(-1px)}.google-signin-btn{align-items:center;background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;margin:0 auto;max-width:280px;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.google-signin-btn:hover{background-color:#3367d6;box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.google-signin-btn:active{box-shadow:0 2px 6px #4285f44d;transform:translateY(0)}.auth-divider{align-items:center;color:#999;color:var(--muted-color);display:flex;font-size:.9rem;font-weight:500;margin:2rem 0 1.5rem}.auth-divider:after,.auth-divider:before{background-color:#e1e5e9;content:"";flex:1 1;height:1px}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-links{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;text-align:center}.forgot-password-link{background:none;border:none;color:#1976d2;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;margin:0;outline:none;padding:0;text-decoration:none;transition:color .2s ease}.forgot-password-link:focus,.forgot-password-link:hover{background:none!important;box-shadow:none;color:#1565c0;color:var(--dark-color);text-decoration:underline}.auth-links p{color:#999;color:var(--muted-color);font-size:.9rem;margin:0}.auth-links a{color:#1976d2;color:var(--primary-color);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media (max-width:768px){.container{margin:1rem auto;padding:1rem;width:95%}.app-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.user-controls{justify-content:center;order:-1}.logout-button,.user-email{font-size:.8rem}.logout-button{padding:.3rem .6rem}.level-selector{align-items:stretch}.button-group,.level-selector,nav ul{flex-direction:column}nav ul{gap:.5rem;text-align:center}.translation-layout{flex-direction:column;gap:1rem}.stats-table{font-size:.9rem}.stats-table td,.stats-table th{padding:.8rem .5rem}.stat-card{min-width:200px;padding:1.5rem}.stat-number{font-size:2.5rem}.auth-container{margin:2rem auto;max-width:350px;padding:2rem}.auth-container h1{font-size:1.75rem}}
/*# sourceMappingURL=main.3332d3a2.css.map*/