@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50: #E6F3F8;--primary-100: #B3D9E6;--primary-200: #00587C;--primary-300: #004A68;--primary-400: #003C54;--neutral-50: #F8FAFC;--neutral-100: #F1F5F9;--neutral-200: #E2E8F0;--neutral-300: #CBD5E0;--neutral-400: #A0AEC0;--neutral-500: #718096;--neutral-600: #4A5568;--neutral-700: #2D3748;--neutral-800: #1A202C;--neutral-900: #171923;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#fff;color:#213547}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}input:focus,textarea:focus,select:focus{outline:none}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.surprise-banner-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;border-radius:15px;box-shadow:0 8px 25px #00000026;position:relative;max-width:280px;animation:bounceIn .6s ease-out}.surprise-banner-message:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #764ba2}.surprise-banner-description{margin:0 0 10px;font-size:14px;line-height:1.4;display:flex;align-items:center;gap:8px}.surprise-banner-gift-icon{font-size:16px;color:gold;animation:pulse 2s infinite}.surprise-banner-cta{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 15px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;margin-right:10px}.surprise-banner-cta:hover{background:#ffffff4d;transform:translateY(-1px)}.surprise-banner-cta:active{transform:translateY(0)}.surprise-banner-cta-icon{font-size:10px;transition:transform .3s ease}.surprise-banner-cta:hover .surprise-banner-cta-icon{transform:translate(2px)}.surprise-banner-close{position:absolute;top:5px;right:8px;background:none;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.surprise-banner-close:hover{background:#fff3;color:#fff}.surprise-banner-ant .ant-image{width:60px;height:60px;object-fit:contain;animation:float 3s ease-in-out infinite}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translate(100%)}50%{opacity:1;transform:scale(1.05) translate(0)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.surprise-banner{bottom:10px;right:10px;left:10px;justify-content:center}.surprise-banner-message{max-width:none;width:100%}.surprise-banner-ant{display:none}}.surprise-banner{position:fixed;bottom:24px;right:24px;transition:all .5s ease;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;opacity:0;transform:translateY(16px);visibility:hidden;pointer-events:none}.surprise-banner.visible{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.surprise-banner.hidden{opacity:0;transform:translateY(16px);visibility:hidden;pointer-events:none}.surprise-banner-message{background:#3b82f6;color:#fff;box-shadow:0 10px 25px #00000026;border-radius:12px;padding:16px;margin-bottom:8px;position:relative;width:fit-content;min-width:200px;max-width:300px;height:auto;min-height:60px;animation:messageFloat 2s ease-in-out infinite;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease}.surprise-banner-message:hover{transform:scale(1.02)}.surprise-banner-message:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3b82f6}.surprise-banner-title{font-weight:600;margin:0 0 4px;font-size:16px}.surprise-banner-description{font-size:14px;margin:0;display:flex;align-items:center;gap:6px;white-space:nowrap}.surprise-banner-gift-icon{font-size:16px;color:gold;animation:giftShine 2s ease-in-out infinite}.surprise-banner-cta{background:#fff;color:#083668;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.surprise-banner-cta:hover{background:#083668;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.surprise-banner-cta-icon{font-size:14px;animation:ctaPulse 2s ease-in-out infinite}.surprise-banner-close{position:absolute;top:-8px;right:-8px;color:#fffc;background:#0009;border:2px solid white;border-radius:50%;font-size:14px;cursor:pointer;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:10}.surprise-banner-close:hover{color:#fff;background:#000c;transform:scale(1.1)}.surprise-banner-ant{position:relative}.ant-image{width:80px;height:80px;object-fit:contain;animation:antWave 3s ease-in-out infinite;cursor:pointer;transition:transform .2s ease;filter:drop-shadow(0 0 6px rgba(255,255,255,.8)) drop-shadow(0 4px 12px rgba(0,0,0,.15))}.ant-image:hover{transform:scale(1.1)}@keyframes messageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes antWave{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes giftShine{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}}@keyframes ctaPulse{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}._mainContainer_169p5_6{min-height:100vh;background:var(--neutral-50)}._contentContainer_169p5_11{max-width:72rem;margin:0 auto;padding:3rem 1.5rem}._header_169p5_18{text-align:center;margin-bottom:1rem}._headerSubtitle_169p5_23{color:var(--neutral-600);font-size:1.125rem}._headerFeatures_169p5_28{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.875rem;color:var(--neutral-500)}._featureItem_169p5_38{display:flex;align-items:center;gap:.5rem}._featureIcon_169p5_44{width:1rem;height:1rem}._loadingSpinner_169p5_50{text-align:center;padding:5rem 0}._loadingTitle_169p5_55{font-size:1.5rem;font-weight:700;color:var(--neutral-800);margin-bottom:.75rem}._errorMessage_169p5_62{text-align:center;padding:5rem 0}._errorTitle_169p5_67{font-size:1.25rem;font-weight:700;color:var(--neutral-800);margin-bottom:.75rem}._errorText_169p5_74{color:var(--neutral-500);margin-bottom:1rem}._retryButton_169p5_79{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}._retryButton_169p5_79:hover{background:var(--primary-dark)}._emptyState_169p5_94{text-align:center;padding:5rem 0}._emptyTitle_169p5_99{font-size:1.5rem;font-weight:700;color:var(--neutral-800);margin-bottom:.75rem}._emptyText_169p5_106{color:var(--neutral-500);margin-bottom:1rem}._refreshButton_169p5_111{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}._refreshButton_169p5_111:hover{background:var(--primary-dark)}._vocabGrid_169p5_126{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){._vocabGrid_169p5_126{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){._vocabGrid_169p5_126{grid-template-columns:1fr 1fr 1fr 1fr}}._sentenceGrid_169p5_145{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){._sentenceGrid_169p5_145{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){._sentenceGrid_169p5_145{grid-template-columns:1fr 1fr 1fr 1fr}}._sectionHeader_169p5_164{margin-top:3rem;margin-bottom:1.5rem;text-align:center}._sectionTitle_169p5_170{font-size:2rem;font-weight:700;color:var(--primary-200);margin:0 0 .5rem}._sectionSubtitle_169p5_177{font-size:1.1rem;color:var(--neutral-500);margin:0}._vocabCard_169p5_184,._sentenceCard_169p5_184{position:relative;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .3s ease;transform:translateY(0);background:#fff;border:1px solid var(--primary-300)}._vocabCard_169p5_184:hover,._sentenceCard_169p5_184:hover{box-shadow:0 20px 25px -5px #0000001a}._vocabCard_169p5_184._hovered_169p5_199,._sentenceCard_169p5_184._hovered_169p5_199{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05) translateY(-.25rem)}._cardContent_169p5_204{display:flex;flex-direction:column;gap:.75rem}._cardHeader_169p5_210{position:relative;display:flex;background-color:var(--primary-200);border-radius:.75rem;align-items:center;color:#fff;justify-content:center;padding:.5rem 1rem;min-height:auto}._cardTitleSection_169p5_222{display:flex;align-items:center;gap:.5rem;padding:0}._cardIndicator_169p5_229{width:.375rem;height:.375rem;border-radius:9999px;background:var(--primary-200);flex-shrink:0}._cardTitle_169p5_222{font-size:1.125rem;font-weight:700;text-align:center;margin:0;line-height:1.2}._completedBadge_169p5_245{position:absolute;top:-.375rem;right:-.375rem;background:var(--success);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:700;z-index:10}._cardInfo_169p5_258{display:flex;flex-direction:column;gap:.5rem}._infoItem_169p5_264{display:flex;align-items:center;gap:.5rem}._infoIcon_169p5_270{width:1rem;height:1rem;color:var(--neutral-500)}._infoText_169p5_276{color:var(--neutral-600);font-weight:500}._infoText_169p5_276._primary_169p5_281{color:var(--neutral-800)}._infoText_169p5_276._secondary_169p5_285{color:var(--neutral-500)}._progressSection_169p5_290{padding-top:.5rem}._progressBar_169p5_294{width:100%;background:var(--neutral-100);border-radius:9999px;height:.25rem}._progressFill_169p5_301{height:.25rem;border-radius:9999px;transition:all .3s ease}._progressFill_169p5_301._completed_169p5_245{background:var(--primary-200);width:100%}._progressFill_169p5_301._incomplete_169p5_312{background:var(--primary-100);width:0%}._progressText_169p5_317{font-size:.75rem;color:var(--neutral-500);margin-bottom:0;text-align:center}@media (max-width: 640px){._contentContainer_169p5_11{padding:2rem 1rem}._headerFeatures_169p5_28{flex-direction:column;gap:.5rem}._vocabGrid_169p5_126,._sentenceGrid_169p5_145{gap:1rem}._vocabCard_169p5_184,._sentenceCard_169p5_184{padding:1rem}}._container_1lpn2_1{display:flex;justify-content:center;gap:14px;margin-bottom:10px}._button_1lpn2_8{border:none;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;box-shadow:0 1px 4px #e0e0e0;opacity:1;transition:all .2s ease}._button_1lpn2_8 svg{width:20px;height:20px}._button_1lpn2_8:disabled{cursor:not-allowed;opacity:.7}._button_1lpn2_8:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}._circular_1lpn2_36{border-radius:50%;padding:12px;width:44px;height:44px;font-size:18px}._circular_1lpn2_36 svg{width:18px;height:18px}._rounded_1lpn2_49{border-radius:24px;padding:8px 24px;font-size:15px;min-width:100px}._default_1lpn2_56{border-radius:8px;padding:8px 22px;font-size:15px}._primary_1lpn2_63{background:var(--primary-color);color:#fff}._primary_1lpn2_63:hover:not(:disabled){background:var(--primary-dark)}._secondary_1lpn2_72{background:#6b7280;color:#fff}._secondary_1lpn2_72:hover:not(:disabled){background:#4b5563}._success_1lpn2_81{background:#4caf50;color:#fff}._success_1lpn2_81:hover:not(:disabled){background:#388e3c}._warning_1lpn2_90{background:#ff9800;color:#fff}._warning_1lpn2_90:hover:not(:disabled){background:#f57c00}._danger_1lpn2_99{background:#f44336;color:#fff}._danger_1lpn2_99:hover:not(:disabled){background:#d32f2f}._floatingParticles_1ca5z_3{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}._particle_1ca5z_14{position:absolute;animation:_float_1ca5z_3 15s infinite linear}._bubble_1ca5z_20{background:radial-gradient(circle,#fff9,#ffffff1a 70%);border-radius:50%;box-shadow:0 0 20px #ffffff4d}._star_1ca5z_27{background:radial-gradient(circle,#ffff00e6,#ffff001a 70%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 8px #ff06}._snowflake_1ca5z_34{background:radial-gradient(circle,#ffffffe6,#ffffff1a 70%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 6px #ffffff4d}@keyframes _float_1ca5z_3{0%{transform:translateY(100vh) rotate(0) scale(.5);opacity:0}10%{opacity:1;transform:translateY(90vh) rotate(36deg) scale(.8)}50%{opacity:1;transform:translateY(50vh) rotate(180deg) scale(1)}90%{opacity:1;transform:translateY(10vh) rotate(324deg) scale(.8)}to{transform:translateY(-100px) rotate(360deg) scale(.5);opacity:0}}._bubble_1ca5z_20:nth-child(3n){background:radial-gradient(circle,#add8e680,#add8e61a 70%);animation-duration:18s}._bubble_1ca5z_20:nth-child(5n){background:radial-gradient(circle,#ffb6c166,#ffb6c11a 70%);animation-duration:12s}._bubble_1ca5z_20:nth-child(7n){background:radial-gradient(circle,#90ee904d,#90ee901a 70%);animation-duration:20s}._bubble_1ca5z_20:nth-child(11n){background:radial-gradient(circle,#ffdab966,#ffdab91a 70%);animation-duration:16s}._bubble_1ca5z_20:nth-child(13n){background:radial-gradient(circle,#dda0dd66,#dda0dd1a 70%);animation-duration:14s}._star_1ca5z_27:nth-child(3n){background:radial-gradient(circle,#ffd70099,#ffd7001a 70%);animation-duration:16s}._star_1ca5z_27:nth-child(5n){background:radial-gradient(circle,#ff8c0080,#ff8c001a 70%);animation-duration:14s}._star_1ca5z_27:nth-child(11n){background:radial-gradient(circle,#ff450066,#ff45001a 70%);animation-duration:13s}._star_1ca5z_27:nth-child(17n){background:radial-gradient(circle,#ff149366,#ff14931a 70%);animation-duration:15s}._snowflake_1ca5z_34:nth-child(3n){background:radial-gradient(circle,#f0f8ffcc,#f0f8ff1a 70%);animation-duration:18s}._snowflake_1ca5z_34:nth-child(5n){background:radial-gradient(circle,#e6e6fab3,#e6e6fa1a 70%);animation-duration:16s}@media (max-width: 768px){._bubble_1ca5z_20{animation-duration:12s}._bubble_1ca5z_20:nth-child(3n){animation-duration:15s}._bubble_1ca5z_20:nth-child(5n){animation-duration:10s}._bubble_1ca5z_20:nth-child(7n){animation-duration:16s}._star_1ca5z_27{animation-duration:10s}._star_1ca5z_27:nth-child(3n){animation-duration:13s}._star_1ca5z_27:nth-child(5n){animation-duration:11s}._snowflake_1ca5z_34{animation-duration:14s}._snowflake_1ca5z_34:nth-child(3n){animation-duration:16s}._snowflake_1ca5z_34:nth-child(5n){animation-duration:13s}}@media (prefers-color-scheme: dark){._bubble_1ca5z_20{background:radial-gradient(circle,#fff6,#ffffff0d 70%);box-shadow:0 0 8px #fff3}._bubble_1ca5z_20:nth-child(3n){background:radial-gradient(circle,#6495ed66,#6495ed0d 70%)}._bubble_1ca5z_20:nth-child(5n){background:radial-gradient(circle,#ff69b44d,#ff69b40d 70%)}._bubble_1ca5z_20:nth-child(7n){background:radial-gradient(circle,#32cd324d,#32cd320d 70%)}._star_1ca5z_27{background:radial-gradient(circle,#ffd70099,#ffd7000d 70%);box-shadow:0 0 6px #ffd7004d}._star_1ca5z_27:nth-child(3n){background:radial-gradient(circle,#ff8c0080,#ff8c000d 70%)}._star_1ca5z_27:nth-child(5n){background:radial-gradient(circle,#ff450066,#ff45000d 70%)}._snowflake_1ca5z_34{background:radial-gradient(circle,#f0f8ff80,#f0f8ff0d 70%);box-shadow:0 0 5px #f0f8ff33}._snowflake_1ca5z_34:nth-child(3n){background:radial-gradient(circle,#e6e6fa66,#e6e6fa0d 70%)}._snowflake_1ca5z_34:nth-child(5n){background:radial-gradient(circle,#dcdcff4d,#dcdcff0d 70%)}}._overlay_1dk8x_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_1dk8x_14{background:#fff;border-radius:16px;padding:1rem;max-width:600px;width:90%;text-align:center;box-shadow:0 10px 25px #0003;animation:_modalSlideIn_1dk8x_1 .15s ease-out}._title_1dk8x_25{color:var(--primary-200);margin:0 0 16px;font-size:24px;font-weight:700}._wordCard_1dk8x_32{background:var(--primary-50);border:2px solid var(--primary-200);border-radius:12px;padding:1rem;margin-bottom:24px}._meaning_1dk8x_40{font-size:20px;font-weight:700;color:var(--error);margin-bottom:8px}._phonetic_1dk8x_47{font-size:16px;color:var(--primary-300);font-style:italic}._wordRow_1dk8x_53{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}._word_1dk8x_32{font-size:16px;font-weight:700;color:var(--neutral-800);line-height:1.5}._exampleButton_1dk8x_68{background:linear-gradient(135deg,var(--info) 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;display:flex;align-items:center;gap:8px;margin:0 auto 16px}._exampleButton_1dk8x_68:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}._exampleButton_1dk8x_68:disabled{background:#9ca3af;cursor:not-allowed}._spinner_1dk8x_95{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:_spin_1dk8x_95 1s linear infinite}._errorMessage_1dk8x_104{color:var(--error);font-size:14px;margin-bottom:16px;padding:8px 12px;background:var(--neutral-50);border-radius:6px;border:1px solid var(--error)}._exampleCard_1dk8x_114{margin-bottom:20px;padding:16px;background:var(--neutral-50);border-radius:12px;border:2px solid var(--info);box-shadow:0 2px 8px #3b82f61a}._exampleCounter_1dk8x_123{font-size:12px;color:var(--neutral-500);margin-bottom:8px;text-align:center;font-weight:500}._englishSentence_1dk8x_131{font-size:16px;color:var(--neutral-800);margin-bottom:8px;line-height:1.5;font-weight:500}._vietnameseTranslation_1dk8x_139{font-size:14px;color:var(--neutral-500);font-style:italic;line-height:1.4;margin-bottom:8px}._contextInfo_1dk8x_147{font-size:12px;color:var(--primary-300);padding:8px 12px;background:var(--primary-50);border-radius:6px;border:1px solid var(--primary-200)}._navigationButtons_1dk8x_156{display:flex;justify-content:center;gap:8px;margin-top:12px}._navButton_1dk8x_163{background:var(--info);color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}._navButton_1dk8x_163:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}._navButton_1dk8x_163:disabled{background:var(--neutral-200);cursor:not-allowed;opacity:.5}._nextButton_1dk8x_186{background:var(--primary-200);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00587c4d;transition:all .2s ease}._nextButton_1dk8x_186:hover{background:var(--primary-300);transform:translateY(-2px);box-shadow:0 6px 16px #00587c66}._keyboardHint_1dk8x_205{margin-top:12px;font-size:14px;color:var(--neutral-500);text-align:center}._keyboardHint_1dk8x_205 kbd{background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:4px;padding:2px 6px;font-size:12px;font-family:monospace;color:var(--neutral-700)}@keyframes _modalSlideIn_1dk8x_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes _spin_1dk8x_95{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._mainSection_1izdm_1{background:#fff;border-radius:25px;padding:1.5rem;width:50%;max-width:800px;margin:0 auto;box-shadow:0 15px 35px #00000026;position:relative;overflow:hidden;border:1px solid rgba(59,130,246,.1)}._soundToggleContainer_1izdm_17{position:absolute;top:1rem;right:1rem;z-index:10}._soundToggleButton_1izdm_24{width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0003}._soundToggleButton_1izdm_24:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}._soundToggleButton_1izdm_24:active{transform:scale(.95)}._soundOn_1izdm_46{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}._soundOff_1izdm_51{background:linear-gradient(135deg,var(--neutral-500) 0%,var(--neutral-600) 100%);color:#fff}._soundIconWrapper_1izdm_56{position:relative;display:flex;align-items:center;justify-content:center}._soundIcon_1izdm_56{width:20px;height:20px;stroke-width:2;transition:all .3s ease}._soundIconOn_1izdm_70{color:#fff;transform:scale(1)}._soundIconOff_1izdm_75{color:#fff9;transform:scale(.8)}._soundStrikethrough_1izdm_80{position:absolute;top:50%;left:50%;width:28px;height:3px;background:var(--error);transform:translate(-50%,-50%) rotate(-45deg);border-radius:2px;box-shadow:0 2px 4px #0000004d}._wordDisplay_1izdm_92{text-align:center;margin-bottom:2rem}._wordNumber_1izdm_97{font-size:1.5rem;color:var(--neutral-700);margin:0 0 1rem;font-weight:600}._correctWord_1izdm_104{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:15px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b9814d}._wordLabel_1izdm_115{font-weight:600;opacity:.9}._wordText_1izdm_120{font-weight:700;font-size:1.2rem}._audioInputSection_1izdm_125{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}._audioSection_1izdm_132{display:flex;justify-content:center;align-items:center;gap:1rem}._audioButton_1izdm_139{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #3b82f64d}._audioButton_1izdm_139:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}._audioButton_1izdm_139 svg{width:20px;height:20px}._soundToggle_1izdm_17{background:#f3f4f6;border:2px solid #d1d5db;padding:.75rem;border-radius:12px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}._soundToggle_1izdm_17:hover{background:#e5e7eb;border-color:#9ca3af}._inputSection_1izdm_180{display:flex;flex-direction:column;align-items:center;gap:1rem}._inputWrapper_1izdm_187{position:relative;display:flex;align-items:center;width:100%;max-width:400px}._audioIconButton_1izdm_195{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;z-index:2}._audioIconButton_1izdm_195:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-50%) scale(1.1)}._audioIcon_1izdm_195{width:20px;height:20px;color:#6b7280}._audioIconButton_1izdm_195:hover ._audioIcon_1izdm_195{color:#3b82f6}._lightbulbButton_1izdm_225{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;z-index:2}._lightbulbButton_1izdm_225:hover{background:#f59e0b33;border-color:#f59e0b66;transform:translateY(-50%) scale(1.1)}._lightbulbIcon_1izdm_245{width:20px;height:20px;color:#f59e0b}._lightbulbButton_1izdm_225:hover ._lightbulbIcon_1izdm_245{color:#d97706}._wordInput_1izdm_255{width:100%;padding:1.2rem 3rem;font-size:1.2rem;border:3px solid #e5e7eb;border-radius:15px;text-align:center;transition:all .3s ease;background:#f9fafb}._wordInput_1izdm_255:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}._wordInput_1izdm_255::placeholder{color:#9ca3af}._inputCorrect_1izdm_277{border-color:#10b981;border-width:3px;background:#f0fdf4;color:#065f46;box-shadow:0 0 0 1px #10b98133}._inputCorrect_1izdm_277:focus{outline:none;border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 4px #10b98133}._inputIncorrect_1izdm_292{border-color:#ef4444;border-width:3px;background:#fef2f2;color:#991b1b;box-shadow:0 0 0 1px #ef444433}._inputIncorrect_1izdm_292:focus{outline:none;border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 4px #ef444433}._actionButtonsSection_1izdm_307{display:flex;justify-content:center;margin-bottom:1rem}._customActionButtons_1izdm_313{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}._answerDisplay_1izdm_320{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px;padding:.5rem;border:2px solid #e2e8f0}._answerCard_1izdm_327{text-align:center}._answerTitle_1izdm_331{font-size:1.3rem;color:#374151;margin:0 0 .5rem;font-weight:700}._answerContent_1izdm_338{display:flex;flex-direction:column;gap:.5rem}._answerInline_1izdm_344{display:flex;align-items:center;justify-content:center;gap:1rem}._answerWord_1izdm_351{font-size:1rem;font-weight:700;color:#374151}._answerPhonetic_1izdm_357{font-size:1rem;font-weight:600;color:#6b7280;font-style:italic}@keyframes _bounce_1izdm_1{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes _shake_1izdm_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){._mainSection_1izdm_1{width:90%;padding:1.5rem;margin-bottom:1.5rem}._soundToggleContainer_1izdm_17{top:.75rem;right:.75rem}._soundToggleButton_1izdm_24{width:40px;height:40px}._soundIcon_1izdm_56{width:18px;height:18px}._soundIconOn_1izdm_70{transform:scale(1)}._soundIconOff_1izdm_75{transform:scale(.8)}._soundStrikethrough_1izdm_80{width:24px;height:2px}._audioSection_1izdm_132{flex-direction:column;gap:.8rem}._audioButton_1izdm_139{padding:.8rem 1.5rem;font-size:1rem}._wordInput_1izdm_255{max-width:100%;padding:1rem 2.5rem;font-size:1.1rem}._audioIconButton_1izdm_195{left:8px;padding:6px}._audioIconButton_1izdm_195 svg{width:18px;height:18px}._lightbulbButton_1izdm_225{right:8px;padding:6px}._lightbulbIcon_1izdm_245{width:18px;height:18px}._customActionButtons_1izdm_313{flex-direction:column;align-items:center}._answerInline_1izdm_344{flex-direction:column;gap:.5rem}._answerWord_1izdm_351{font-size:1.3rem}._answerPhonetic_1izdm_357{font-size:1.1rem}}@media (max-width: 480px){._mainSection_1izdm_1{width:95%;padding:1rem}._soundToggleContainer_1izdm_17{top:.5rem;right:.5rem}._soundToggleButton_1izdm_24{width:35px;height:35px}._soundIcon_1izdm_56{width:16px;height:16px}._soundIconOn_1izdm_70{transform:scale(1)}._soundIconOff_1izdm_75{transform:scale(.8)}._soundStrikethrough_1izdm_80{width:20px;height:2px}._wordNumber_1izdm_97{font-size:1.3rem}._audioButton_1izdm_139{padding:.7rem 1.2rem;font-size:.9rem}._wordInput_1izdm_255{padding:.8rem 2rem;font-size:1rem}._lightbulbButton_1izdm_225{right:6px;padding:5px}._lightbulbIcon_1izdm_245{width:16px;height:16px}}._footerSection_1hsd3_3{background:#fff;border-radius:20px;padding:1rem;display:flex;flex-direction:column;width:fit-content;box-shadow:0 10px 25px #00000026;position:relative;overflow:hidden}._shortcutsTitle_1hsd3_14{font-size:1.1rem;color:var(--neutral-700);margin:0 0 .8rem;font-weight:700;text-align:center}._shortcutsRow_1hsd3_22{display:flex;flex-direction:row;gap:.8rem;justify-content:center;align-items:center;flex-wrap:wrap}._shortcutItem_1hsd3_31{display:flex;align-items:center;gap:.6rem;padding:.6rem;background:var(--neutral-50);border-radius:10px;border:1px solid var(--neutral-200);transition:all .3s ease}._shortcutItem_1hsd3_31:hover{background:var(--neutral-100);border-color:var(--neutral-300);transform:translateY(-1px)}._shortcutKey_1hsd3_48{background:var(--neutral-800);color:#fff;padding:.3rem .5rem;border-radius:5px;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;min-width:45px;text-align:center;box-shadow:0 2px 4px #0000001a}._shortcutDescription_1hsd3_61{color:var(--neutral-600);font-weight:500;font-size:.9rem}._statusSection_1hsd3_68{margin-bottom:2rem}._statusGrid_1hsd3_72{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}._statusItem_1hsd3_78{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-200) 100%);border-radius:15px;border:2px solid var(--neutral-200);transition:all .3s ease}._statusItem_1hsd3_78:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}._statusIcon_1hsd3_94{font-size:2rem;min-width:50px;text-align:center}._correctStatus_1hsd3_100{color:var(--success);animation:_pulse_1hsd3_1 2s infinite}._incorrectStatus_1hsd3_105{color:#ef4444;animation:_shake_1hsd3_1 .6s ease}._pendingStatus_1hsd3_110{color:#f59e0b;animation:_spin_1hsd3_1 2s linear infinite}._answerStatus_1hsd3_115{color:#3b82f6}._statusInfo_1hsd3_119{display:flex;flex-direction:column;gap:.3rem}._statusLabel_1hsd3_125{font-size:.9rem;color:#6b7280;font-weight:500}._statusValue_1hsd3_131{font-size:1.1rem;color:#374151;font-weight:700}._tipsSection_1hsd3_138{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:15px;padding:1.5rem;border:2px solid #bae6fd}._tipsTitle_1hsd3_145{font-size:1.3rem;color:#0c4a6e;margin:0 0 1rem;font-weight:700;text-align:center}._tipsList_1hsd3_153{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}._tipItem_1hsd3_162{color:#0c4a6e;font-weight:500;position:relative;padding:.5rem 0 .5rem 1.5rem}._tipItem_1hsd3_162:before{content:"💡";position:absolute;left:0;top:.5rem;font-size:1rem}@keyframes _pulse_1hsd3_1{0%,to{opacity:1}50%{opacity:.7}}@keyframes _shake_1hsd3_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes _spin_1hsd3_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){._footerSection_1hsd3_3{padding:1rem}._shortcutsRow_1hsd3_22{flex-direction:column;gap:.6rem}._statusGrid_1hsd3_72{grid-template-columns:1fr;gap:.8rem}._shortcutItem_1hsd3_31{padding:.5rem}._statusItem_1hsd3_78{padding:.8rem}._tipsSection_1hsd3_138{padding:1.2rem}}@media (max-width: 480px){._footerSection_1hsd3_3{padding:.8rem}._shortcutsTitle_1hsd3_14,._tipsTitle_1hsd3_145{font-size:1.2rem}._shortcutKey_1hsd3_48{font-size:.8rem;padding:.3rem .5rem;min-width:45px}._shortcutDescription_1hsd3_61{font-size:.9rem}._statusIcon_1hsd3_94{font-size:1.5rem;min-width:40px}._statusValue_1hsd3_131{font-size:1rem}._tipItem_1hsd3_162{font-size:.9rem;padding-left:1.2rem}._tipItem_1hsd3_162:before{font-size:.9rem}}._container_ofuqt_3{min-height:100vh;width:100%;background:linear-gradient(135deg,#001a24,#2e3236);position:relative;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@keyframes _modalSlideIn_ofuqt_1{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes _spin_ofuqt_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingContainer_ofuqt_41{min-height:100vh;background-color:var(--primary-50)}._loadingContent_ofuqt_46{text-align:center;padding:80px 0}._loadingTitle_ofuqt_51{font-size:1.5rem;font-weight:700;color:var(--primary-300);margin-bottom:12px}._errorContainer_ofuqt_58{min-height:100vh;background-color:var(--primary-50)}._errorContent_ofuqt_63{text-align:center;padding:80px 0}._errorTitle_ofuqt_68{font-size:1.25rem;font-weight:700;color:var(--primary-300);margin-bottom:12px}._errorMessage_ofuqt_75{color:var(--primary-300);margin-bottom:16px}._retryButton_ofuqt_80{margin-top:16px;background-color:var(--primary-200);color:#fff;padding:8px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}._retryButton_ofuqt_80:hover{background-color:var(--primary-300)}._noDataContainer_ofuqt_96{min-height:100vh;background-color:var(--primary-50)}._noDataContent_ofuqt_101{text-align:center;padding:80px 0}._noDataTitle_ofuqt_106{font-size:1.5rem;font-weight:700;color:var(--primary-300);margin-bottom:12px}._noDataMessage_ofuqt_113{color:var(--primary-300);margin-bottom:16px}._refreshButton_ofuqt_118{background-color:var(--primary-200);color:#fff;padding:8px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}._refreshButton_ofuqt_118:hover{background-color:var(--primary-300)}._headerSection_19xve_3{background:var(--primary-200);color:#fff;height:60px;padding:0 2rem;border-radius:15px;width:100%;max-width:1200px;box-shadow:0 8px 25px #0003;position:relative;overflow:hidden;display:flex;align-items:center;gap:2rem}._backButton_19xve_19{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;min-width:80px;justify-content:center}._backButton_19xve_19:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}._backButton_19xve_19 svg{width:16px;height:16px}._backButton_19xve_19 span{font-size:.9rem}._topicInfo_19xve_52{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}._topicTitle_19xve_60{font-size:1.2rem;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}._setInfo_19xve_67{display:flex;align-items:center;gap:.3rem;font-size:.9rem;opacity:.9}._setNumber_19xve_75{background:#fff3;padding:.2rem .6rem;border-radius:12px;font-weight:600;font-size:.8rem}._totalSets_19xve_83{opacity:.8;font-size:.8rem}._progressSection_19xve_88{display:flex;align-items:center;gap:1rem}._progressInfo_19xve_94{display:flex;align-items:center;gap:1rem;font-size:.9rem;font-weight:600}._wordCounter_19xve_102,._completedCount_19xve_109{background:#fff3;padding:.2rem .6rem;border-radius:12px;font-size:.8rem}._progressBarContainer_19xve_116{width:120px;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}._progressBar_19xve_116{height:100%;background:var(--primary-light);border-radius:4px;transition:width .3s ease;box-shadow:0 2px 4px #71d9ff66}._progressPercentage_19xve_132{font-size:.9rem;font-weight:700;color:var(--primary-light);text-shadow:1px 1px 2px rgba(0,0,0,.3);min-width:35px;text-align:center}@media (max-width: 768px){._headerSection_19xve_3{padding:0 1rem;height:50px;gap:1rem}._backButton_19xve_19{padding:.4rem .8rem;min-width:70px;font-size:.8rem}._backButton_19xve_19 span{font-size:.8rem}._topicTitle_19xve_60{font-size:1rem}._progressSection_19xve_88,._progressInfo_19xve_94{gap:.5rem}._progressBarContainer_19xve_116{width:80px}._wordCounter_19xve_102,._completedCount_19xve_109{padding:.15rem .4rem;font-size:.7rem}}@media (max-width: 480px){._headerSection_19xve_3{padding:0 .8rem;height:45px;gap:.8rem}._backButton_19xve_19{padding:.3rem .6rem;min-width:60px;font-size:.7rem}._backButton_19xve_19 span{font-size:.7rem}._backButton_19xve_19 svg{width:14px;height:14px}._topicTitle_19xve_60{font-size:.9rem}._setInfo_19xve_67,._progressInfo_19xve_94{font-size:.8rem}._progressBarContainer_19xve_116{width:60px;height:6px}._progressPercentage_19xve_132{font-size:.8rem}}._mainSection_ct12w_3{background:#fff;border-radius:25px;padding:1.5rem;width:50%;max-width:800px;margin:0 auto;box-shadow:0 15px 35px #00000026;position:relative;overflow:hidden;border:1px solid rgba(59,130,246,.1)}._soundToggleContainer_ct12w_17{position:absolute;top:1rem;right:1rem;z-index:10}._soundToggleButton_ct12w_24{width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0003}._soundToggleButton_ct12w_24:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}._soundToggleButton_ct12w_24:active{transform:scale(.95)}._soundOn_ct12w_46{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}._soundOff_ct12w_51{background:linear-gradient(135deg,var(--neutral-500) 0%,var(--neutral-600) 100%);color:#fff}._soundIconWrapper_ct12w_56{position:relative;display:flex;align-items:center;justify-content:center}._soundIcon_ct12w_56{width:20px;height:20px;stroke-width:2;transition:all .3s ease}._soundIconOn_ct12w_70{color:#fff;transform:scale(1)}._soundIconOff_ct12w_75{color:#fff9;transform:scale(.8)}._soundStrikethrough_ct12w_80{position:absolute;top:50%;left:50%;width:28px;height:3px;background:var(--error);transform:translate(-50%,-50%) rotate(-45deg);border-radius:2px;box-shadow:0 2px 4px #0000004d}._wordDisplay_ct12w_92{text-align:center;margin-bottom:2rem}._wordNumber_ct12w_97{font-size:1.5rem;color:var(--neutral-700);margin:0 0 1rem;font-weight:600}._correctWord_ct12w_104{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:15px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b9814d}._wordLabel_ct12w_115{font-weight:600;opacity:.9}._wordText_ct12w_120{font-weight:700;font-size:1.2rem}._audioInputSection_ct12w_125{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}._audioSection_ct12w_132{display:flex;justify-content:center;align-items:center;gap:1rem}._audioButton_ct12w_139{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #3b82f64d}._audioButton_ct12w_139:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}._audioButton_ct12w_139 svg{width:20px;height:20px}._soundToggle_ct12w_17{background:#f3f4f6;border:2px solid #d1d5db;padding:.75rem;border-radius:12px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}._soundToggle_ct12w_17:hover{background:#e5e7eb;border-color:#9ca3af}._inputSection_ct12w_180{display:flex;flex-direction:column;align-items:center;gap:1rem}._inputWrapper_ct12w_187{position:relative;display:flex;align-items:center;width:100%}._audioIconButton_ct12w_195{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center}._audioIconButton_ct12w_195:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-50%) scale(1.1)}._audioIcon_ct12w_195{width:18px;height:18px;color:#6b7280}._audioIconButton_ct12w_195:hover ._audioIcon_ct12w_195{color:#3b82f6}._lightbulbButton_ct12w_230{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center}._lightbulbButton_ct12w_230:hover{background:#f59e0b33;border-color:#f59e0b66;transform:translateY(-50%) scale(1.1)}._lightbulbIcon_ct12w_255{width:18px;height:18px;color:#f59e0b}._lightbulbButton_ct12w_230:hover ._lightbulbIcon_ct12w_255{color:#d97706}._wordInputsContainer_ct12w_265{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;align-items:center;flex:1;margin:0 3rem;width:100%}._wordInput_ct12w_265{padding:.35rem .25rem;border:2px solid #e5e7eb;border-radius:8px;text-align:center;transition:all .3s ease;background:#f9fafb;height:32px;box-sizing:border-box;flex:0 0 auto}._wordInput_ct12w_265:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}._wordInput_ct12w_265::placeholder{color:#9ca3af}._inputCorrect_ct12w_300{border-color:#10b981;border-width:3px;background:#f0fdf4;color:#065f46;box-shadow:0 0 0 1px #10b98133}._inputCorrect_ct12w_300:focus{outline:none;border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 4px #10b98133}._inputIncorrect_ct12w_315{border-color:#ef4444;border-width:3px;background:#fef2f2;color:#991b1b;box-shadow:0 0 0 1px #ef444433}._inputIncorrect_ct12w_315:focus{outline:none;border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 4px #ef444433}._actionButtonsSection_ct12w_330{display:flex;justify-content:center;margin-bottom:1rem}._customActionButtons_ct12w_336{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}._answerDisplay_ct12w_343{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px;padding:.5rem;border:2px solid #e2e8f0}._answerCard_ct12w_350{text-align:center}._answerTitle_ct12w_354{font-size:1.3rem;color:#374151;margin:0 0 .5rem;font-weight:700}._answerContent_ct12w_361{display:flex;flex-direction:column;gap:1rem}._answerEnglish_ct12w_367{display:flex;justify-content:center;padding:.5rem}._answerVietnamese_ct12w_373{display:flex;justify-content:center;padding:.5rem;border-top:1px solid #e2e8f0}._answerInline_ct12w_380{display:flex;align-items:center;justify-content:center;gap:1rem}._answerWord_ct12w_387{font-size:1rem;font-weight:700;color:#374151}._answerPhonetic_ct12w_393{font-size:1rem;font-weight:600;color:#6b7280;font-style:italic}@keyframes _bounce_ct12w_1{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes _shake_ct12w_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){._mainSection_ct12w_3{width:90%;padding:1.5rem;margin-bottom:1.5rem}._soundToggleContainer_ct12w_17{top:.75rem;right:.75rem}._soundToggleButton_ct12w_24{width:40px;height:40px}._soundIcon_ct12w_56{width:18px;height:18px}._soundIconOn_ct12w_70{transform:scale(1)}._soundIconOff_ct12w_75{transform:scale(.8)}._soundStrikethrough_ct12w_80{width:24px;height:2px}._audioSection_ct12w_132{flex-direction:column;gap:.8rem}._audioButton_ct12w_139{padding:.8rem 1.5rem;font-size:1rem}._wordInput_ct12w_265{padding:.35rem .25rem;height:32px}._audioIconButton_ct12w_195{left:6px;padding:5px;width:28px;height:28px}._audioIconButton_ct12w_195 svg{width:14px;height:14px}._lightbulbButton_ct12w_230{right:6px;padding:5px;width:28px;height:28px}._lightbulbIcon_ct12w_255{width:14px;height:14px}._customActionButtons_ct12w_336{flex-direction:column;align-items:center}._answerInline_ct12w_380{flex-direction:column;gap:.5rem}._answerWord_ct12w_387{font-size:1.3rem}._answerPhonetic_ct12w_393{font-size:1.1rem}}@media (max-width: 480px){._mainSection_ct12w_3{width:95%;padding:1rem}._soundToggleContainer_ct12w_17{top:.5rem;right:.5rem}._soundToggleButton_ct12w_24{width:35px;height:35px}._soundIcon_ct12w_56{width:16px;height:16px}._soundIconOn_ct12w_70{transform:scale(1)}._soundIconOff_ct12w_75{transform:scale(.8)}._soundStrikethrough_ct12w_80{width:20px;height:2px}._wordNumber_ct12w_97{font-size:1.3rem}._audioButton_ct12w_139{padding:.7rem 1.2rem;font-size:.9rem}._wordInput_ct12w_265{padding:.25rem .2rem;height:30px}._audioIconButton_ct12w_195{left:5px;padding:4px;width:24px;height:24px}._audioIconButton_ct12w_195 svg{width:12px;height:12px}._lightbulbButton_ct12w_230{right:5px;padding:4px;width:24px;height:24px}._lightbulbIcon_ct12w_255{width:12px;height:12px}}._overlay_a897p_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_a897p_14{background:#fff;border-radius:16px;padding:1rem;max-width:600px;width:90%;text-align:center;box-shadow:0 10px 25px #0003;animation:_modalSlideIn_a897p_1 .15s ease-out}._title_a897p_25{color:var(--primary-200);margin:0 0 16px;font-size:24px;font-weight:700}._wordCard_a897p_32{background:var(--primary-50);border:2px solid var(--primary-200);border-radius:12px;padding:1rem;margin-bottom:24px}._meaning_a897p_40{font-size:20px;font-weight:700;color:var(--error);margin-bottom:8px}._phonetic_a897p_47{font-size:16px;color:var(--primary-300);font-style:italic}._wordRow_a897p_53{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}._word_a897p_32{font-size:16px;font-weight:700;color:var(--neutral-800);line-height:1.5}._exampleButton_a897p_68{background:linear-gradient(135deg,var(--info) 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;display:flex;align-items:center;gap:8px;margin:0 auto 16px}._exampleButton_a897p_68:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}._exampleButton_a897p_68:disabled{background:#9ca3af;cursor:not-allowed}._spinner_a897p_95{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:_spin_a897p_95 1s linear infinite}@keyframes _spin_a897p_95{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._errorMessage_a897p_109{background:var(--neutral-50);border:1px solid var(--error);color:var(--error);padding:8px 12px;border-radius:8px;font-size:14px;margin-bottom:16px}._exampleCard_a897p_119{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;padding:1rem;margin-bottom:24px;text-align:left}._exampleCounter_a897p_128{font-size:12px;color:var(--neutral-500);margin-bottom:8px;text-align:center;font-weight:500}._englishSentence_a897p_136{font-size:16px;font-weight:600;color:var(--neutral-800);margin-bottom:8px;line-height:1.5}._vietnameseTranslation_a897p_144{font-size:14px;color:var(--neutral-600);margin-bottom:8px;line-height:1.4}._contextInfo_a897p_151{font-size:12px;color:var(--neutral-500);font-style:italic;line-height:1.4}._navigationButtons_a897p_158{display:flex;gap:8px;justify-content:center;margin-top:12px}._navButton_a897p_165{background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}._navButton_a897p_165:hover:not(:disabled){background:var(--neutral-200);border-color:var(--neutral-400)}._navButton_a897p_165:disabled{background:var(--neutral-50);color:var(--neutral-400);cursor:not-allowed}._nextButton_a897p_187{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d;margin-bottom:16px}._nextButton_a897p_187:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}._keyboardHint_a897p_206{font-size:12px;color:var(--neutral-500);font-style:italic}._keyboardHint_a897p_206 kbd{background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:4px;padding:2px 6px;font-size:11px;font-family:monospace}@keyframes _modalSlideIn_a897p_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._modal_a897p_14{padding:.8rem;margin:1rem}._wordCard_a897p_32{padding:.8rem}._meaning_a897p_40{font-size:18px}._word_a897p_32{font-size:14px}._nextButton_a897p_187{padding:10px 20px;font-size:14px}}@media (max-width: 480px){._modal_a897p_14{padding:.6rem;margin:.5rem}._wordCard_a897p_32{padding:.6rem}._meaning_a897p_40{font-size:16px}._word_a897p_32{font-size:13px}._nextButton_a897p_187{padding:8px 16px;font-size:13px}}._footerSection_18nbv_3{background:#fff;border-radius:20px;padding:1rem;display:flex;flex-direction:column;width:fit-content;box-shadow:0 10px 25px #00000026;position:relative;overflow:hidden}._shortcutsTitle_18nbv_14{font-size:1.1rem;color:#374151;margin:0 0 .8rem;font-weight:700;text-align:center}._shortcutsRow_18nbv_22{display:flex;flex-direction:row;gap:.8rem;justify-content:center;align-items:center;flex-wrap:wrap}._shortcutItem_18nbv_31{display:flex;align-items:center;gap:.6rem;padding:.6rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}._shortcutItem_18nbv_31:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}._shortcutKey_18nbv_48{background:#1e293b;color:#fff;padding:.3rem .5rem;border-radius:5px;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;min-width:45px;text-align:center;box-shadow:0 2px 4px #0000001a}._shortcutDescription_18nbv_61{color:#475569;font-weight:500;font-size:.9rem}._statusSection_18nbv_68{margin-bottom:2rem}._statusGrid_18nbv_72{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}._statusItem_18nbv_78{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px;border:2px solid #e2e8f0;transition:all .3s ease}._statusItem_18nbv_78:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}._statusIcon_18nbv_94{font-size:2rem;min-width:50px;text-align:center}._correctStatus_18nbv_100{color:#10b981;animation:_pulse_18nbv_1 2s infinite}._incorrectStatus_18nbv_105{color:#ef4444;animation:_shake_18nbv_1 .6s ease}._pendingStatus_18nbv_110{color:#f59e0b;animation:_spin_18nbv_1 2s linear infinite}._answerStatus_18nbv_115{color:#3b82f6}._statusInfo_18nbv_119{display:flex;flex-direction:column;gap:.3rem}._statusLabel_18nbv_125{font-size:.9rem;color:#6b7280;font-weight:500}._statusValue_18nbv_131{font-size:1.1rem;color:#374151;font-weight:700}._tipsSection_18nbv_138{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:15px;padding:1.5rem;border:2px solid #bae6fd}._tipsTitle_18nbv_145{font-size:1.3rem;color:#0c4a6e;margin:0 0 1rem;font-weight:700;text-align:center}._tipsList_18nbv_153{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}._tipItem_18nbv_162{color:#0c4a6e;font-weight:500;position:relative;padding:.5rem 0 .5rem 1.5rem}._tipItem_18nbv_162:before{content:"💡";position:absolute;left:0;top:.5rem;font-size:1rem}@keyframes _pulse_18nbv_1{0%,to{opacity:1}50%{opacity:.7}}@keyframes _shake_18nbv_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes _spin_18nbv_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){._footerSection_18nbv_3{padding:1rem}._shortcutsRow_18nbv_22{flex-direction:column;gap:.6rem}._statusGrid_18nbv_72{grid-template-columns:1fr;gap:.8rem}._shortcutItem_18nbv_31{padding:.5rem}._statusItem_18nbv_78{padding:.8rem}._tipsSection_18nbv_138{padding:1.2rem}}@media (max-width: 480px){._footerSection_18nbv_3{padding:.8rem}._shortcutsTitle_18nbv_14,._tipsTitle_18nbv_145{font-size:1.2rem}._shortcutKey_18nbv_48{font-size:.8rem;padding:.3rem .5rem;min-width:45px}._shortcutDescription_18nbv_61{font-size:.9rem}._statusIcon_18nbv_94{font-size:1.5rem;min-width:40px}._statusValue_18nbv_131{font-size:1rem}._tipItem_18nbv_162{font-size:.9rem;padding-left:1.2rem}._tipItem_18nbv_162:before{font-size:.9rem}}._container_7k1d4_3{min-height:100vh;width:100%;background:var(--primary-50);background:linear-gradient(135deg,#001a24,#2e3236);position:relative;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@keyframes _modalSlideIn_7k1d4_1{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes _spin_7k1d4_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingContainer_7k1d4_38{min-height:100vh;background:var(--primary-50);background:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%)}._loadingContent_7k1d4_44{text-align:center;padding:80px 0}._loadingTitle_7k1d4_49{font-size:1.5rem;font-weight:700;color:var(--primary-300);margin-bottom:12px}._errorContainer_7k1d4_56{min-height:100vh;background:var(--primary-50);background:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%)}._errorContent_7k1d4_62{text-align:center;padding:80px 0}._errorTitle_7k1d4_67{font-size:1.25rem;font-weight:700;color:var(--primary-300);margin-bottom:12px}._errorMessage_7k1d4_74{color:var(--primary-300);margin-bottom:16px}._retryButton_7k1d4_79{margin-top:16px;background-color:var(--primary-200);color:#fff;padding:8px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}._retryButton_7k1d4_79:hover{background-color:var(--primary-300)}._noDataContainer_7k1d4_95{min-height:100vh;background:var(--primary-50);background:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%)}._noDataContent_7k1d4_101{text-align:center;padding:80px 0}._noDataTitle_7k1d4_106{font-size:1.25rem;font-weight:700;color:var(--primary-300);margin-bottom:12px}._noDataMessage_7k1d4_113{color:var(--primary-300);margin-bottom:16px}._refreshButton_7k1d4_118{margin-top:16px;background-color:var(--primary-200);color:#fff;padding:8px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}._refreshButton_7k1d4_118:hover{background-color:var(--primary-300)}