@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Phenomena:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(179.61deg,#9462f4 15.33%,#7171f2 54.82%,#73aaf9 93.49%);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.app-container{max-width:1200px;width:100%}.landing-card{background:#0000;border-radius:40px;padding:30px 40px}.header{align-items:center;background:radial-gradient(11.51% 142.39% at 50% 123.33%,#cfa6ff 0,#b473ff 48.76%,#9361f3 100%);border-radius:30px;display:flex;justify-content:space-between;margin-bottom:20px;padding:14px 30px}.logo{color:#fff;font-family:Phenomena,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px}.login-btn{background:#fff;border:none;border-radius:100px;color:#7b4ef8;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:500;padding:10px 30px;transition:all .3s}.login-btn:hover{box-shadow:0 8px 25px -8px #ffffff4d;transform:scale(1.02)}.hero{margin-bottom:25px;padding:20px 30px 15px;text-align:center}.hero-title{color:#fff;font-family:Phenomena,sans-serif;font-size:40px;font-weight:700;line-height:1.2;margin-bottom:8px}.hero-title .highlight{background:#ffffff26;border-radius:10px;padding:0 10px}.hero-subtitle{color:#fff;font-family:Inter,sans-serif;font-size:18px;line-height:1.5;margin:0 auto 15px;max-width:700px;opacity:.95}.skills{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin:10px 0 15px}.skill-card{background:#fff;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 30px -10px #0000001a;overflow:visible;padding:22px 16px 18px;position:relative;text-align:center;transition:all .3s}.skill-card:hover{border-color:#7b4ef8;box-shadow:0 20px 55px -12px #7b4ef840;transform:translateY(-4px)}.skill-icon{display:block;font-size:38px;margin-bottom:8px}.skill-title{color:#7b4ef8;font-family:Phenomena,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.skill-subtitle{color:#7b4ef8;font-weight:600;margin-bottom:6px}.skill-list,.skill-subtitle{font-family:Inter,sans-serif;font-size:13px}.skill-list{color:#333;line-height:1.7;list-style:none;padding:0}.skill-list li{padding:1px 0}.skill-list li:before{color:#7b4ef8;content:"• ";font-weight:700}.test-btn{background:#7b4ef8;border:none;border-radius:50px;box-shadow:0 4px 12px #7b4ef84d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 14px;position:absolute;right:12px;top:12px;transition:all .3s ease;white-space:nowrap;z-index:10}.test-btn:hover{background:#5a3bd0;box-shadow:0 6px 20px #7b4ef866;transform:scale(1.05)}.footer{border-top:1px solid #ffffff26;color:#fff9;font-family:Inter,sans-serif;font-size:13px;margin-top:5px;padding-top:12px;text-align:center}@media (max-width:1024px){.landing-card{padding:20px}.hero-title{font-size:32px}.skills{gap:14px;grid-template-columns:repeat(2,1fr)}.header{padding:12px 20px}}@media (max-width:640px){.landing-card{padding:14px}.hero-title{font-size:24px}.hero-subtitle{font-size:15px}.skills{gap:12px;grid-template-columns:1fr}.skill-card{padding:16px 14px}.header{flex-direction:column;gap:10px;padding:12px 16px}.login-btn{font-size:14px;padding:8px 20px}.logo{font-size:22px}.test-btn{font-size:10px;padding:3px 10px;right:8px;top:8px}.user-info{align-items:center;background:#ffffff26;border-radius:16px;display:flex;font-size:16px;justify-content:space-between;margin-bottom:16px;padding:12px 20px}.change-age-btn,.user-info{color:#fff;font-family:Inter,sans-serif}.change-age-btn{background:#fff3;border:none;border-radius:50px;cursor:pointer;font-size:14px;padding:6px 18px;transition:all .3s}.change-age-btn:hover{background:#ffffff4d}.modules{margin:30px 0 25px}.modules-title{color:#fff;font-family:Phenomena,sans-serif;font-size:32px;font-weight:700;margin-bottom:20px;text-align:center}.modules-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.module-card{background:#fff;border-radius:24px;box-shadow:0 8px 30px -10px #0000001a;padding:24px 20px;text-align:center;transition:all .3s}.module-card:hover:not(.disabled){box-shadow:0 20px 55px -12px #7b4ef840;transform:translateY(-4px)}.module-card.disabled{opacity:.5;pointer-events:none}.module-status{font-size:28px;margin-bottom:8px}.module-status.completed{color:#22c55e}.module-status.locked{color:#9ca3af}.module-name{color:#1a1a2e;font-family:Inter,sans-serif;font-size:18px;font-weight:700;margin-bottom:6px}.module-desc{color:#6b6b7b;margin-bottom:14px}.module-btn,.module-desc{font-family:Inter,sans-serif;font-size:14px}.module-btn{background:#7b4ef8;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:10px 28px;transition:all .3s}.module-btn:hover:not(:disabled){background:#6a3dd4;transform:scale(1.02)}.module-btn:disabled{background:#d1d5db;cursor:not-allowed}.modules-note{color:#ffffffb3;font-family:Inter,sans-serif;font-size:14px;margin-top:16px;text-align:center}@media (max-width:1024px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.modules-grid{grid-template-columns:1fr}.modules-title{font-size:24px}.user-info{flex-wrap:wrap;font-size:14px;gap:8px;justify-content:center}}}.age-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.age-popup{animation:slideUp .4s ease;background:#fff;border-radius:40px;box-shadow:0 30px 80px #0000004d;max-width:600px;padding:40px 45px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.age-popup-header{margin-bottom:30px;text-align:center}.age-popup-header h2{color:#1a1a2e;font-family:Phenomena,sans-serif;font-size:36px;font-weight:700;margin-bottom:8px}.age-popup-subtitle{color:#6b6b7b;font-family:Inter,sans-serif;font-size:16px;line-height:1.5}.age-popup-body{margin-bottom:30px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.date-input,.form-group label{color:#1a1a2e;font-family:Inter,sans-serif;font-size:16px}.date-input{background:#f8f6ff;border:2px solid #e5e0f5;border-radius:16px;padding:14px 18px;transition:all .3s;width:100%}.date-input:focus{border-color:#7b4ef8;box-shadow:0 0 0 4px #7b4ef81a;outline:none}.age-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.age-btn{background:#f8f6ff;border:2px solid #e5e0f5;border-radius:14px;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 8px;transition:all .3s}.age-btn:hover{background:#f0edff;border-color:#7b4ef8}.age-btn.active{background:#7b4ef8;border-color:#7b4ef8;box-shadow:0 4px 15px #7b4ef84d;color:#fff}.error-text{color:#ef4444;font-family:Inter,sans-serif;font-size:14px;margin-top:8px}.age-popup-footer,.error-text{text-align:center}.save-btn{background:#7b4ef8;border:none;border-radius:50px;box-shadow:0 10px 30px -10px #7b4ef866;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:600;padding:16px 48px;transition:all .3s}.save-btn:hover{box-shadow:0 15px 40px -10px #7b4ef880;transform:translateY(-3px)}@media (max-width:640px){.age-popup{border-radius:28px;padding:28px 20px}.age-popup-header h2{font-size:28px}.age-grid{grid-template-columns:repeat(3,1fr)}.save-btn{font-size:16px;padding:14px 32px}}.modules-container{align-items:center;background:linear-gradient(179.61deg,#9462f4 15.33%,#7171f2 54.82%,#73aaf9 93.49%);display:flex;justify-content:center;min-height:100vh;padding:20px}.modules-card{background:#fff;border:6px solid #fff;border-radius:50px;box-shadow:0 30px 80px #00000026;max-width:1200px;padding:40px 50px;width:100%}.modules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.back-btn{background:#f8f6ff;border:2px solid #e5e0f5;border-radius:20px;color:#1a1a2e;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:10px 20px;transition:all .3s}.back-btn:hover{background:#f0edff;border-color:#7b4ef8}.modules-logo{color:#7b4ef8;font-family:Phenomena,sans-serif;font-size:32px;font-weight:800}.modules-user{background:#f8f6ff;border-radius:50px;color:#4a4a5a;font-family:Inter,sans-serif;font-size:16px;padding:8px 16px}.modules-hero{margin-bottom:40px;text-align:center}.modules-title{color:#1a1a2e;font-family:Phenomena,sans-serif;font-size:32px;font-weight:700;margin-bottom:10px}.modules-subtitle{color:#666;font-family:Inter,sans-serif;font-size:18px}.modules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.module-card{align-items:center;background:#fff;border:3px solid #e5e0f5;border-radius:30px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .3s ease}.module-card.active{border-color:#7b4ef8;box-shadow:0 10px 30px -10px #7b4ef833}.module-icon{font-size:48px;margin-bottom:8px}.module-name{color:#1a1a2e;font-size:18px;font-weight:700}.module-desc,.module-name{font-family:Inter,sans-serif}.module-desc{color:#666;font-size:14px;margin-bottom:8px}.module-topics{list-style:none;margin:0 0 16px;padding:0;text-align:left;width:100%}.module-topics li{border-bottom:1px dashed #e5e0f5;color:#4a4a5a;font-family:Inter,sans-serif;font-size:13px;padding:4px 0}.module-topics li:last-child{border-bottom:none}.module-start-btn{background:#7b4ef8;border:none;border-radius:16px;box-shadow:0 6px 20px -6px #7b4ef866;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:700;padding:12px;transition:all .3s;width:100%}.module-start-btn:hover{background:#6a3de8;box-shadow:0 10px 30px -6px #7b4ef880;transform:translateY(-2px)}.modules-note{color:#888;font-family:Inter,sans-serif;font-size:14px;margin-top:30px;text-align:center}@media (max-width:1024px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modules-card{border-radius:30px;padding:24px 16px}.modules-grid{grid-template-columns:1fr}.modules-title{font-size:24px}}.module-template-container{align-items:center;background:linear-gradient(179.61deg,#9462f4 15.33%,#7171f2 54.82%,#73aaf9 93.49%);display:flex;justify-content:center;min-height:100vh;padding:20px}.module-template-card{background:#fff;border:6px solid #fff;border-radius:50px;box-shadow:0 30px 80px #00000026;justify-content:center;margin-top:-40px;max-width:1200px;min-height:700px;padding:40px 50px}.module-template-card,.module-template-content{align-items:center;display:flex;flex-direction:column;width:100%}.module-template-content{gap:30px}.module-template-progress{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:10px;margin-top:20px}.module-template-dot{border:3px solid #fff;border-radius:70px;box-shadow:0 3px 10px #aebbd2cf;height:22px;transition:all .3s;width:40px}.module-template-dot.correct{background:linear-gradient(90deg,#2bec56,#51eec7)}.module-template-dot.wrong{background:linear-gradient(90deg,#fe2bc3 3.75%,#ff1431 96.25%)}.module-template-dot.empty{background:#fff;opacity:.45}.module-template-bottom-row{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.module-template-extra{color:#4a4a5a;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.3;max-width:60%;text-align:right}.module-template-btn{align-items:center;background:linear-gradient(130.29deg,#fe2b2b 13.21%,#ef0f45 81.73%);border:5px solid #fff;border-radius:200px;cursor:pointer;display:flex;height:72px;justify-content:center;position:relative;transition:all .3s;width:200px}.module-template-btn:hover:not(:disabled){filter:brightness(1.05)}.module-template-btn:disabled{cursor:not-allowed;opacity:.5}.module-template-btn-shadow{border-radius:200px;bottom:-10%;height:22%;left:3%;opacity:.85;position:absolute;width:94%;z-index:-1}.module-template-btn-blink{background:#ffffff8c;border-radius:50%;height:16px;left:22px;pointer-events:none;position:absolute;top:10px;width:16px}.module-template-btn-blink-small{background:#fff6;border-radius:50%;height:8px;left:42px;pointer-events:none;position:absolute;top:6px;width:8px}.module-template-btn-text{color:#fff;font-family:Inter,sans-serif;font-size:36px;font-weight:800;line-height:43px;text-transform:uppercase;z-index:1}@media (max-width:768px){.module-template-card{border-radius:30px;margin-top:0;min-height:auto;padding:24px 16px}.module-template-bottom-row{align-items:center;flex-direction:column;gap:10px}.module-template-extra{max-width:100%;text-align:center}.module-template-dot{height:18px;width:30px}.module-template-btn{height:54px;width:144px}.module-template-btn-text{font-size:25px}}.module-template-btn{outline:none}.module-template-btn:focus{box-shadow:none;outline:none}.module-template-btn:hover:not(:disabled){filter:none!important}.module-template-btn-shadow{transition:none!important}.sound-test-container{background:linear-gradient(179.61deg,#9462f4 15.33%,#7171f2 54.82%,#73aaf9 93.49%);min-height:100vh;padding:20px}.sound-test-card,.sound-test-container{align-items:center;display:flex;justify-content:center}.sound-test-card{background:#fff;border:6px solid #fff;border-radius:50px;box-shadow:0 30px 80px #00000026;max-width:1200px;min-height:700px;padding:40px 50px;width:100%}.test-area{flex-direction:column;gap:30px}.images-container,.test-area{align-items:center;display:flex;width:100%}.images-container{gap:80px;justify-content:center}.image-card{align-items:center;background:#fff;border:4px solid #e5e0f5;border-radius:49px;box-shadow:0 4px 20px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;padding:20px;transition:all .3s ease;width:380px}.image-card:hover{box-shadow:0 12px 40px #7b4ef826;transform:translateY(-4px)}.image-card.selected{background:#f0edff;border-color:#7b4ef8;box-shadow:0 0 0 6px #7b4ef833}.test-image{border-radius:20px;height:260px;object-fit:contain;width:260px}.image-label{color:#1a1a2e;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin-top:12px}.image-placeholder{align-items:center;color:#c4c4d0;display:flex;flex-direction:column;font-size:60px;justify-content:center}.placeholder-text{color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;margin-top:8px}.progress-indicators{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.progress-dot{border:3px solid #fff;border-radius:70px;box-shadow:0 3px 10px #aebbd2cf;height:22px;transition:all .3s;width:40px}.progress-dot.correct{background:linear-gradient(90deg,#2bec56,#51eec7)}.progress-dot.wrong{background:linear-gradient(90deg,#fe2bc3 3.75%,#ff1431 96.25%)}.progress-dot.empty{background:#fff;opacity:.45}@media (max-width:1024px){.images-container{gap:40px}.image-card{height:300px;width:280px}.test-image{height:180px;width:180px}}@media (max-width:768px){.sound-test-card{border-radius:30px;min-height:auto;padding:24px 16px}.images-container{flex-direction:column;gap:16px}.image-card{height:240px;padding:12px;width:220px}.test-image{height:140px;width:140px}.image-label{font-size:16px}.progress-dot{height:18px;width:30px}.stop-btn{height:60px;width:160px}.stop-btn-text{font-size:28px}.result-card{padding:30px 20px}.result-title{font-size:28px}.score-number{font-size:48px}}.rhythm-test-container{align-items:center;background:linear-gradient(179.61deg,#9462f4 15.33%,#7171f2 54.82%,#73aaf9 93.49%);display:flex;justify-content:center;min-height:100vh;padding:20px}.rhythm-test-card{background:#fff;border:6px solid #fff;border-radius:50px;box-shadow:0 30px 80px #00000026;justify-content:center;max-width:1200px;min-height:700px;padding:40px 50px}.rhythm-area,.rhythm-test-card{align-items:center;display:flex;flex-direction:column;width:100%}.rhythm-area{gap:30px}.rhythm-top-row{align-items:center;display:flex;gap:80px;justify-content:center;width:100%}.clap-hands{font-size:280px;line-height:1;transform-origin:center;transition:all .1s ease;-webkit-user-select:none;user-select:none}.clap-hands.clap{opacity:.7;transform:scale(.8)}.rhythm-big-btn{align-items:center;background:#f8f6ff;border:4px solid #e5e0f5;border-radius:49px;box-shadow:0 4px 20px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:150px;justify-content:center;transition:all .3s ease;width:150px}.rhythm-big-btn:hover:not(:disabled){box-shadow:0 12px 40px #7b4ef826;transform:translateY(-4px)}.rhythm-big-btn:disabled{cursor:not-allowed;opacity:.4}.rhythm-big-btn .btn-icon{font-size:48px;line-height:1}.rhythm-big-btn .btn-label{color:#1a1a2e;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.rhythm-big-btn.active{background:#f0edff;border-color:#7b4ef8;box-shadow:0 0 0 6px #7b4ef833}.rhythm-progress{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.rhythm-dot{background:#fff;border:3px solid #fff;border-radius:70px;box-shadow:0 3px 10px #aebbd2cf;height:22px;opacity:.45;transition:all .3s;width:40px}.rhythm-dot.active{background:linear-gradient(90deg,#2bec56,#51eec7);opacity:1}.rhythm-status{font-family:Inter,sans-serif;font-size:20px;font-weight:600;min-height:40px;text-align:center}.status-clap{animation:pulse-text .8s ease-in-out infinite;color:#22c55e}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.4}}.status-result.success{color:#22c55e}.status-result.error{color:#ef4444}.stop-btn{margin-top:20px}@media (max-width:1024px){.rhythm-top-row{flex-wrap:wrap;gap:40px}.clap-hands{font-size:200px}.rhythm-big-btn{height:180px;width:160px}.rhythm-big-btn .btn-icon{font-size:48px}}@media (max-width:768px){.rhythm-test-card{border-radius:30px;min-height:auto;padding:24px 16px}.rhythm-top-row{flex-direction:column;gap:16px}.rhythm-big-btn{height:160px;width:160px}.rhythm-big-btn .btn-icon{font-size:40px}.rhythm-big-btn .btn-label{font-size:14px}.clap-hands{font-size:150px}.rhythm-dot{height:18px;width:30px}.stop-btn{height:60px;width:160px}.stop-btn-text{font-size:28px}.rhythm-status{font-size:16px}}.phonemic-container{align-items:center;display:flex;flex-direction:column;gap:24px;padding-bottom:20px;width:100%}.phonemic-speaking-badge{align-items:center;background:#f0f0f5;border-radius:100px;display:flex;gap:10px;height:44px;margin-bottom:24px;opacity:.4;padding:10px 24px;pointer-events:none;transition:all .3s ease}.phonemic-speaking-badge.active{background:#7b4ef8;box-shadow:0 4px 12px #7b4ef84d;opacity:1}.phonemic-speaking-icon{font-size:22px;line-height:1}.phonemic-speaking-text{color:#6b6b7b;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:color .3s ease}.phonemic-speaking-badge.active .phonemic-speaking-text{color:#fff}.phonemic-cards-grid{grid-gap:30px!important;display:grid!important;gap:30px!important;grid-template-columns:380px 380px!important}.phonemic-card-wrapper{align-items:center;background:#f8f6ff;border:4px solid #e5e0f5;border-radius:28px;display:flex;height:380px!important;justify-content:center;padding:10px;transition:all .3s ease;width:380px!important}.phonemic-card-wrapper.clickable{cursor:pointer}.phonemic-card-wrapper.clickable:hover{background:#f0ecfb;border-color:#c4bbe8;transform:scale(1.02)}.phonemic-card-wrapper.clickable:active{transform:scale(.98)}.phonemic-card-image{height:340px!important;object-fit:contain!important;pointer-events:none;width:340px!important}.phonemic-card-wrapper.answer-correct{animation:correctPulse .5s ease;background:#e8fdf0;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e40}.phonemic-card-wrapper.answer-correct-hint{animation:correctPulse .5s ease .3s both;background:#e8fdf0;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e40}.phonemic-card-wrapper.answer-wrong{animation:wrongShake .5s ease;background:#fee2e2;border-color:#ef4444;box-shadow:0 0 0 4px #ef444440}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.phonemic-result-content{text-align:center}.phonemic-result-title{color:#1a1a2e;font-family:Phenomena,sans-serif;font-size:40px;font-weight:700;margin-bottom:20px}.phonemic-result-score{align-items:baseline;display:flex;justify-content:center;margin-bottom:20px}.phonemic-score-number{color:#7b4ef8;font-family:Phenomena,sans-serif;font-size:72px;font-weight:700}.phonemic-score-total{color:#b0b0c8;font-family:Inter,sans-serif;font-size:28px;font-weight:600}.phonemic-loading-text{color:#6b6b7b;font-family:Inter,sans-serif;font-size:20px}.vision-test-container{align-items:center;background:linear-gradient(179.61deg,#9462f4 15.33%,#7171f2 54.82%,#73aaf9 93.49%);display:flex;justify-content:center;min-height:100vh;padding:20px}.vision-test-card{background:#fff;border:6px solid #fff;border-radius:50px;box-shadow:0 30px 80px #00000026;justify-content:center;margin-top:-40px;max-width:1200px;min-height:700px;padding:40px 50px}.vision-test-area,.vision-test-card{align-items:center;display:flex;flex-direction:column;width:100%}.vision-test-area{gap:30px}.vision-prompt{align-items:center;background:#f8f6ff;border-radius:20px;display:flex;justify-content:space-between;max-width:600px;padding:12px 24px;width:100%}.prompt-text{color:#1a1a2e;font-family:Inter,sans-serif;font-size:24px;font-weight:600}.question-counter{color:#6b6b7b;font-family:Inter,sans-serif;font-size:16px;font-weight:500}.vision-content{display:flex;justify-content:center;min-height:350px;width:100%}.vision-options-grid-2x2{grid-row-gap:10px;grid-column-gap:24px;align-items:start;column-gap:24px;display:grid;grid-template-columns:repeat(2,1fr);max-width:800px;row-gap:10px;width:100%}.vision-option-btn{align-items:center;background:#f8f6ff;border:4px solid #e5e0f5;border-radius:28px;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s ease}.vision-option-btn:hover:not(.selected){box-shadow:0 12px 40px #7b4ef826;transform:translateY(-6px)}.vision-option-btn.selected{background:#f0edff;border-color:#7b4ef8;box-shadow:0 0 0 6px #7b4ef833}.color-image,.shape-image{border:5px solid #0000!important;flex-shrink:0!important;height:200px!important;object-fit:contain!important;transition:all .3s ease;width:200px!important}.vision-option-btn:hover .color-image,.vision-option-btn:hover .shape-image{transform:scale(1.05)}.shape-image{filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.shape-image[alt=\43A\440\443\433]{filter:drop-shadow(0 4px 12px rgba(148,97,244,.3))}.shape-image[alt=\43E\432\430\43B]{filter:drop-shadow(0 4px 12px rgba(115,168,249,.3))}.shape-image[alt=\43A\432\430\434\440\430\442]{filter:drop-shadow(0 4px 12px rgba(120,150,242,.3))}.shape-image[alt=\442\440\435\443\433\43E\43B\44C\43D\438\43A]{filter:drop-shadow(0 4px 12px rgba(81,238,199,.3))}.shape-image[alt=\43F\440\44F\43C\43E\443\433\43E\43B\44C\43D\438\43A]{filter:drop-shadow(0 4px 12px rgba(255,159,165,.3))}.shape-image[alt=\448\430\440]{filter:drop-shadow(0 4px 16px rgba(123,78,248,.4))}.shape-image[alt=\43A\443\431]{filter:drop-shadow(0 4px 16px rgba(114,111,211,.4))}.shape-image[alt=\446\438\43B\438\43D\434\440]{filter:drop-shadow(0 4px 12px rgba(115,168,249,.3))}.shape-image[alt=\43C\43D\43E\433\43E\443\433\43E\43B\44C\43D\438\43A]{filter:drop-shadow(0 4px 12px rgba(255,196,210,.3))}.vision-progress{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.vision-dot{border:3px solid #fff;border-radius:70px;box-shadow:0 3px 10px #aebbd2cf;height:22px;transition:all .3s;width:40px}.vision-dot.correct{background:linear-gradient(90deg,#2bec56,#51eec7)}.vision-dot.wrong{background:linear-gradient(90deg,#fe2bc3 3.75%,#ff1431 96.25%)}.vision-dot.empty{background:#fff;opacity:.45}.stop-btn{align-items:center;background:linear-gradient(130.29deg,#fe2b2b 13.21%,#ef0f45 81.73%);border:5px solid #fff;border-radius:200px;cursor:pointer;display:flex;height:80px;justify-content:center;margin-top:30px;position:relative;transition:all .3s;width:220px}.stop-btn:hover{transform:scale(1.02)}.stop-btn-shadow{background:#d80939;border-radius:200px;bottom:-10px;height:46px;left:0;position:absolute;width:220px;z-index:-1}.stop-btn-blink{background:#ff7a82;border-radius:20px;height:24px;left:14px;opacity:.7;position:absolute;top:5px;width:43px}.stop-btn-text{color:#fff;font-family:Inter,sans-serif;font-size:40px;font-weight:800;line-height:48px;text-transform:uppercase;z-index:1}.result-card{padding:60px 50px;text-align:center}.result-text{color:#4a4a5a;font-size:20px;line-height:1.6;margin-bottom:30px}.result-btn,.result-text{font-family:Inter,sans-serif}.result-btn{background:#7b4ef8;border:none;border-radius:50px;box-shadow:0 10px 30px -10px #7b4ef866;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 48px;transition:all .3s}.result-btn:hover{box-shadow:0 15px 40px -10px #7b4ef880;transform:translateY(-3px)}@media (max-width:1024px){.color-image,.shape-image{height:120px!important;width:120px!important}.vision-options-grid-2x2{column-gap:20px;row-gap:10px}}@media (max-width:768px){.vision-test-card{border-radius:30px;margin-top:0;min-height:auto;padding:24px 16px}.vision-options-grid-2x2{column-gap:16px;max-width:100%;row-gap:10px}.vision-option-btn{padding:12px}.color-image,.shape-image{height:120px!important;width:120px!important}.vision-prompt{flex-direction:column;gap:8px;padding:12px 16px;text-align:center}.prompt-text{font-size:20px}.vision-dot{height:18px;width:30px}.stop-btn{height:60px;width:160px}.stop-btn-text{font-size:28px}.result-card{padding:30px 20px}.result-title{font-size:28px}.score-number{font-size:48px}}@media (max-width:480px){.vision-option-btn{padding:8px}.color-image,.shape-image{height:100px!important;width:100px!important}.vision-options-grid-2x2{column-gap:12px;row-gap:10px}}.size-items-row{background:#0000;gap:35px;margin:0 auto;max-width:850px;min-height:300px;padding:30px;width:100%}.size-item-card,.size-items-row{align-items:center;border-radius:24px;display:flex;justify-content:center}.size-item-card{background:#fff;border:4px solid #e5e0f5;cursor:grab;flex-shrink:0;height:260px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:260px}.size-item-card:hover{box-shadow:0 12px 40px #7b4ef826;transform:translateY(-6px)}.size-item-card.dragging{opacity:.5;transform:scale(.95)}.size-item-img{height:170px;object-fit:contain;pointer-events:none;width:170px}@media (max-width:1024px){.size-item-card{height:160px;width:160px}.size-item-img{height:100px;width:100px}}@media (max-width:768px){.size-items-row{flex-wrap:wrap;gap:16px;padding:16px}.size-item-card{height:120px;width:120px}.size-item-img{height:80px;width:80px}}.spatial-container{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.spatial-question-text{color:#1a1a2e;font-family:Phenomena,sans-serif;font-size:32px;font-weight:700;margin:0}.spatial-main-row{align-items:center;display:flex;gap:40px;justify-content:center;width:100%}.spatial-options-col{display:flex;flex-direction:column;gap:15px}.spatial-option-btn{background:#f8f6ff;border:3px solid #e5e0f5;border-radius:20px;color:#1a1a2e;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:700;height:60px;transition:all .2s;width:160px}.spatial-option-btn:hover:not(:disabled){background:#f0edff;border-color:#7b4ef8}.spatial-option-btn.selected{background:#7b4ef8;border-color:#7b4ef8;box-shadow:0 8px 20px #7b4ef84d;color:#fff}.spatial-option-btn:disabled{cursor:default;opacity:.6}.spatial-scene{align-items:center;display:flex;justify-content:center;max-height:350px;width:400px}.spatial-scene-image{border-radius:16px;max-height:100%;max-width:100%;object-fit:contain}.spatial-actions-col{display:flex;flex-direction:column;gap:20px}.spatial-action-btn{align-items:center;background:#fff;border:4px solid #e5e0f5;border-radius:40px;box-shadow:0 4px 20px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:160px;justify-content:center;transition:all .3s ease;width:160px}.spatial-action-btn:hover{box-shadow:0 12px 40px #7b4ef826;transform:translateY(-4px)}.action-icon{font-size:50px;line-height:1}.action-label{color:#1a1a2e;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.puzzle-flex-container{align-items:flex-start;background:#f8f6ff;border-radius:24px;display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:0 auto;max-width:1000px;min-height:400px;padding:20px;width:100%}.puzzle-flex-piece{background-color:#e0e0e0;border:3px solid #e5e0f5;border-radius:16px;box-sizing:border-box;cursor:pointer;flex-shrink:0;margin:8px;transition:all .3s ease}.puzzle-piece-selected{border-color:#7b4ef8!important;box-shadow:0 0 0 5px #7b4ef84d!important;transform:scale(.95);z-index:2}.puzzle-piece-snapped{border:2px dashed #c4c4d0!important;border-radius:8px!important;margin:0 4px!important;pointer-events:auto}.puzzle-flex-container:has(.puzzle-piece-snapped:last-child) .puzzle-piece-snapped{border:none!important;border-radius:0!important;margin:0!important;pointer-events:none}@media (max-width:768px){.puzzle-flex-piece{height:120px;width:calc(120px*var(--cols)/var(--rows))!important}}.puzzle-internal-img{pointer-events:none;-webkit-user-select:none;user-select:none}.vocabulary-container{align-items:center;display:flex;flex-direction:column;gap:16px;padding-bottom:20px;width:100%}.vocabulary-images-grid{grid-row-gap:10px;grid-column-gap:24px;align-items:start;column-gap:24px;display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px;row-gap:10px;width:100%}.vocabulary-image-btn{align-items:center;background:#f8f6ff;border:4px solid #e5e0f5;border-radius:28px;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s ease}.vocabulary-image-btn:hover:not(.selected-multiple){box-shadow:0 8px 25px #7b4ef826;transform:translateY(-4px)}.vocabulary-image-btn.selected-multiple{background:#f0edff;border-color:#7b4ef8;box-shadow:0 0 0 6px #7b4ef833}.vocabulary-image{border:5px solid #0000!important;flex-shrink:0!important;height:200px!important;object-fit:contain!important;width:200px!important}.vocabulary-confirm-btn{background:#7b4ef8;border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin-top:8px;padding:12px 32px;transition:all .3s ease}.vocabulary-confirm-btn:hover:not(:disabled){box-shadow:0 8px 25px #7b4ef84d;transform:scale(1.02)}.vocabulary-confirm-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.vocabulary-images-grid{gap:16px;max-width:100%}.vocabulary-image-btn{min-height:150px;padding:12px}.vocabulary-image{height:100px;width:100px}.vocabulary-confirm-btn{font-size:16px;padding:10px 24px}}@media (max-width:480px){.vocabulary-images-grid{gap:12px}.vocabulary-image-btn{min-height:110px;padding:80px}.vocabulary-image{height:60px;width:60px}.vocabulary-confirm-btn{font-size:14px;padding:8px 20px}}.wordformation-container{align-items:center;display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.wordformation-main-row{grid-gap:40px!important;align-items:center!important;display:grid!important;gap:40px!important;grid-template-columns:1fr auto!important;justify-content:center!important}.wordformation-images-grid{grid-gap:30px!important;display:grid!important;gap:30px!important;grid-template-columns:380px 380px!important}.wordformation-image-wrapper{align-items:center;background:#f8f6ff;border:4px solid #e5e0f5;border-radius:28px;display:flex;height:380px!important;justify-content:center;padding:10px;width:380px!important}.wordformation-image{height:340px!important;object-fit:contain!important;width:340px!important}.wordformation-image-wrapper.highlighted{background:#fff8e0;border-color:#ffb800;box-shadow:0 0 0 4px #ffb8004d}.wordformation-image-wrapper.answer-correct{background:#e8fdf0;border-color:#22c55e}.wordformation-image-wrapper.answer-wrong{background:#fee2e2;border-color:#ef4444}.wordformation-indicators{align-items:center;flex-direction:column;flex-shrink:0;gap:20px}.indicator{background:#f0f0f5;font-size:36px;height:80px;width:80px}.indicator.listen.active{background:#7b4ef8}.indicator.speak.active{background:#22c55e}.indicator-icon{line-height:1}.result-title{color:#1a1a2e;font-family:Phenomena,sans-serif;font-size:40px;font-weight:700}.result-score{align-items:baseline;display:flex;justify-content:center;margin-bottom:20px}.score-number{color:#7b4ef8;font-family:Phenomena,sans-serif;font-size:72px;font-weight:700}.score-total{color:#b0b0c8;font-size:28px;font-weight:600}.loading-text,.score-total{font-family:Inter,sans-serif}.loading-text{color:#6b6b7b;font-size:20px}.wordformation-container{padding:20px;width:100%}.wordformation-main-row{align-items:center;display:flex;flex-direction:column;gap:30px}.wordformation-images-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.wordformation-image-wrapper{background:#f5f5f5;border:4px solid #0000;border-radius:16px;height:200px;overflow:hidden;transition:all .3s ease;width:200px}.wordformation-image-wrapper.highlighted{border-color:gold;box-shadow:0 0 20px #ffd70080;transform:scale(1.05)}.wordformation-image-wrapper.answer-correct{border-color:#4caf50;box-shadow:0 0 20px #4caf5080}.wordformation-image-wrapper.answer-wrong{border-color:#f44336;box-shadow:0 0 20px #f4433680}.wordformation-image{height:100%;object-fit:cover;width:100%}.wordformation-indicators{display:flex;gap:30px;margin-top:10px}.indicator{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.indicator.active{animation:pulse 1s infinite;background:#2196f3}.indicator-icon{font-size:30px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.result-content{padding:40px;text-align:center}.result-title{font-size:32px;margin-bottom:20px}.result-score{font-size:48px;font-weight:700}.score-number{color:#4caf50}.score-total{color:#999}.loading-text{color:#666;font-size:24px;padding:40px;text-align:center}
/*# sourceMappingURL=main.90477548.css.map*/