.TenFrame_container__hOiRw{display:flex;flex-direction:column;align-items:center;gap:2rem}.TenFrame_number__RWw8W{font-size:96px;font-weight:800;color:#7eb6ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:3px 3px 0 rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:1.5rem}.TenFrame_framesContainer__LDEe9{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:flex-start}.TenFrame_frame__I7WQJ{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-gap:1rem;gap:1rem;padding:2rem;background:#fff;border:4px solid #2c3e50;border-radius:28px;box-shadow:0 8px 16px rgba(0,0,0,.15)}.TenFrame_cell__q6lIB{aspect-ratio:1;background:#f5f1e8;border:3px solid #2c3e50;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:default;position:relative;transition:all .2s ease}.TenFrame_cell__q6lIB.TenFrame_interactive__W6OC8{cursor:pointer}.TenFrame_cell__q6lIB.TenFrame_interactive__W6OC8:hover:not(:disabled){background:#faf7f3;border-color:#7eb6ff}.TenFrame_cell__q6lIB.TenFrame_interactive__W6OC8:active:not(:disabled){transform:scale(.95)}.TenFrame_cell__q6lIB:disabled{cursor:default}.TenFrame_dot__L6ukI{width:70%;height:70%;background:radial-gradient(circle at 30% 30%,#7eb6ff,#328bff);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2),inset -2px -2px 4px rgba(0,0,0,.1),inset 2px 2px 4px hsla(0,0%,100%,.3)}.TenFrame_small__7X9Eh .TenFrame_number__RWw8W{font-size:32px}.TenFrame_small__7X9Eh .TenFrame_framesContainer__LDEe9{gap:.5rem}.TenFrame_small__7X9Eh .TenFrame_frame__I7WQJ{gap:2px;padding:.5rem;border:2px solid #2c3e50}.TenFrame_small__7X9Eh .TenFrame_cell__q6lIB{min-width:24px;min-height:24px;border:2px solid #2c3e50}@media(min-width:768px){.TenFrame_small__7X9Eh .TenFrame_number__RWw8W{font-size:36px}.TenFrame_small__7X9Eh .TenFrame_frame__I7WQJ{gap:.5rem;padding:1rem}.TenFrame_small__7X9Eh .TenFrame_cell__q6lIB{min-width:28px;min-height:28px}}@media(min-width:1024px){.TenFrame_small__7X9Eh .TenFrame_number__RWw8W{font-size:48px}.TenFrame_small__7X9Eh .TenFrame_frame__I7WQJ{gap:.5rem;padding:1.5rem;border:3px solid #2c3e50}.TenFrame_small__7X9Eh .TenFrame_cell__q6lIB{min-width:40px;min-height:40px;border:3px solid #2c3e50}}.TenFrame_medium__rkp6X .TenFrame_number__RWw8W{font-size:64px}.TenFrame_medium__rkp6X .TenFrame_frame__I7WQJ{gap:1rem;padding:1.5rem}.TenFrame_medium__rkp6X .TenFrame_cell__q6lIB{min-width:60px;min-height:60px}.TenFrame_large__0teCZ .TenFrame_number__RWw8W{font-size:64px}.TenFrame_large__0teCZ .TenFrame_frame__I7WQJ{gap:.5rem;padding:1rem}.TenFrame_large__0teCZ .TenFrame_cell__q6lIB{min-width:44px;min-height:44px}@media(min-width:480px){.TenFrame_large__0teCZ .TenFrame_number__RWw8W{font-size:80px}.TenFrame_large__0teCZ .TenFrame_frame__I7WQJ{gap:1rem;padding:1.5rem}.TenFrame_large__0teCZ .TenFrame_cell__q6lIB{min-width:60px;min-height:60px}}@media(min-width:768px){.TenFrame_large__0teCZ .TenFrame_number__RWw8W{font-size:96px}.TenFrame_large__0teCZ .TenFrame_frame__I7WQJ{gap:1rem;padding:2rem}.TenFrame_large__0teCZ .TenFrame_cell__q6lIB,.TenFrame_medium__rkp6X .TenFrame_cell__q6lIB{min-width:80px;min-height:80px}}@media(min-width:1024px){.TenFrame_large__0teCZ .TenFrame_cell__q6lIB{min-width:100px;min-height:100px}.TenFrame_large__0teCZ .TenFrame_number__RWw8W{font-size:120px}}.Confetti_confetti__lqlhj{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.Confetti_particle__EYnpV{position:absolute;border-radius:2px;will-change:transform,opacity}.page_player__hCz_6{min-height:100vh;background:#f5f1e8;display:flex;flex-direction:column}.page_header__e86IP{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}@media(min-width:768px){.page_header__e86IP{padding:1.5rem 2rem}}.page_homeButton__be8TN{background:#fff;border:2px solid #2c3e50;border-radius:20px;padding:.5rem 1rem;font-size:1rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-height:44px}.page_homeButton__be8TN:hover{background:#fdfcfa;transform:translateX(-4px)}.page_homeButton__be8TN:active{transform:scale(.98)}.page_storyTitle__OWZXh{font-size:1.5rem;font-weight:800;color:#c9b3f5;margin:0;text-align:center;flex:1 1}@media(min-width:768px){.page_storyTitle__OWZXh{font-size:2rem}}.page_stepIndicator__bLnI_{display:flex;gap:.5rem}.page_stepDot__HMNkf{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #c9b3f5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#2c3e50;transition:all .2s ease}.page_stepDot__HMNkf.page_stepDotActive__vybFF{background:#c9b3f5;color:#fff;transform:scale(1.1)}.page_stepDot__HMNkf.page_stepDotCompleted__oDN6a{background:#7bc67e;border-color:#7bc67e;color:#fff}.page_stepLabel__T9b6H{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#fff,#fff)}.page_stepLabel__T9b6H span{font-size:1.5rem;font-weight:700;color:#2c3e50}.page_content__lNjkj{flex:1 1;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto}@media(min-width:768px){.page_content__lNjkj{padding:2rem}}.page_activityContainer__UqCY1{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:800px;margin:0 auto}.page_bottomBar__nvkyh{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);flex-wrap:wrap;gap:1rem}@media(min-width:768px){.page_bottomBar__nvkyh{padding:1.5rem 2rem}}.page_navButton__xF_Xn{background:#fff;border:2px solid #2c3e50;border-radius:20px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-width:100px}.page_navButton__xF_Xn:hover:not(:disabled){background:#f5f1e8}.page_navButton__xF_Xn:disabled{opacity:.4;cursor:not-allowed}.page_finishButton__vovr8{background:#7bc67e;border:2px solid #57b75b;border-radius:20px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease}.page_finishButton__vovr8:hover{background:#69be6d;transform:scale(1.05)}.page_stepCounter__QgG_V{font-size:1rem;font-weight:600;color:#6b7280}.page_readStoryContainer__3roH7{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.page_storyTextBox__5EbI_{background:#fff;border-radius:28px;padding:2rem 3rem;box-shadow:0 4px 16px rgba(0,0,0,.12);width:100%;min-height:120px;display:flex;align-items:center;justify-content:center}.page_storyText__f0kYa{font-size:2rem;font-weight:600;color:#2c3e50;text-align:center;line-height:1.6}@media(min-width:768px){.page_storyText__f0kYa{font-size:2.5rem}}.page_highlightedWord__Nx1cL{background:linear-gradient(180deg,transparent 60%,#ffe9bd 0);padding:0 4px;border-radius:4px}.page_vocabularyBox__5JTRj{background:#f7fdfb;border:2px solid #a8e6cf;border-radius:20px;padding:1.5rem;width:100%;text-align:center}.page_vocabLabel__Qo_rE{font-size:1rem;font-weight:700;color:#2c3e50;margin:0 0 1rem}.page_vocabWords__95EnW{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.page_vocabWord__OZQLQ{background:#fff;border:2px solid #a8e6cf;border-radius:12px;padding:6px 12px;font-size:1.25rem;font-weight:600;color:#2c3e50}.page_vocabWordClickable__zGChy{cursor:pointer;transition:all .2s ease;border:3px solid #a8e6cf}.page_vocabWordClickable__zGChy:hover{background:#e3f7f0;transform:scale(1.05)}.page_vocabWordClickable__zGChy:active{transform:scale(.98)}.page_vocabWordPlaying__wtd7A{background:#a8e6cf;color:#2c3e50;animation:page_pulse__g2_fQ .5s ease-in-out infinite alternate}@keyframes page_pulse__g2_fQ{0%{transform:scale(1)}to{transform:scale(1.08)}}.page_readControls__19FTC{gap:1.5rem;flex-wrap:wrap}.page_pageNavButton__u_Oev,.page_readControls__19FTC{display:flex;align-items:center;justify-content:center}.page_pageNavButton__u_Oev{width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid #2c3e50;font-size:1.5rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease}.page_pageNavButton__u_Oev:hover:not(:disabled){background:#f5f1e8;transform:scale(1.1)}.page_pageNavButton__u_Oev:disabled{opacity:.3;cursor:not-allowed}.page_playButton__TARK0{background:#7eb6ff;border:3px solid #4b99ff;border-radius:20px;padding:1rem 2rem;font-size:1.25rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-height:56px}.page_playButton__TARK0:hover{background:#65a8ff;transform:scale(1.05)}.page_pageProgress__dPe4b{display:flex;gap:8px;justify-content:center}.page_pageDot__o0gWN{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #c9b3f5;transition:all .2s ease}.page_pageDot__o0gWN.page_pageDotActive__gBvuk{background:#c9b3f5;transform:scale(1.3)}.page_pageDot__o0gWN.page_pageDotDone__IRqQp{background:#7bc67e;border-color:#7bc67e}.page_doneButton__fhIf_{background:#7bc67e;border:3px solid #57b75b;border-radius:20px;padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.page_doneButton__fhIf_:hover{background:#69be6d;transform:scale(1.05)}.page_matchContainer__rgtEf{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative}.page_matchInstructions__2stsy{font-size:1.25rem;font-weight:600;color:#2c3e50;text-align:center;margin:0}.page_feedbackBubble__TTGc8{position:absolute;top:60px;left:50%;transform:translateX(-50%);padding:1rem 2rem;border-radius:28px;font-size:1.5rem;font-weight:700;z-index:10}.page_feedbackBubble__TTGc8.page_feedbackCorrect__hHyC9{background:#7bc67e;color:#fff}.page_feedbackBubble__TTGc8.page_feedbackIncorrect__8dLkg{background:#ff6b6b;color:#fff}.page_matchContent__hsRfM{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:600px;position:relative;gap:1.5rem}.page_imagesColumn__ZYhjG,.page_wordsColumn__Ce3yv{display:flex;flex-direction:column;gap:1.5rem;z-index:2}.page_linesSvg__X4VhT{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.page_wordItem__L70EA{background:#fff;border:3px solid #7eb6ff;border-radius:20px;padding:1rem 2rem;font-size:1.5rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center}.page_wordItem__L70EA:hover:not(:disabled){background:#fefeff}.page_wordItem__L70EA.page_wordItemSelected__VWBId{background:#7eb6ff;color:#fff;transform:scale(1.05)}.page_wordItem__L70EA.page_wordItemMatched__WKX57{background:#7bc67e;border-color:#7bc67e;color:#fff;cursor:default}.page_imageItem__5g_Zi{background:#fff;border:3px solid #ffc857;border-radius:20px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page_imageItem__5g_Zi:hover:not(:disabled){background:#fff2d7}.page_imageItem__5g_Zi.page_imageItemMatched__SaOrT{background:#7bc67e;border-color:#7bc67e;cursor:default}.page_matchImage__IivmW{width:80px;height:80px;object-fit:contain;border-radius:12px}.page_matchProgress__AmQ6r{font-size:1.25rem;font-weight:600;color:#6b7280;text-align:center}.page_completeMessage__5WYTX{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#7bc67e;color:#fff;padding:2rem 3rem;border-radius:28px;font-size:2rem;font-weight:700;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.16)}.page_fillBlanksContainer__vq2ji{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.page_fillInstructions__TfFs_{font-size:1.25rem;font-weight:600;color:#2c3e50;text-align:center;margin:0}.page_questionProgress__zLp_v{display:flex;gap:10px;justify-content:center}.page_questionDot__XEgyf{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #c9b3f5;transition:all .2s ease}.page_questionDot__XEgyf.page_questionDotActive__T5Qxz{background:#c9b3f5;transform:scale(1.3)}.page_questionDot__XEgyf.page_questionDotDone__0kbw0{background:#7bc67e;border-color:#7bc67e}.page_questionCard__AYYUU{background:#fff;border-radius:28px;padding:2rem;box-shadow:0 4px 16px rgba(0,0,0,.12);width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.page_listenQuestionButton__Nvu7E{background:#7eb6ff;border:2px solid #4b99ff;border-radius:20px;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease}.page_listenQuestionButton__Nvu7E:hover{background:#65a8ff}.page_sentenceBox__QWPx2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;font-size:1.75rem;font-weight:600;color:#2c3e50;text-align:center;line-height:1.8}@media(min-width:768px){.page_sentenceBox__QWPx2{font-size:2rem}}.page_blankBox__In3y9{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:.5rem 1rem;background:#fff;border:3px dashed #c9b3f5;border-radius:12px;font-weight:700;color:#6b7280;transition:all .2s ease}.page_blankBox__In3y9.page_blankBoxFilled__0BUWw{border-style:solid;color:#2c3e50;background:#fff}.page_blankBox__In3y9.page_blankBoxCorrect__YBW_9{background:#e6f4e6;border-color:#7bc67e;color:#429946}.page_blankBox__In3y9.page_blankBoxIncorrect__dJaQd{background:#fff;border-color:#ff6b6b;color:#ff6b6b}.page_fillFeedback__TjTzf{padding:.5rem 1.5rem;border-radius:20px;font-size:1.25rem;font-weight:700}.page_fillFeedback__TjTzf.page_fillFeedbackCorrect__L7kOb{background:#e6f4e6;color:#429946}.page_fillFeedback__TjTzf.page_fillFeedbackIncorrect___ogCZ{background:#fff;color:#ff6b6b}.page_optionsGrid__CPwaM{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}.page_optionButton__fK2gX{background:#fff;border:3px solid #7eb6ff;border-radius:20px;padding:1rem 2rem;font-size:1.5rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-width:80px}.page_optionButton__fK2gX:hover:not(:disabled){background:#fefeff}.page_optionButton__fK2gX.page_optionButtonSelected__h8luV{background:#7eb6ff;color:#fff}.page_optionButton__fK2gX.page_optionButtonCorrect__pkZnp{background:#7bc67e;border-color:#7bc67e;color:#fff}.page_optionButton__fK2gX.page_optionButtonIncorrect__0gdk0{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.page_optionButton__fK2gX:disabled{opacity:.6;cursor:not-allowed}.page_fillProgress__r85cz{font-size:1rem;font-weight:600;color:#6b7280;text-align:center}.Spinner_spinnerContainer__trTQu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:hsla(0,0%,100%,.9);z-index:10}.Spinner_spinnerWrapper__Snwyr{display:flex;align-items:center;justify-content:center}.Spinner_spinnerWrapper__Snwyr,.Spinner_spinner__wcsHr{position:relative;width:80px;height:80px}.Spinner_segment__lHyQJ{position:absolute;width:20px;height:20px;border-radius:50%;top:0;left:50%;transform:translateX(-50%)}.Spinner_segment__lHyQJ.Spinner_seg1__LvJh0{background:#ffc857}.Spinner_segment__lHyQJ.Spinner_seg2__nWwX7{background:#7eb6ff;top:50%;left:auto;right:0;transform:translateY(-50%)}.Spinner_segment__lHyQJ.Spinner_seg3__cwhdH{background:#a8e6cf;bottom:0;top:auto;left:50%;transform:translateX(-50%)}.Spinner_segment__lHyQJ.Spinner_seg4__1agDN{background:#7bc67e;top:50%;left:0;right:auto;transform:translateY(-50%)}.Spinner_dot__w_1Sb{position:absolute;width:16px;height:16px;background:#ffc857;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #2c3e50}.Spinner_text__LTMgs{font-size:1.25rem;font-weight:700;color:#2c3e50;margin:0}.page_player__u_7Sd{min-height:100vh;background:#f5f1e8;display:flex;flex-direction:column;height:auto}.page_header__u7M_i{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;gap:1rem}@media(min-width:768px){.page_header__u7M_i{padding:1.5rem 2rem}}.page_homeButton__SQ7MY{background:#fff;border:2px solid #2c3e50;border-radius:20px;padding:.5rem 1rem;font-size:1rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-height:44px}@media(min-width:768px){.page_homeButton__SQ7MY{border:3px solid #2c3e50;padding:1rem 1.5rem;font-size:1.25rem;min-height:56px}}.page_homeButton__SQ7MY:hover{background:#f5f1e8;transform:translateX(-4px)}.page_homeButton__SQ7MY:active{transform:scale(.98)}.page_headerControls__i_9kS{display:flex;align-items:center;gap:.5rem}.page_modeButton__781cv{background:#fff;border:2px solid #2c3e50;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.page_modeButton__781cv{border:3px solid #2c3e50;width:56px;height:56px}}.page_modeButton__781cv:hover{background:#e8f4fd;transform:scale(1.05)}.page_modeButton__781cv:active{transform:scale(.95)}.page_modeIcon__KbZXK{font-size:24px}@media(min-width:768px){.page_modeIcon__KbZXK{font-size:28px}}.page_modeButtonActive__5PAaM{background:#e8f4fd;border-color:#7eb6ff;border-width:3px}@media(min-width:768px){.page_modeButtonActive__5PAaM{border-width:4px}}.page_muteButton__IUZUe{background:#fff;border:2px solid #2c3e50;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.page_muteButton__IUZUe{border:3px solid #2c3e50;width:56px;height:56px;font-size:24px}}.page_muteButton__IUZUe:hover{background:#f5f1e8;transform:scale(1.05)}.page_muteButton__IUZUe:active{transform:scale(.95)}.page_progress__Hlw3i{display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #2c3e50;border-radius:20px;padding:.5rem 1rem;min-height:44px}@media(min-width:768px){.page_progress__Hlw3i{border:3px solid #2c3e50;padding:1rem 1.5rem;min-height:56px}}.page_progressText__f3fnQ{font-size:1rem;font-weight:700;color:#2c3e50}@media(min-width:768px){.page_progressText__f3fnQ{font-size:1.25rem}}.page_content__IfPEW{flex:1 1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:visible}@media(min-width:768px){.page_content__IfPEW{padding:1.5rem}}.page_pageContainer__PJCXU{width:100%;max-width:900px;display:flex;flex-direction:column;gap:0;align-items:center}.page_imageContainer__i1AqG{width:100%;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:0 0 28px 28px;box-shadow:0 4px 12px rgba(0,0,0,.15);background:#fff}.page_pageImage__O2fWp{width:100%;height:100%;display:block;object-fit:contain}.page_textContainer__Mw7En{background:#fff;border-radius:28px 28px 0 0;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;overflow:visible;flex-shrink:0}@media(min-width:768px){.page_textContainer__Mw7En{padding:2rem 3rem}}.page_pageText__Tkw1e{font-size:1.25rem;font-weight:600;color:#2c3e50;line-height:1.5;margin:0;text-align:center}@media(min-width:768px){.page_pageText__Tkw1e{font-size:1.5rem;line-height:1.7}}.page_navButton__pd7HH{background:#7eb6ff;border:none;border-radius:28px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;min-height:44px;flex:1 1;max-width:160px}@media(min-width:768px){.page_navButton__pd7HH{padding:1.5rem 2rem;font-size:1.25rem;min-height:56px;max-width:200px}}.page_navButton__pd7HH:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.page_navButton__pd7HH:active:not(:disabled){transform:translateY(0)}.page_navButton__pd7HH:disabled{opacity:.5;cursor:not-allowed}.page_replayButton__ZtTHo{background:#ffc857;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.page_replayButton__ZtTHo{width:56px;height:56px;font-size:28px}}.page_replayButton__ZtTHo:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.page_replayButton__ZtTHo:active{transform:scale(.95)}.page_bottomBar__Mjyf1{background:#fff;border-top:3px solid #2c3e50;padding:1rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.page_bottomBar__Mjyf1{padding:1.5rem 2rem}}.page_progressDots__VBc4A{display:flex;justify-content:center;align-items:center;gap:6px;padding:.5rem 0;overflow-x:auto;max-width:100%}.page_progressDots__VBc4A::-webkit-scrollbar{height:4px}.page_dot__EV5oe{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:all .2s ease;flex-shrink:0}@media(min-width:768px){.page_dot__EV5oe{width:10px;height:10px}}.page_dotActive__rb0Lx{background:#7eb6ff;width:12px;height:12px}@media(min-width:768px){.page_dotActive__rb0Lx{width:14px;height:14px}}.page_dotCompleted__gDu4z{background:#7bc67e}.page_bottomControls__NwsAX{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page_centerGroup__ehIiI{display:flex;align-items:center;gap:1rem;flex-direction:column}@media(min-width:768px){.page_centerGroup__ehIiI{flex-direction:row}}.page_pageCounter__UbIQU{font-size:1rem;font-weight:700;color:#2c3e50;white-space:nowrap}@media(min-width:768px){.page_pageCounter__UbIQU{font-size:1.25rem}}.page_container__paIr9{min-height:100vh;background:#f5f1e8;padding:.5rem}@media(min-width:480px){.page_container__paIr9{padding:1rem}}@media(min-width:768px){.page_container__paIr9{padding:1.5rem}}.page_header__YKReU{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 0;margin-bottom:1.5rem}@media(min-width:768px){.page_header__YKReU{flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 0;margin-bottom:2rem;position:relative}}.page_backButton__REt9i{background:#fff;border:2px solid #2c3e50;border-radius:20px;padding:.5rem 1rem;font-size:1rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-height:44px}@media(min-width:768px){.page_backButton__REt9i{border:3px solid #2c3e50;padding:1rem 1.5rem;font-size:1.25rem;min-height:56px;position:absolute;left:0}}.page_backButton__REt9i:hover{background:#fdfcfa;transform:translateX(-4px)}.page_backButton__REt9i:active{transform:scale(.98)}.page_title__CpxTC{font-size:2rem;font-weight:800;color:#7eb6ff;margin:0;text-align:center}.page_grid__zVNY5{display:flex;flex-wrap:wrap;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem 0;justify-content:center}.page_card__kH5jy{display:block;background:#fff;border:3px solid #2c3e50;border-radius:28px;padding:1.5rem;text-decoration:none;transition:all .2s ease;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .75rem);min-width:140px;max-width:400px}@media(min-width:768px){.page_card__kH5jy{flex:0 0 auto;padding:2rem}}@media(min-width:1024px){.page_card__kH5jy{border:4px solid #2c3e50}}.page_card__kH5jy:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15);border-color:#7eb6ff}.page_card__kH5jy:active{transform:translateY(-2px)}.page_cardContent__UNhmv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%}.page_cardTitle__Jn_mA{font-size:1rem;font-weight:800;color:#7eb6ff;margin:0;text-align:center}@media(min-width:768px){.page_cardTitle__Jn_mA{font-size:1.25rem}}@media(min-width:1024px){.page_cardTitle__Jn_mA{font-size:1.5rem}}.page_container__Jh9Gm{min-height:100vh;background:#f5f1e8;padding:.5rem;display:flex;flex-direction:column}.page_error__VvkSs,.page_loading__e4mAQ{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;font-size:1.5rem;color:#2c3e50;gap:2rem}.page_header__EY6XO{display:flex;flex-direction:column;align-items:stretch}.page_header__EY6XO .page_headerRight__ehiUE{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:20px}.page_header__EY6XO .page_headerRight__ehiUE .page_progress__q977M{font-size:1rem;font-weight:600;color:#6b7280;background:#fff;padding:.5rem 1rem;border-radius:20px;border:2px solid #2c3e50;white-space:nowrap;text-align:center}.page_header__EY6XO .page_headerRight__ehiUE .page_audioButton__F88MN{background:#fff;border:3px solid #2c3e50;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.page_header__EY6XO .page_headerRight__ehiUE .page_audioButton__F88MN:hover{background:#fdfcfa;transform:scale(1.05)}.page_header__EY6XO .page_headerRight__ehiUE .page_audioButton__F88MN:active{transform:scale(.95)}.page_header__EY6XO .page_backButton__xybAL{background:#fff;border:3px solid #2c3e50;border-radius:20px;padding:.5rem 1rem;font-size:1rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-height:56px;white-space:nowrap;flex-shrink:0;width:150px}.page_header__EY6XO .page_backButton__xybAL:hover{background:#fdfcfa;transform:translateX(-4px)}.page_header__EY6XO .page_backButton__xybAL:active{transform:scale(.98)}.page_title__Tb448{font-size:1.5rem;font-weight:800;color:#7eb6ff;margin:0;flex:1 1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.page_title__Tb448{font-size:2rem;text-align:center}}.page_main__kUv63{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:2rem 0}.page_instruction__B3VxQ{text-align:center}.page_instruction__B3VxQ h2{font-size:2rem;font-weight:800;color:#2c3e50;margin:0}@media(min-width:768px){.page_instruction__B3VxQ h2{font-size:48px}}.page_frameContainer__FcM_q{display:flex;justify-content:center;align-items:center;padding:2rem}.page_feedback__9V9eM{font-size:2rem;font-weight:800;padding:1.5rem 3rem;border-radius:28px;border:4px solid;text-align:center}.page_feedback__9V9eM.page_correct__VL6KA{background:#fff;border-color:#7bc67e;color:#429946}.page_feedback__9V9eM.page_incorrect__ks3Nh{background:#fff;border-color:#ff6b9d;color:#eb004f}.page_controls__IuMtl{display:flex;gap:1.5rem;justify-content:center;padding:2rem 0}.page_button__4uPPQ{background:#ffc857;border:4px solid #2c3e50;border-radius:28px;padding:1.5rem 3rem;font-size:1.5rem;font-weight:800;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-height:72px;box-shadow:0 6px 0 #ffaf0b;position:relative;top:0}.page_button__4uPPQ:hover:not(:disabled){background:#ffd071;transform:translateY(-2px);box-shadow:0 8px 0 #ffaf0b}.page_button__4uPPQ:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #ffaf0b}.page_button__4uPPQ:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 4px 0 #ffaf0b}.page_completionOverlay__opnk2{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.page_completionCard__LqXJl{background:#fff;border:4px solid #2c3e50;border-radius:28px;padding:3rem;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.16)}.page_completionIcon__KrEvp{font-size:3rem;margin-bottom:1.5rem}.page_completionActions__Vel_9{display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}@media(min-width:768px){.page_container__Jh9Gm{padding:2rem 3rem}.page_button__4uPPQ{font-size:2rem;padding:2rem 4rem}}