*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--primary:#4f6ef7;--primary-light:#eef1ff;--vowel:#ff6b6b;--vowel-light:#fff0f0;--diphthong:#ff9f43;--diphthong-light:#fff7ed;--consonant:#48c774;--consonant-light:#eefbf3;--bg:#f5f7fa;--card:#fff;--text:#2d3748;--subtext:#718096;--border:#e2e8f0}body{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:env(safe-area-inset-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.header[data-v-f4ee6f91]{color:#fff;z-index:100;background:linear-gradient(135deg,#4f6ef7 0%,#6c63ff 100%);padding:20px 16px 28px;position:sticky;top:0}.header-main[data-v-f4ee6f91]{justify-content:space-between;align-items:flex-start;display:flex}.header h1[data-v-f4ee6f91]{letter-spacing:.5px;font-size:20px;font-weight:700}.header p[data-v-f4ee6f91]{opacity:.85;margin-top:4px;font-size:13px}.lang-toggle[data-v-f4ee6f91]{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff59;border-radius:20px;flex-shrink:0;align-items:center;gap:2px;margin-top:2px;padding:5px 12px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.lang-toggle[data-v-f4ee6f91]:active{background:#ffffff40}.lang-toggle span[data-v-f4ee6f91]{opacity:.5;transition:opacity .2s}.lang-toggle span.active[data-v-f4ee6f91]{opacity:1}.divider[data-v-f4ee6f91]{margin:0 1px;opacity:.4!important}.tabs[data-v-e6017c53]{border-bottom:1px solid var(--border);scrollbar-width:none;z-index:99;background:#fff;display:flex;position:sticky;top:72px;overflow-x:auto}.tabs[data-v-e6017c53]::-webkit-scrollbar{display:none}.tab[data-v-e6017c53]{color:var(--subtext);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;flex:none;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab.active[data-v-e6017c53]{color:var(--primary);border-bottom-color:var(--primary)}.toast[data-v-ffc7d13a]{bottom:calc(20px + env(safe-area-inset-bottom));color:#fff;z-index:999;white-space:nowrap;background:#000000bf;border-radius:24px;padding:10px 20px;font-size:13px;transition:transform .3s;position:fixed;left:50%;transform:translate(-50%)translateY(100px)}.toast.show[data-v-ffc7d13a]{transform:translate(-50%)translateY(0)}.empty-state[data-v-2446c110]{text-align:center;color:var(--subtext);padding:60px 20px}.emoji[data-v-2446c110]{margin-bottom:12px;font-size:48px}.empty-state p[data-v-2446c110]{font-size:14px}.stats-row[data-v-0f1255bb]{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card[data-v-0f1255bb]{background:var(--card);text-align:center;border-radius:12px;padding:12px;box-shadow:0 1px 4px #0000000f}.stat-num[data-v-0f1255bb]{color:var(--primary);font-size:22px;font-weight:700}.stat-label[data-v-0f1255bb]{color:var(--subtext);margin-top:2px;font-size:11px}.phoneme-card[data-v-63d55b81]{background:var(--card);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:14px;padding:14px 10px;transition:all .15s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f}.phoneme-card[data-v-63d55b81]:active{transform:scale(.95)}.phoneme-card.type-vowel[data-v-63d55b81]{border-color:#ffe5e5}.phoneme-card.type-diphthong[data-v-63d55b81]{border-color:#ffe9cc}.phoneme-card.type-consonant[data-v-63d55b81]{border-color:#d6f5e3}.phoneme-card.playing[data-v-63d55b81]{transform:scale(.97)}.phoneme-card.type-vowel.playing[data-v-63d55b81]{background:var(--vowel-light);border-color:var(--vowel)}.phoneme-card.type-diphthong.playing[data-v-63d55b81]{background:var(--diphthong-light);border-color:var(--diphthong)}.phoneme-card.type-consonant.playing[data-v-63d55b81]{background:var(--consonant-light);border-color:var(--consonant)}.phoneme-symbol[data-v-63d55b81]{margin-bottom:6px;font-size:28px;font-weight:700;line-height:1}.type-vowel .phoneme-symbol[data-v-63d55b81]{color:var(--vowel)}.type-diphthong .phoneme-symbol[data-v-63d55b81]{color:var(--diphthong)}.type-consonant .phoneme-symbol[data-v-63d55b81]{color:var(--consonant)}.phoneme-name[data-v-63d55b81]{color:var(--subtext);margin-bottom:4px;font-size:11px}.phoneme-example[data-v-63d55b81]{color:var(--text);font-size:12px;font-weight:600}.phoneme-example[data-v-63d55b81] em{font-style:normal;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sound-icon[data-v-63d55b81]{opacity:.4;width:18px;height:18px;position:absolute;top:8px;right:8px}.sound-icon.active[data-v-63d55b81]{opacity:1}.wave-bars[data-v-63d55b81]{justify-content:center;align-items:center;gap:2px;height:16px;display:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phoneme-card.playing .wave-bars[data-v-63d55b81]{display:flex}.wave-bar[data-v-63d55b81]{border-radius:2px;width:3px;height:12px;animation:.8s infinite wave}.type-vowel .wave-bar[data-v-63d55b81]{background:var(--vowel)}.type-diphthong .wave-bar[data-v-63d55b81]{background:var(--diphthong)}.type-consonant .wave-bar[data-v-63d55b81]{background:var(--consonant)}.wave-bar[data-v-63d55b81]:nth-child(2){animation-delay:.1s}.wave-bar[data-v-63d55b81]:nth-child(3){animation-delay:.2s}.wave-bar[data-v-63d55b81]:nth-child(4){animation-delay:.1s}.group-title[data-v-c0d8b39e]{color:var(--text);align-items:center;gap:8px;margin:20px 0 10px;font-size:15px;font-weight:700;display:flex}.badge[data-v-c0d8b39e]{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.badge-vowel[data-v-c0d8b39e]{background:var(--vowel-light);color:var(--vowel)}.badge-diphthong[data-v-c0d8b39e]{background:var(--diphthong-light);color:var(--diphthong)}.badge-consonant[data-v-c0d8b39e]{background:var(--consonant-light);color:var(--consonant)}.phoneme-grid[data-v-c0d8b39e]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.modal-overlay[data-v-f54178c9]{z-index:200;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.modal[data-v-f54178c9]{padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;width:100%;animation:.3s slideUp}.modal-handle[data-v-f54178c9]{background:#e2e8f0;border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.modal-symbol[data-v-f54178c9]{text-align:center;margin-bottom:8px;font-size:64px;font-weight:700}.modal-phoneme-name[data-v-f54178c9]{text-align:center;color:var(--subtext);margin-bottom:20px;font-size:16px}.modal-play-btn[data-v-f54178c9]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:14px 32px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.modal-play-btn[data-v-f54178c9]:active{background:#3d5ae0}.modal-examples[data-v-f54178c9]{background:var(--bg);border-radius:12px;padding:14px}.modal-examples h4[data-v-f54178c9]{color:var(--subtext);margin-bottom:10px;font-size:13px}.example-list[data-v-f54178c9]{flex-direction:column;gap:8px;display:flex}.example-item[data-v-f54178c9]{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.example-word[data-v-f54178c9]{font-size:16px;font-weight:700}.example-word[data-v-f54178c9] em{color:var(--primary);font-style:normal}.example-meaning[data-v-f54178c9]{color:var(--subtext);font-size:13px}.example-play[data-v-f54178c9]{background:var(--primary-light);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.close-modal[data-v-f54178c9]{text-align:center;color:var(--subtext);cursor:pointer;margin-top:14px;padding:8px;font-size:14px}.phoneme-intro[data-v-4b2d550b]{background:var(--card);color:var(--subtext);border-left:3px solid var(--primary);border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.6}.phoneme-intro[data-v-4b2d550b] span{color:var(--primary);font-weight:600}.content[data-v-ac1b2d17]{padding:16px}