.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.login-card{background:#fff;border-radius:30px;padding:50px 40px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:2.5rem;color:#667eea;text-align:center;margin-bottom:10px}.login-subtitle{font-size:1.5rem;color:#666;text-align:center;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:700;color:#333;font-size:1rem}.form-group input{padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{background:#ffe0e0;color:#d32f2f;padding:12px;border-radius:8px;font-size:.95rem;text-align:center}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.toggle-mode-btn{background:none;border:none;color:#667eea;font-size:.95rem;cursor:pointer;padding:15px;text-align:center;transition:color .3s ease}.toggle-mode-btn:hover{color:#764ba2;text-decoration:underline}.guest-section{margin-top:20px}.divider{display:flex;align-items:center;text-align:center;margin:25px 0;color:#999}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider:not(:empty):before{margin-right:15px}.divider:not(:empty):after{margin-left:15px}.divider span{font-size:.9rem;font-weight:700}.guest-btn{width:100%;background:#f5f5f5;color:#333;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.guest-btn:hover{background:#e8e8e8;border-color:#999;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.guest-note{text-align:center;color:#666;font-size:.85rem;margin-top:10px;margin-bottom:0}.profile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.profile-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006;position:relative;color:#fff}.close-btn{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.profile-header{text-align:center;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid rgba(255,255,255,.2)}.profile-notice{background:#ffc10733;border:2px solid rgba(255,193,7,.5);border-radius:10px;padding:15px;margin-bottom:25px;text-align:center}.profile-notice p{margin:0;font-size:.95rem;color:#fff}.profile-avatar{width:120px;height:120px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto 20px;border:4px solid rgba(255,255,255,.3);text-transform:uppercase}.profile-name{font-size:2rem;margin:10px 0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.profile-username{font-size:1.2rem;opacity:.9;margin:5px 0}.profile-details{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:25px}.profile-details h2,.profile-progress h2{font-size:1.5rem;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;opacity:.9}.detail-value{opacity:.95}.profile-progress{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:25px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-card{background:#ffffff26;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#fff3;transform:translateY(-3px)}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.stat-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.profile-actions{text-align:center;padding-top:20px}.delete-account-btn{background:#dc2626e6;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 30px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-account-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.delete-account-btn:disabled{opacity:.6;cursor:not-allowed}.error{color:#fcc;text-align:center;padding:20px;font-size:1.1rem}@media(max-width:640px){.profile-container{padding:30px 20px}.profile-avatar{width:100px;height:100px;font-size:2.5rem}.profile-name{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}#root{width:100%;max-width:900px}.language-select{text-align:center;padding:40px 20px}.language-select-title{font-size:3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px;animation:bounce 2s infinite}.language-select-subtitle{color:#fff;font-size:1.5rem;margin-bottom:40px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.language-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:800px;margin:0 auto}.language-option{background:#fff;border:none;border-radius:30px;padding:50px 30px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003;text-align:center}.language-option:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000004d}.language-flag{font-size:5rem;margin-bottom:20px}.language-name{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:10px}.language-description{font-size:1.1rem;color:#666}.level-select{text-align:center}.level-select-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:20px}.header-right{margin-left:auto}.user-info{display:flex;align-items:center;gap:15px;background:#ffffff1a;padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.username-btn{color:#fff;font-size:1.1rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:none;border:none;cursor:pointer;transition:all .3s ease;padding:5px 10px;border-radius:8px}.username-btn:hover{background:#ffffff26;transform:scale(1.05)}.user-info .logout-btn{padding:8px 20px;font-size:.95rem;background:#ffffffe6;border:2px solid rgba(255,255,255,.6)}.user-info .logout-btn:hover{background:#fff;transform:translateY(-2px)}.header-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.view-overall-progress-btn,.change-language-btn,.logout-btn{background:#fffffff2;color:#667eea;border:2px solid rgba(255,255,255,.8);padding:15px 30px;border-radius:15px;cursor:pointer;font-size:1.1rem;font-family:inherit;transition:all .3s ease;font-weight:700;box-shadow:0 4px 8px #0003}.view-overall-progress-btn:hover,.change-language-btn:hover,.logout-btn:hover{background:#fff;transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.app-title{font-size:3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subtitle{color:#fff;font-size:1.5rem;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px;align-items:stretch}.level-card{background:#fff;border:none;border-radius:20px;padding:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-align:left;min-width:0;height:100%;display:flex;flex-direction:column}.level-card:hover:not(.locked){transform:translateY(-5px);box-shadow:0 8px 12px #0003}.level-card.locked{opacity:.5;cursor:not-allowed}.level-card.completed{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff}.level-number{font-size:1rem;font-weight:700;color:#667eea;margin-bottom:8px}.level-card.completed .level-number{color:#fff}.level-name{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#333;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.level-card.completed .level-name{color:#fff}.level-description{font-size:.9rem;color:#666;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.level-card.completed .level-description{color:#ffffffe6}.level-info{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.level-card.completed .level-info{border-top-color:#ffffff4d}.completed-badge,.locked-badge,.word-count{font-size:.85rem;padding:5px 10px;border-radius:10px;background:#0000001a}.level-card.completed .word-count{background:#fff3;color:#fff}.reset-btn{margin-top:30px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);padding:12px 30px;border-radius:15px;cursor:pointer;font-size:1rem;font-family:inherit;transition:all .3s ease;font-weight:700}.reset-btn:hover{background:#ffffff4d;border-color:#fffc;transform:translateY(-2px)}.app-container{background:#fff;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0003;min-height:600px}.header{display:flex;align-items:center;margin-bottom:20px;gap:20px}.back-btn{background:#f0f0f0;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;font-family:inherit;transition:all .2s}.back-btn:hover{background:#e0e0e0;transform:translate(-3px)}.level-title h2{color:#667eea;font-size:1.5rem}.progress-container{margin:20px 0}.progress-bar{width:100%;height:30px;background:#f0f0f0;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease;border-radius:15px}.progress-text{text-align:center;margin-top:10px;color:#666;font-size:1rem}.flashcard-container{display:flex;flex-direction:column;align-items:center;margin-top:40px}.flashcard{width:auto;min-width:400px;max-width:95vw;height:350px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease;position:relative;padding:0 40px}.flashcard:hover{transform:scale(1.02)}.flashcard-front,.flashcard-back{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;min-width:fit-content}.tap-hint{color:#fff;font-size:2rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.word-display{color:#fff;font-size:5rem;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,.3);animation:fadeIn .5s ease;text-align:center;line-height:1.2;white-space:nowrap}.word-display.hebrew-text{direction:rtl;font-family:Arial Hebrew,Noto Sans Hebrew,David,Arial,sans-serif}.rtl{direction:rtl}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.audio-btn{margin-top:30px;background:#fff;color:#667eea;border:none;padding:15px 30px;border-radius:20px;font-size:1.2rem;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #0003}.audio-btn:hover{background:#f8f8f8;transform:scale(1.05)}.keyboard-hint{opacity:.7;font-size:.85em;margin-left:5px;font-weight:400}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.primary-actions,.navigation-actions{display:flex;gap:15px;justify-content:center}.btn{padding:14px 32px;border:none;border-radius:12px;font-size:1.1rem;font-family:inherit;cursor:pointer;transition:all .2s ease;font-weight:600;box-shadow:0 2px 4px #0000001a;flex:1}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-review{background:#f59e0b;color:#fff}.btn-review:hover{background:#d97706}.btn-nav{background:#6b7280;color:#fff}.btn-nav:hover{background:#4b5563}.encouragement{margin-top:20px;color:#667eea;font-size:1.5rem;font-weight:700;animation:fadeIn .5s ease}.celebration{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.celebration-content{background:#fff;border-radius:30px;padding:60px;text-align:center;animation:popIn .5s ease}@keyframes popIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.stars{font-size:4rem;margin-bottom:20px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.celebration-text{font-size:3rem;color:#667eea;font-weight:700;margin-bottom:10px}.celebration-subtext{font-size:1.8rem;color:#764ba2;font-weight:700;margin-bottom:20px}.emoji{font-size:3rem;animation:bounce 1s infinite}.celebration-confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1001;overflow:hidden}.celebration-confetti-particle{position:absolute;font-size:2.5rem;animation:celebration-confetti-fall linear forwards;will-change:transform,opacity}@keyframes celebration-confetti-fall{0%{transform:translateY(-10vh) rotate(0) scale(1);opacity:1}50%{transform:translateY(50vh) rotate(var(--rotation, 180deg)) scale(1.3);opacity:1}to{transform:translateY(110vh) rotate(calc(var(--rotation, 180deg) * 2)) scale(.7);opacity:0}}@media(max-width:600px){.app-title{font-size:2rem}.subtitle{font-size:1.2rem}.level-grid{grid-template-columns:1fr}.word-display{font-size:2.5rem;line-height:1.1}.flashcard{min-width:300px;max-width:95vw;height:300px;padding:0 20px}.action-buttons{flex-direction:column;width:100%}.btn{width:100%}.celebration-content{padding:40px}.celebration-text{font-size:2rem}}.progress-details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}.progress-details-content{background:#fff;border-radius:30px;padding:40px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;animation:popIn .5s ease}.progress-details-content h2{color:#667eea;margin-bottom:30px;text-align:center;font-size:2rem}.progress-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.progress-stat{text-align:center;padding:20px;border-radius:15px;background:#f5f5f5}.progress-stat.correct{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.progress-stat.review{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.progress-stat.skipped{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.word-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:30px}.word-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:10px;background:#f5f5f5;font-weight:500}.word-item.correct{background:#11998e1a;border:2px solid #11998e}.word-item.review{background:#f093fb1a;border:2px solid #f093fb}.word-item.skipped{background:#667eea1a;border:2px solid #667eea}.word-text{flex:1;word-break:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.word-status-icon{margin-left:10px;font-size:1.2rem}.close-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.level-card-container{display:flex;flex-direction:column;gap:10px;height:100%}.view-progress-btn{background:#ffffffe6;color:#667eea;border:2px solid rgba(255,255,255,.5);padding:10px 20px;border-radius:12px;cursor:pointer;font-size:.9rem;font-family:inherit;transition:all .3s ease;font-weight:700}.view-progress-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media(max-width:600px){.progress-summary{grid-template-columns:1fr}.word-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.progress-details-content{padding:30px 20px}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;overflow:hidden}.confetti-particle{position:absolute;font-size:2rem;animation:confetti-fall linear forwards;will-change:transform,opacity}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0) scale(1);opacity:1}50%{transform:translateY(50vh) rotate(var(--rotation, 180deg)) scale(1.2);opacity:1}to{transform:translateY(110vh) rotate(calc(var(--rotation, 180deg) * 2)) scale(.8);opacity:0}}.progress-overview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;overflow:auto}.progress-overview-content{background:#fff;border-radius:30px;padding:40px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:popIn .5s ease}.progress-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:3px solid #667eea;padding-bottom:20px}.progress-overview-header h1{color:#667eea;font-size:2.5rem;margin:0}.close-icon-btn{background:#f0f0f0;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.close-icon-btn:hover{background:#e0e0e0;transform:scale(1.1)}.levels-progress-list{display:flex;flex-direction:column;gap:30px}.level-progress-section{border:2px solid #e0e0e0;border-radius:20px;padding:25px;background:#fafafa;transition:all .3s ease}.level-progress-section:hover{box-shadow:0 6px 12px #0000001a}.level-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.level-progress-header h2{color:#333;font-size:1.5rem;margin:0}.level-progress-header.completed h2{color:#667eea}.level-progress-header.incomplete h2{color:#999}.status-badge{padding:8px 16px;border-radius:12px;font-size:.9rem;font-weight:700}.status-badge.completed{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff}.status-badge.not-started{background:#e0e0e0;color:#666}.level-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-box{text-align:center;padding:20px;border-radius:15px;background:#fff}.stat-box.correct{border:3px solid #11998e;background:#11998e0d}.stat-box.review{border:3px solid #f093fb;background:#f093fb0d}.stat-box.skipped{border:3px solid #667eea;background:#667eea0d}.stat-count{font-size:2.5rem;font-weight:700;color:#333}.stat-label{font-size:.95rem;color:#666;margin-top:5px}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.word-badge{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:#fff;font-weight:600;font-size:.95rem;position:relative;transition:all .2s}.word-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.word-badge.correct{border:2px solid #11998e;color:#11998e}.word-badge.review{border:2px solid #f093fb;color:#f093fb}.word-badge.skipped{border:2px solid #667eea;color:#667eea}.word-badge-text{flex:1;word-break:break-word;overflow-wrap:break-word;min-width:0}.word-badge-icon{font-size:1.1rem;margin-left:8px}.attempts-badge{position:absolute;top:-8px;right:-8px;background:#ff6b6b;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700}@media(max-width:768px){.language-select-title{font-size:2rem}.language-select-subtitle{font-size:1.2rem}.language-flag{font-size:3.5rem}.level-select-header{flex-direction:column;align-items:stretch}.header-buttons{flex-direction:column;width:100%}.view-overall-progress-btn,.change-language-btn,.logout-btn{width:100%}.progress-overview-content{padding:25px 15px}.progress-overview-header h1{font-size:1.8rem}.level-stats{grid-template-columns:1fr}.words-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.level-progress-header{flex-direction:column;align-items:flex-start}}