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{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{background:#fff;margin:0 auto;max-width:375px;min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #eee}.header-top{font-size:14px;font-weight:600;justify-content:space-between;padding:8px 16px}.header-top,.status-bar{align-items:center;display:flex}.status-bar{gap:5px}.header-nav{align-items:center;display:flex;gap:12px;padding:8px 16px}.back-btn,.cart-btn,.favorite-btn,.menu-btn,.share-btn{background:none;border:none;cursor:pointer;font-size:18px}.search-bar{flex:1 1}.search-bar input{background:#f8f8f8;border:1px solid #ddd;border-radius:20px;font-size:14px;padding:8px 12px;width:100%}.header-actions{display:flex;gap:8px}.cart-btn{position:relative}.cart-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.tab-nav{display:flex;padding:0 16px}.tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:14px;padding:12px}.tab.active{border-bottom:2px solid #ff6b35;color:#ff6b35}.promo-banner{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;display:flex;font-size:12px;gap:5px;padding:8px 16px}.features-list{padding:16px}.feature-card{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-radius:16px;cursor:pointer;margin-bottom:20px;padding:20px;position:relative;transition:transform .2s}.feature-card:hover{transform:translateY(-2px)}.feature-number{color:#4caf50;font-size:48px;font-weight:700;left:16px;opacity:.7;position:absolute;top:16px}.gift-badge,.popularity-badge{background:#333;border-radius:12px;color:#fff;font-size:12px;left:60px;padding:4px 8px;position:absolute;top:-8px;white-space:nowrap}.feature-content{align-items:flex-start;display:flex;gap:16px;margin-top:40px}.feature-text{flex:1 1}.feature-text h3{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.feature-text p{color:#666;font-size:14px;line-height:1.4}.syllables{margin-top:12px}.syllable{background:#fff;border:1px solid #ddd;border-radius:12px;font-size:12px;padding:4px 8px}.phonetic-images{display:flex;gap:8px;margin-top:12px}.phonetic-demo{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;text-align:center}.phonetic-symbol{display:block;margin-bottom:4px}.phone-mockup{background:#333;border-radius:20px;height:240px;padding:4px;position:relative;width:120px}.phone-screen{background:#fff;border-radius:16px;height:100%;overflow:hidden;width:100%}.app-interface{display:flex;flex-direction:column;height:100%;padding:16px}.assessment-interface,.generic-interface,.word-interface{padding:20px 0;text-align:center}.assessment-interface h2,.word-interface h2{font-size:24px;margin-bottom:8px}.play-btn,.record-btn{background:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.vocabulary-learning{padding:16px}.word-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin:16px 0;padding:24px;text-align:center}.word-card h2{color:#333;font-size:32px;margin-bottom:8px}.phonetic{color:#666;font-size:18px;margin-bottom:8px}.definition{color:#555}.definition,.play-button{font-size:16px;margin-bottom:20px}.play-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;color:#fff;cursor:pointer;padding:12px 24px;transition:transform .2s}.play-button:hover{transform:scale(1.05)}.play-button.playing{background:linear-gradient(135deg,#ff6b35,#f7931e)}.example-sentence,.syllable-breakdown{margin:20px 0;text-align:left}.example-sentence h3,.syllable-breakdown h3{color:#333;font-size:16px;margin-bottom:8px}.syllables{display:flex;flex-wrap:wrap;gap:8px}.syllable{background:#e8f5e8;border-radius:16px;font-weight:600;padding:6px 12px}.word-exercises{display:flex;flex-direction:column;gap:8px;margin-top:20px}.exercise-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:12px;transition:background .2s}.exercise-btn:hover{background:#e9ecef}.word-navigation{display:flex;gap:8px;overflow-x:auto;padding:16px 0}.word-nav-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:20px;cursor:pointer;padding:8px 16px;transition:all .2s;white-space:nowrap}.word-nav-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.pronunciation-training{padding:16px}.phonetic-instructor{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:16px;margin-bottom:20px;padding:20px;text-align:center}.phonetic-demos{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.phonetic-demo-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;text-align:center}.phonetic-symbol{color:#4caf50;font-size:18px;font-weight:700}.demo-btn{background:#4caf50;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px}.pronunciation-practice{background:#fff;border-radius:16px;margin-bottom:20px;padding:20px}.recording-section{margin:20px 0;text-align:center}.record-btn{background:#ff4757;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:transform .2s}.record-btn.recording{animation:pulse 1.5s infinite;background:#ff3838}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.recorded-audio{margin-top:16px;width:100%}.pronunciation-score{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:16px}.score-breakdown{margin:12px 0}.score-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.score-value{color:#4caf50;font-weight:700}.feedback{background:#e8f5e8;border-radius:8px;margin-top:16px;padding:12px}.ebbinghaus-curve{background:#fff;border-radius:16px;padding:20px;text-align:center}.chart-placeholder{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#666;font-size:14px;margin:16px 0;padding:40px}.ai-tutor{padding:16px}.tutor-interface{background:#fff;border-radius:16px;padding:20px}.ai-avatar{margin-bottom:20px;text-align:center}.avatar-image{font-size:48px;margin-bottom:8px}.lesson-categories{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.lesson-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .2s}.lesson-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.lesson-icon{display:block;font-size:24px;margin-bottom:8px}.chat-interface{background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;height:300px}.messages{flex:1 1;overflow-y:auto;padding:16px}.message{margin-bottom:12px}.message.user .message-content{background:#4caf50;color:#fff;margin-left:auto;max-width:80%}.message.ai .message-content{background:#fff;border:1px solid #ddd;max-width:80%}.message-content{border-radius:12px;display:inline-block;font-size:14px;padding:8px 12px}.input-area{display:flex;gap:8px;padding:16px}.input-area input{border:1px solid #ddd;border-radius:20px;flex:1 1;outline:none;padding:8px 12px}.input-area button{background:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:8px 16px}.ai-features{margin-top:20px}.features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.feature-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:12px}.feature-icon{font-size:18px}.related-products{margin:30px 0}.related-products h3{font-size:18px;margin-bottom:16px}.product-cards{display:flex;gap:12px;overflow-x:auto}.product-card{border-radius:12px;color:#fff;min-width:200px;padding:16px}.product-card.orange{background:linear-gradient(135deg,#ff6b35,#f7931e)}.product-card.green{background:linear-gradient(135deg,#4caf50,#45a049)}.product-card h4{font-size:16px;margin-bottom:8px}.features-tags{display:flex;flex-direction:column;gap:4px;margin:12px 0}.features-tags span{background:#fff3;border-radius:12px;font-size:12px;padding:4px 8px}.price{margin-top:12px}.current-price{font-size:18px;font-weight:700}.original-price{margin-left:8px;opacity:.7;text-decoration:line-through}.discount{display:block;font-size:12px;margin-top:4px}.trial-info{margin-top:12px}.trial-badge{background:#ffffffe6;border-radius:12px;color:#333;font-size:12px;font-weight:700;padding:4px 8px}.bottom-notice{align-items:center;background:#fff3cd;border-radius:8px;display:flex;justify-content:space-between;margin:20px 0;padding:12px}.change-location{background:none;border:1px solid #ffc107;border-radius:4px;color:#856404;cursor:pointer;padding:6px 12px}.bottom-actions{display:flex;gap:8px;padding:16px 0}.rating-btn,.service-btn,.store-btn{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:4px;padding:12px}.add-to-cart-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:700;padding:12px}.voice-selector{background:#f8f9fa;border-radius:8px;margin:10px 0;padding:10px}.voice-selector label{color:#333;display:block;font-weight:600;margin-bottom:5px}.voice-selector select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.audio-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:15px 0;padding:15px}.control-group{margin-bottom:15px}.control-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.control-group input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:18px;width:18px}.control-group input[type=range]::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.speak-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:background-color .2s}.speak-btn:hover:not(:disabled){background:#218838}.speak-btn:disabled{background:#6c757d;cursor:not-allowed}.reference-audio-btn{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:10px 0;padding:10px 15px;transition:background-color .2s}.reference-audio-btn:hover{background:#138496}.syllable-player{margin:0 auto;max-width:800px;padding:20px}.word-overview{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.word-overview h2{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.word-overview .phonetic{color:#6c757d;font-family:Courier New,monospace;font-size:1.2rem;margin-bottom:10px}.word-overview .definition{color:#495057;font-size:1.1rem}.play-mode-selector{margin:20px 0;text-align:center}.play-mode-selector h3{color:#2c3e50;margin-bottom:15px}.mode-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mode-buttons button{background:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;font-weight:600;padding:10px 15px;transition:all .2s}.mode-buttons button.active{background:#007bff;color:#fff}.mode-buttons button:hover:not(.active){background:#e3f2fd}.whole-word-section{margin:30px 0;text-align:center}.play-button.large{background:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:background-color .2s}.play-button.large:hover:not(:disabled){background:#218838}.consonant-section,.syllable-section,.vowel-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:20px 0;padding:20px}.sound-navigation,.syllable-navigation{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}.sound-counter,.syllable-counter{color:#495057;font-weight:700}.current-sound,.current-syllable{margin:20px 0;text-align:center}.current-sound h3,.current-syllable h3{color:#2c3e50;font-size:1.8rem;margin-bottom:10px}.current-syllable .phonetic{color:#6c757d;font-family:Courier New,monospace;font-size:1.2rem;margin-bottom:15px}.syllable-breakdown{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.sounds-section h4{color:#495057;margin-bottom:15px;text-align:center}.sounds{flex-direction:column}.sound-item,.sounds{display:flex;gap:10px}.sound-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:10px}.sound-symbol{color:#007bff;font-family:Courier New,monospace;font-weight:700;min-width:40px}.sound-description{color:#495057;flex:1 1}.play-sound-btn{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.play-sound-btn:hover{background:#138496}.sound-details{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin:15px 0;padding:15px;text-align:left}.sound-details p{color:#495057;margin:8px 0}.all-syllables{margin-top:30px}.all-syllables h3{color:#2c3e50;margin-bottom:20px;text-align:center}.syllables-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.syllable-item{background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;padding:15px;text-align:center;transition:all .2s}.syllable-item:hover{border-color:#007bff;transform:translateY(-2px)}.syllable-item.active{background:#e3f2fd;border-color:#007bff}.syllable-text{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:5px}.syllable-phonetic{color:#6c757d;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:10px}.play-syllable-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.play-syllable-btn:hover{background:#218838}.breakdown-btn{background:#6f42c1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:8px 16px;transition:background-color .2s}.breakdown-btn:hover{background:#5a32a3}.error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;justify-content:space-between;margin:10px 0;padding:10px 15px}.error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:16px;margin-left:10px;padding:0}.typing-indicator{align-items:center;color:#6c757d;display:flex;font-style:italic;gap:5px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#6c757d;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.ai-pronunciation-analysis{margin:0 auto;max-width:800px;padding:20px}.analysis-container{margin-top:20px}.word-section{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px;text-align:center}.word-section h2{color:#2c3e50;font-size:2rem;margin-bottom:15px}.input-section{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.input-section h3{color:#2c3e50;margin-bottom:15px}.input-section textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:15px;padding:12px;resize:vertical;width:100%}.analyze-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s}.analyze-btn:hover:not(:disabled){background:#0056b3}.analyze-btn:disabled{background:#6c757d;cursor:not-allowed}.analysis-results{background:#f8f9fa;border-radius:12px;margin-top:30px;padding:20px}.score-section{margin-bottom:25px;text-align:center}.score-display{border-radius:12px;font-size:3rem;font-weight:700;margin:15px 0;padding:20px}.score-display.good{background:#d4edda;border:2px solid #c3e6cb;color:#155724}.score-display.fair{background:#fff3cd;border:2px solid #ffeaa7;color:#856404}.score-display.needs-work{background:#f8d7da;border:2px solid #f5c6cb;color:#721c24}.issues-section,.practice-section,.tips-section{background:#fff;border-left:4px solid #007bff;border-radius:8px;margin-bottom:20px;padding:15px}.issues-section{border-left-color:#dc3545}.tips-section{border-left-color:#28a745}.practice-section{border-left-color:#ffc107}.full-analysis{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:25px;padding:20px}.analysis-text{color:#495057;line-height:1.6;white-space:pre-wrap}.ai-exercise-generator{margin:0 auto;max-width:800px;padding:20px}.generator-container{margin-top:20px}.settings-section{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{color:#2c3e50;font-weight:600}.setting-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.generate-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s}.generate-btn:hover:not(:disabled){background:#218838}.generate-btn:disabled{background:#6c757d;cursor:not-allowed}.exercises-section{margin-top:30px}.exercise-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:25px;padding:20px}.exercise-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.exercise-number{color:#2c3e50;font-weight:700}.exercise-type{background:#007bff;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.exercise-question{margin-bottom:15px}.exercise-question p{color:#495057;font-size:16px;margin:0}.exercise-input input,.exercise-input textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.exercise-options{display:flex;flex-direction:column;gap:8px}.option-label{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.option-label:hover{background:#e9ecef}.exercise-answer{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-top:15px;padding:15px}.answer-example{border-top:1px solid #c3e6cb;margin-top:10px;padding-top:10px}.exercise-actions{margin-top:20px;text-align:center}.check-answers-btn,.hide-answers-btn{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s}.check-answers-btn:hover,.hide-answers-btn:hover{background:#138496}@media (max-width:375px){.phonetic-demos{grid-template-columns:1fr 1fr}.features-grid,.lesson-categories{grid-template-columns:1fr}}.loading{align-items:center;display:flex;justify-content:center;padding:20px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,input:focus{outline:2px solid #4caf50;outline-offset:2px}
/*# sourceMappingURL=main.70fe5827.css.map*/