:root{--glass-bg: rgba(255, 255, 255, .62);--glass-bg-hover: rgba(255, 255, 255, .78);--glass-bg-active: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .85);--glass-border-subtle: rgba(255, 255, 255, .45);--glass-blur: 32px;--glass-saturate: 210%;--glass-shadow: 0 12px 40px -10px rgba(16, 185, 129, .12), 0 4px 16px 0 rgba(0, 0, 0, .03);--glass-shadow-hover: 0 20px 48px -8px rgba(16, 185, 129, .22), 0 6px 20px 0 rgba(0, 0, 0, .05);--glass-inset-highlight: inset 0 1.5px 1.5px 0 rgba(255, 255, 255, .95);--primary-emerald: #10B981;--primary-emerald-dark: #059669;--primary-emerald-light: #34D399;--primary-gradient: linear-gradient(135deg, #34D399 0%, #059669 100%);--accent-amber: #F59E0B;--accent-amber-light: #FBBF24;--accent-coral: #F43F5E;--accent-cyan: #06B6D4;--text-main: #0F172A;--text-sub: #475569;--text-muted: #94A3B8;--apple-ease: cubic-bezier(.25, 1, .5, 1);--apple-bounce: cubic-bezier(.32, .72, 0, 1);--apple-sheet: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-main);background-color:#f3f6f4;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;margin:0 auto}a{color:var(--primary-emerald);text-decoration:none}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset-highlight);border-radius:24px;transition:transform .3s var(--apple-ease),box-shadow .3s var(--apple-ease),background-color .3s ease}.glass-card:active{transform:scale(.96);transition:transform .15s var(--apple-bounce)}.phonic-detail-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;width:100%;margin:0 0 16px;background:#ffffffb3;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #0000000d,var(--glass-inset-highlight);border-radius:50px}.back-button{background:#ffffffd9;border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #0000000f;height:40px;width:40px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;color:var(--text-main);border-radius:50%;transition:all .2s var(--apple-bounce)}.back-button:active{transform:scale(.9);background:#fffffff2}@keyframes fluid-blob-float-1{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(60px,-80px,0) scale(1.15)}66%{transform:translate3d(-40px,40px,0) scale(.9)}}@keyframes fluid-blob-float-2{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(-70px,60px,0) scale(.85)}66%{transform:translate3d(50px,-50px,0) scale(1.2)}}@keyframes fluid-blob-float-3{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,70px,0) scale(1.1)}}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .25s var(--apple-ease),opacity .25s ease}.slide-left-enter-from{transform:translate3d(30%,0,0);opacity:0}.slide-left-leave-to,.slide-right-enter-from{transform:translate3d(-30%,0,0);opacity:0}.slide-right-leave-to{transform:translate3d(30%,0,0);opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast[data-v-d2c1cc66]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;z-index:9999;min-width:200px;justify-content:center}.toast.success[data-v-d2c1cc66]{border-left:4px solid #4aa94e}.toast.error[data-v-d2c1cc66]{border-left:4px solid #ff4d4f}.icon[data-v-d2c1cc66]{margin-right:8px;font-weight:700}.success .icon[data-v-d2c1cc66]{color:#4aa94e}.error .icon[data-v-d2c1cc66]{color:#ff4d4f}.message[data-v-d2c1cc66]{font-size:14px;color:#333}.toast-fade-enter-active[data-v-d2c1cc66],.toast-fade-leave-active[data-v-d2c1cc66]{transition:all .3s ease}.toast-fade-enter-from[data-v-d2c1cc66],.toast-fade-leave-to[data-v-d2c1cc66]{opacity:0;transform:translate(-50%,-20px)}.phonic-chart[data-v-4d9a488c]{width:100%;box-sizing:border-box;padding:20px 20px 100px;display:flex;flex-direction:column;align-items:center;min-height:100%}.header-glass-card[data-v-4d9a488c]{width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:20px;background:#ffffffa6;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 24px -6px #10b9811a,inset 0 1.5px 1.5px #fffffff2;border-radius:24px}.header-left[data-v-4d9a488c]{display:flex;flex-direction:column;text-align:left}.page-title[data-v-4d9a488c]{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.3px;margin:0 0 2px}.page-subtitle[data-v-4d9a488c]{font-size:12px;font-weight:500;color:#64748b}.progress-pill-badge[data-v-4d9a488c]{display:flex;align-items:center;gap:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:6px 12px;border-radius:20px;color:#047857}.pill-ring-icon[data-v-4d9a488c]{display:flex;align-items:center}.pill-text[data-v-4d9a488c]{font-size:13px;font-weight:700;font-family:SF Pro Display,system-ui,sans-serif}.phonics-group[data-v-4d9a488c]{width:100%;max-width:500px}.group-title[data-v-4d9a488c]{font-size:15px;font-weight:700;margin:16px 0 12px 4px;color:#475569;letter-spacing:-.2px}.cards-container[data-v-4d9a488c]{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.phonetic-card[data-v-4d9a488c]{flex:0 0 calc(25% - 9px);height:80px;background:#ffffffa6;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 24px -6px #10b98114,0 2px 6px #00000005,inset 0 1.5px 1.5px #fffffff2;color:#0f172a;border-radius:20px;text-align:center;font-size:26px;font-weight:700;font-family:SF Pro Display,system-ui,sans-serif;cursor:pointer;transition:all .28s cubic-bezier(.25,1,.5,1);position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center}.phonetic-card[data-v-4d9a488c]:hover{transform:translateY(-2px);box-shadow:0 12px 28px -4px #10b98126,inset 0 1.5px 1.5px #fff}.phonetic-symbol[data-v-4d9a488c]{display:block;z-index:1}.phonetic-card.learned[data-v-4d9a488c]{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#047857}.phonetic-card.completed[data-v-4d9a488c]{background:linear-gradient(135deg,#10b981e0,#059669f5);border:1px solid rgba(255,255,255,.6);color:#fff;box-shadow:0 10px 24px -4px #10b98159,inset 0 1.5px 1.5px #fff9}.corner-fold[data-v-4d9a488c]{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;z-index:2;pointer-events:none}.phonetic-card.completed .corner-fold[data-v-4d9a488c]{background:#fffffff2}.check-icon[data-v-4d9a488c]{color:#10b981;font-size:11px;font-weight:900;line-height:1}.last-learned-label[data-v-4d9a488c]{position:absolute;bottom:-6px;font-size:9px;font-weight:700;color:#fff;background:#f59e0b;padding:2px 7px;border-radius:10px;z-index:3;letter-spacing:-.2px;box-shadow:0 4px 10px #f59e0b66}.phonetic-card.active[data-v-4d9a488c]{transform:scale(.94)!important;transition:transform .15s cubic-bezier(.32,.72,0,1)!important}.group-divider[data-v-4d9a488c]{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(16,185,129,.2) 50%,transparent 100%);margin:22px 0 10px}.login-dialog[data-v-b921b0d4]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3000}.login-dialog-mask[data-v-b921b0d4]{position:absolute;width:100%;height:100%;background-color:#0f172a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.login-dialog-content[data-v-b921b0d4]{position:relative;width:320px;padding:28px 24px;background:#ffffffe0;backdrop-filter:blur(32px) saturate(210%);-webkit-backdrop-filter:blur(32px) saturate(210%);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 24px 60px -12px #10b98140,inset 0 1.5px 1.5px #fff;z-index:3001;display:flex;flex-direction:column;align-items:center}.dialog-fade-enter-active[data-v-b921b0d4],.dialog-fade-leave-active[data-v-b921b0d4]{transition:opacity .3s ease}.dialog-fade-enter-from[data-v-b921b0d4],.dialog-fade-leave-to[data-v-b921b0d4]{opacity:0}.dialog-scale-enter-active[data-v-b921b0d4]{transition:all .35s cubic-bezier(.16,1,.3,1)}.dialog-scale-leave-active[data-v-b921b0d4]{transition:all .25s cubic-bezier(.4,0,.6,1)}.dialog-scale-enter-from[data-v-b921b0d4],.dialog-scale-leave-to[data-v-b921b0d4]{opacity:0;transform:scale(.88) translateY(12px)}.login-dialog-content h3[data-v-b921b0d4]{margin:0 0 20px;font-size:20px;font-weight:800;color:#0f172a;text-align:center}.login-dialog-content input[data-v-b921b0d4]{width:100%;box-sizing:border-box;padding:12px 16px;margin-bottom:14px;background:#f1f5f9b3;border:1px solid rgba(203,213,225,.6);border-radius:16px;font-size:14px;color:#0f172a;transition:all .2s}.login-dialog-content input[data-v-b921b0d4]:focus{outline:none;background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.login-actions[data-v-b921b0d4]{display:flex;width:100%;gap:10px;margin-top:6px}.primary-btn[data-v-b921b0d4]{flex:1;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:18px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px -2px #10b98166;transition:transform .2s}.primary-btn[data-v-b921b0d4]:active{transform:scale(.95)}.secondary-btn[data-v-b921b0d4]{flex:1;padding:12px 16px;background:#f1f5f9e6;color:#334155;border:1px solid rgba(203,213,225,.6);border-radius:18px;font-size:14px;font-weight:600;cursor:pointer}.demo-quick-login[data-v-b921b0d4]{width:100%;margin-top:14px}.demo-btn[data-v-b921b0d4]{width:100%;padding:12px 16px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#047857;border-radius:18px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.demo-btn[data-v-b921b0d4]:active{transform:scale(.96);background:#10b98138}.cancel-link[data-v-b921b0d4]{background:none;border:none;color:#94a3b8;font-size:13px;margin-top:14px;cursor:pointer}.phonic-detail[data-v-dfddc212]{position:relative;max-width:540px;width:100%;overflow-x:hidden;box-sizing:border-box;padding:16px 20px 100px;margin:0 auto;min-height:100%}.header-title[data-v-dfddc212]{font-size:16px;font-weight:700;color:#0f172a}.phonic-card-container[data-v-dfddc212]{height:200px;position:relative;margin-bottom:24px}.symbol-card[data-v-dfddc212]{background:linear-gradient(135deg,#10b981d9,#059669f2);backdrop-filter:blur(32px) saturate(210%);-webkit-backdrop-filter:blur(32px) saturate(210%);box-shadow:0 16px 36px -6px #10b98159,inset 0 1.5px 1.5px #fff9;border:1px solid rgba(255,255,255,.7);color:#fff;padding:20px;text-align:center;border-radius:28px;width:100%;box-sizing:border-box;position:absolute;display:flex;justify-content:space-between;align-items:center;height:100%}.symbol-content[data-v-dfddc212]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.symbol-card h1[data-v-dfddc212]{font-size:4rem;font-weight:800;margin:0 0 10px;font-family:SF Pro Display,system-ui,sans-serif;letter-spacing:-1px;text-shadow:0 4px 16px rgba(0,0,0,.15)}.phonic-nav-btn[data-v-dfddc212]{background:#ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);height:44px;width:44px;cursor:pointer;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s cubic-bezier(.32,.72,0,1)}.phonic-nav-btn[data-v-dfddc212]:active{transform:scale(.88);background:#fff6}.pronunciation-symbol-button[data-v-dfddc212]{display:flex;align-items:center;gap:6px;background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1)}.pronunciation-symbol-button[data-v-dfddc212]:active{transform:scale(.94);background:#fff6}.card-slide-left-enter-active[data-v-dfddc212],.card-slide-left-leave-active[data-v-dfddc212],.card-slide-right-enter-active[data-v-dfddc212],.card-slide-right-leave-active[data-v-dfddc212]{transition:all .38s cubic-bezier(.25,1,.5,1);position:absolute;width:100%;left:0}.card-slide-left-enter-from[data-v-dfddc212]{transform:translate3d(100%,0,0);opacity:0}.card-slide-left-leave-to[data-v-dfddc212],.card-slide-right-enter-from[data-v-dfddc212]{transform:translate3d(-100%,0,0);opacity:0}.card-slide-right-leave-to[data-v-dfddc212]{transform:translate3d(100%,0,0);opacity:0}.content-fade-enter-active[data-v-dfddc212],.content-fade-leave-active[data-v-dfddc212]{transition:opacity .25s ease}.content-fade-enter-from[data-v-dfddc212],.content-fade-leave-to[data-v-dfddc212]{opacity:0}.section[data-v-dfddc212]{margin-bottom:24px}.section h2[data-v-dfddc212]{font-size:16px;font-weight:700;margin-bottom:12px;color:#0f172a;border-left:4px solid #10B981;padding-left:10px;background:transparent;box-shadow:none}.words-list[data-v-dfddc212]{display:flex;flex-wrap:wrap;gap:10px}.word-card[data-v-dfddc212]{display:flex;align-items:center;justify-content:space-between;background:#ffffffa6;-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #00000008,inset 0 1px 1px #fffffff2;padding:12px 16px;border-radius:16px;flex:1 0 calc(50% - 6px);transition:all .25s cubic-bezier(.25,1,.5,1);cursor:pointer}.word-card[data-v-dfddc212]:hover{transform:translateY(-2px);background:#ffffffd1;box-shadow:0 8px 24px -4px #10b9811f}.word-text[data-v-dfddc212]{font-size:16px;font-weight:600;color:#0f172a}.pronunciation-button[data-v-dfddc212]{border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#059669;background:#10b98124;transition:all .2s cubic-bezier(.32,.72,0,1)}.pronunciation-button[data-v-dfddc212]:hover{background:#10b98140;transform:scale(1.05)}.sentences-list[data-v-dfddc212]{display:flex;flex-direction:column;gap:10px}.sentence-card[data-v-dfddc212]{background:#ffffffa6;-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #00000008,inset 0 1px 1px #fffffff2;padding:14px 16px;border-radius:16px;position:relative;overflow:hidden;transition:all .28s cubic-bezier(.25,1,.5,1);cursor:pointer}.sentence-text[data-v-dfddc212]{font-size:15px;font-weight:500;color:#334155;line-height:1.4;position:relative;z-index:1}.sentence-card.active[data-v-dfddc212]{background:#fef3c7bf;border-color:#f59e0b66}.record-console-card[data-v-dfddc212]{display:flex;flex-direction:column;gap:14px;background:#ffffffa6;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.85);padding:16px 20px;border-radius:24px;box-shadow:0 4px 16px #00000008,inset 0 1px 1px #fffffff2}.record-controls[data-v-dfddc212]{display:flex;align-items:center;justify-content:space-between}.voice-memo-btn[data-v-dfddc212]{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);color:#e11d48;border-radius:30px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.32,.72,0,1)}.voice-memo-btn.is-recording[data-v-dfddc212]{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 6px 20px -2px #dc262666}.voice-memo-btn[data-v-dfddc212]:active{transform:scale(.94)}.btn-icon-wrapper[data-v-dfddc212]{display:flex;align-items:center;justify-content:center}.timer-badge[data-v-dfddc212]{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#f1f5f9d9;border-radius:20px;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:14px;font-weight:700;color:#334155;border:1px solid rgba(203,213,225,.6)}.recording-pulse-dot[data-v-dfddc212]{width:8px;height:8px;background:#f43f5e;border-radius:50%}.custom-audio-player[data-v-dfddc212]{width:100%;height:40px;border-radius:12px}.practice-button[data-v-dfddc212]{position:fixed;right:20px;bottom:100px;display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.6);border-radius:30px;cursor:pointer;box-shadow:0 10px 24px -4px #10b98166,inset 0 1px 1px #fff9;z-index:100;transition:all .3s cubic-bezier(.25,1,.5,1)}.practice-button[data-v-dfddc212]:active,.practice-button.click-animation[data-v-dfddc212]{transform:scale(.92)}@media (min-width: 540px){.practice-button[data-v-dfddc212]{right:calc(50% - 250px)}}.practice-page[data-v-5e3d6cfb]{padding:16px 20px 100px;box-sizing:border-box;min-height:100%;text-align:center;position:relative;max-width:540px;width:100%;margin:0 auto}.header-title[data-v-5e3d6cfb]{font-size:16px;font-weight:700;color:#0f172a}.practice-phonic-container[data-v-5e3d6cfb]{height:140px;position:relative;margin-bottom:20px}.practice-phonic[data-v-5e3d6cfb]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#10b981d9,#059669f2);-webkit-backdrop-filter:blur(32px) saturate(210%);backdrop-filter:blur(32px) saturate(210%);box-shadow:0 16px 36px -6px #10b9814d,inset 0 1.5px 1.5px #fff9;border:1px solid rgba(255,255,255,.7);color:#fff;padding:10px 20px;border-radius:28px;width:100%;height:100%;box-sizing:border-box;position:absolute}.practice-phonic h1[data-v-5e3d6cfb]{font-size:3.5rem;font-weight:800;font-family:SF Pro Display,system-ui,sans-serif;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.15)}.phonic-nav-btn[data-v-5e3d6cfb]{background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);height:44px;width:44px;cursor:pointer;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.32,.72,0,1)}.phonic-nav-btn[data-v-5e3d6cfb]:active{transform:scale(.88);background:#fff6}.practice-type[data-v-5e3d6cfb]{font-size:15px;font-weight:700;color:#0f172a;text-align:left;border-left:4px solid #10B981;padding-left:10px;margin-bottom:14px}.practice-content[data-v-5e3d6cfb]{position:relative;min-height:200px}.practice-target-container[data-v-5e3d6cfb]{position:relative;height:120px;margin-bottom:16px}.practice-target[data-v-5e3d6cfb]{background:#ffffffa6;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 24px -6px #10b9811a,inset 0 1.5px 1.5px #fffffff2;border-radius:24px;padding:20px;width:100%;height:100%;box-sizing:border-box;position:absolute;display:flex;align-items:center;justify-content:center}.practice-target h2[data-v-5e3d6cfb]{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.play-btn[data-v-5e3d6cfb]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#10b98124;color:#059669;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:12px;transition:all .2s cubic-bezier(.32,.72,0,1)}.play-btn[data-v-5e3d6cfb]:active{transform:scale(.94);background:#10b98140}.record-button-wrapper[data-v-5e3d6cfb]{display:flex;justify-content:center;align-items:center;margin:16px 0;width:100%}.voice-single-btn[data-v-5e3d6cfb]{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;background:#ffffffbf;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(244,63,94,.35);box-shadow:0 8px 24px -4px #f43f5e26,inset 0 1.5px 1.5px #fffffff2;border-radius:30px;color:#e11d48;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none}.voice-single-btn[data-v-5e3d6cfb]:hover{transform:translateY(-1px);box-shadow:0 12px 28px -4px #f43f5e38,inset 0 1.5px 1.5px #fff}.voice-single-btn[data-v-5e3d6cfb]:active{transform:scale(.94)}.voice-single-btn[data-v-5e3d6cfb]:disabled{opacity:.8;cursor:not-allowed}.mic-red-icon[data-v-5e3d6cfb]{width:10px;height:10px;background:#f43f5e;border-radius:50%;box-shadow:0 0 8px #f43f5e99}.voice-single-btn.is-recording[data-v-5e3d6cfb]{background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#fff9;color:#fff;box-shadow:0 10px 28px -4px #e11d4873,inset 0 1.5px 1.5px #ffffff80;padding:0 20px}.recording-white-dot[data-v-5e3d6cfb]{width:8px;height:8px;background:#fff;border-radius:50%}.timer-display[data-v-5e3d6cfb]{font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:16px;font-weight:800;letter-spacing:.5px}.stop-hint[data-v-5e3d6cfb]{font-size:12px;font-weight:600;opacity:.9;margin-left:2px}.mini-spinner[data-v-5e3d6cfb]{width:16px;height:16px;border:2.5px solid rgba(225,29,72,.25);border-top:2.5px solid #E11D48;border-radius:50%;animation:spin-5e3d6cfb .75s linear infinite;box-sizing:border-box}@keyframes spin-5e3d6cfb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.next-btn[data-v-5e3d6cfb]{position:fixed;right:20px;bottom:100px;display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:30px;font-size:14px;font-weight:700;box-shadow:0 10px 24px -4px #10b98166,inset 0 1px 1px #fff9;z-index:100;transition:all .3s cubic-bezier(.25,1,.5,1);cursor:pointer}.next-btn[data-v-5e3d6cfb]:active,.next-btn.click-animation[data-v-5e3d6cfb]{transform:scale(.92)}@media (min-width: 540px){.next-btn[data-v-5e3d6cfb]{right:calc(50% - 250px)}}.modal-overlay[data-v-5e3d6cfb]{position:fixed;inset:0;background:#0f172a59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content[data-v-5e3d6cfb]{background:#ffffffe0;-webkit-backdrop-filter:blur(32px) saturate(210%);backdrop-filter:blur(32px) saturate(210%);border:1px solid rgba(255,255,255,.9);border-radius:32px;padding:28px;max-width:380px;width:88%;box-shadow:0 24px 60px -12px #10b98140,inset 0 1.5px 1.5px #fff;position:relative;animation:modalSlideIn-5e3d6cfb .35s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn-5e3d6cfb{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close[data-v-5e3d6cfb]{position:absolute;top:16px;right:16px;background:#f1f5f9cc;border:none;font-size:20px;color:#64748b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-title[data-v-5e3d6cfb]{text-align:center;font-size:20px;font-weight:800;margin-bottom:20px;color:#0f172a}.modal-score[data-v-5e3d6cfb]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.score-circle[data-v-5e3d6cfb]{width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 12px 28px -6px #00000026}.score-circle.score-good[data-v-5e3d6cfb]{background:linear-gradient(135deg,#10b981,#059669)}.score-circle.score-mid[data-v-5e3d6cfb]{background:linear-gradient(135deg,#f59e0b,#d97706)}.score-circle.score-bad[data-v-5e3d6cfb]{background:linear-gradient(135deg,#f43f5e,#e11d48)}.score-value[data-v-5e3d6cfb]{font-size:3rem;font-weight:900;color:#fff;line-height:1}.score-label[data-v-5e3d6cfb]{font-size:12px;color:#ffffffe6}.score-tip-modal[data-v-5e3d6cfb]{font-size:15px;font-weight:600;color:#475569}.modal-recognition[data-v-5e3d6cfb]{background:#f1f5f9b3;border-radius:16px;padding:14px;margin-bottom:20px;text-align:center}.recognition-label[data-v-5e3d6cfb]{font-size:12px;color:#64748b;margin-bottom:4px}.recognition-text[data-v-5e3d6cfb]{font-size:1.6rem;font-weight:800}.char-correct[data-v-5e3d6cfb]{color:#10b981}.char-error[data-v-5e3d6cfb]{color:#f43f5e;text-decoration:underline wavy #F43F5E}.modal-btn[data-v-5e3d6cfb]{width:100%;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:18px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -4px #10b98166}.completion-indicator[data-v-5e3d6cfb]{position:absolute;top:12px;right:12px;z-index:10}.completion-circle[data-v-5e3d6cfb]{width:22px;height:22px;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;transition:all .3s ease}.completion-circle.completed[data-v-5e3d6cfb]{background:#fff;border-color:#fff;box-shadow:0 2px 8px #00000026;position:relative}.completion-circle.completed[data-v-5e3d6cfb]:after{content:"✓";color:#10b981;font-size:13px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.word-indicator .completion-circle[data-v-5e3d6cfb]{border-color:#94a3b880}.word-indicator .completion-circle.completed[data-v-5e3d6cfb]{background:#10b981;border-color:#10b981}.word-indicator .completion-circle.completed[data-v-5e3d6cfb]:after{color:#fff}.modal-fade-enter-active[data-v-5e3d6cfb],.modal-fade-leave-active[data-v-5e3d6cfb]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-5e3d6cfb],.modal-fade-leave-to[data-v-5e3d6cfb]{opacity:0}.card-slide-left-enter-active[data-v-5e3d6cfb],.card-slide-left-leave-active[data-v-5e3d6cfb],.card-slide-right-enter-active[data-v-5e3d6cfb],.card-slide-right-leave-active[data-v-5e3d6cfb]{transition:all .38s cubic-bezier(.25,1,.5,1);position:absolute;width:100%;left:0}.card-slide-left-enter-from[data-v-5e3d6cfb]{transform:translate3d(100%,0,0);opacity:0}.card-slide-left-leave-to[data-v-5e3d6cfb],.card-slide-right-enter-from[data-v-5e3d6cfb]{transform:translate3d(-100%,0,0);opacity:0}.card-slide-right-leave-to[data-v-5e3d6cfb]{transform:translate3d(100%,0,0);opacity:0}.slide-enter-active[data-v-5e3d6cfb],.slide-leave-active[data-v-5e3d6cfb]{transition:all .35s cubic-bezier(.25,1,.5,1);position:absolute;width:100%;left:0}.slide-enter-from[data-v-5e3d6cfb]{transform:translate3d(60px,0,0) scale(.95);opacity:0}.slide-leave-to[data-v-5e3d6cfb]{transform:translate3d(-60px,0,0) scale(.95);opacity:0}.fade-enter-active[data-v-5e3d6cfb],.fade-leave-active[data-v-5e3d6cfb]{transition:opacity .3s ease}.fade-enter-from[data-v-5e3d6cfb],.fade-leave-to[data-v-5e3d6cfb]{opacity:0}.user-login[data-v-95f16ad2]{display:flex;align-items:center;justify-content:space-between;background:#ffffffa6;-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #00000008,inset 0 1px 1px #fffffff2;padding:16px 20px;border-radius:20px;margin-bottom:20px;transition:all .25s cubic-bezier(.25,1,.5,1)}.user-login[data-v-95f16ad2]:hover{background:#fffc}.left-section[data-v-95f16ad2]{display:flex;align-items:center;cursor:pointer}.avatar-frame[data-v-95f16ad2]{width:44px;height:44px;border-radius:50%;overflow:hidden;background-color:#f1f5f9;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #00000014}.avatar-frame img[data-v-95f16ad2]{width:100%;height:100%;object-fit:cover}.username[data-v-95f16ad2]{margin-left:12px;font-size:17px;font-weight:700;color:#0f172a}.right-section[data-v-95f16ad2]{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1)}.login-text[data-v-95f16ad2]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.right-section[data-v-95f16ad2]:not(.login-text){background:#f1f5f9cc;color:#334155;border:1px solid rgba(203,213,225,.6)}.right-section[data-v-95f16ad2]:active{transform:scale(.94)}.settings-page[data-v-9bfae26b]{max-width:540px;padding:16px 20px 100px;margin:0 auto;min-height:100%;box-sizing:border-box}.header-title[data-v-9bfae26b]{font-size:16px;font-weight:700;color:#0f172a}.settings-content[data-v-9bfae26b]{margin-top:20px;display:flex;flex-direction:column;gap:16px}.glass-card-group[data-v-9bfae26b]{background:#ffffffa6;-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #00000008,inset 0 1px 1px #fffffff2;padding:18px;border-radius:20px}.setting-item h3[data-v-9bfae26b]{font-size:15px;font-weight:700;margin-bottom:12px;color:#0f172a;border-left:4px solid #10B981;padding-left:8px}.glass-slider[data-v-9bfae26b]{width:100%;accent-color:#10B981;height:6px;border-radius:4px}.glass-select[data-v-9bfae26b]{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(203,213,225,.8);background:#ffffffe6;font-size:14px;color:#0f172a;outline:none}.checkbox-label[data-v-9bfae26b]{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155;cursor:pointer}.sentence-preview[data-v-9bfae26b]{background:#f1f5f9cc;padding:12px 14px;border-radius:12px;font-size:14px;color:#475569;font-style:italic;margin-bottom:12px}.test-btn[data-v-9bfae26b]{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 18px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .2s cubic-bezier(.32,.72,0,1)}.test-btn[data-v-9bfae26b]:active{transform:scale(.94)}.safari-notice[data-v-9bfae26b]{font-size:12px;color:#94a3b8;margin-top:6px}.profile-page[data-v-d0032df0]{padding:16px 20px 100px;box-sizing:border-box;min-height:100%;max-width:540px;margin:0 auto}.header-title[data-v-d0032df0]{font-size:16px;font-weight:700;color:#0f172a}.profile-container[data-v-d0032df0]{padding:0}.profile-header-card[data-v-d0032df0]{display:flex;flex-direction:column;align-items:center;margin-top:40px;margin-bottom:24px;padding:45px 20px 20px;background:#ffffffa6;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 24px -6px #10b9811a,inset 0 1.5px 1.5px #fffffff2;border-radius:28px;position:relative}.profile-header-card h1[data-v-d0032df0]{color:#0f172a;font-size:22px;font-weight:800;margin:10px 0 2px}.user-badge[data-v-d0032df0]{font-size:11px;font-weight:700;color:#047857;background:#10b98124;padding:3px 10px;border-radius:12px;border:1px solid rgba(16,185,129,.25)}.avatar-container[data-v-d0032df0]{width:80px;height:80px;border-radius:50%;overflow:hidden;position:absolute;top:-40px;border:4px solid #FFFFFF;box-shadow:0 10px 24px #10b98133;background:#fff}.avatar[data-v-d0032df0]{width:100%;height:100%;object-fit:cover}.section[data-v-d0032df0]{margin-bottom:24px}.section h2[data-v-d0032df0]{font-size:15px;font-weight:700;color:#0f172a;border-left:4px solid #10B981;padding-left:10px;margin-bottom:12px}.progress-card[data-v-d0032df0],.recent-card[data-v-d0032df0]{background:#ffffffa6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #00000008,inset 0 1px 1px #fffffff2;padding:18px;border-radius:20px}.progress-item[data-v-d0032df0]{margin-bottom:16px}.progress-item[data-v-d0032df0]:last-child{margin-bottom:0}.progress-label[data-v-d0032df0],.recent-label[data-v-d0032df0]{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#334155}.progress-value-container[data-v-d0032df0]{display:flex;align-items:center;gap:12px}.progress-value[data-v-d0032df0]{font-size:14px;font-weight:700;min-width:60px;color:#10b981}.progress-bar[data-v-d0032df0]{flex-grow:1;height:8px;background:#e2e8f0cc;border-radius:6px;overflow:hidden}.progress-fill[data-v-d0032df0]{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .5s ease}.recent-item[data-v-d0032df0]{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(226,232,240,.6)}.recent-item[data-v-d0032df0]:last-child{border-bottom:none}.recent-score[data-v-d0032df0]{font-size:14px;font-weight:700;padding:4px 10px;border-radius:12px}.score-good[data-v-d0032df0]{background:#10b98126;color:#047857}.score-mid[data-v-d0032df0]{background:#f59e0b26;color:#b45309}.score-bad[data-v-d0032df0]{background:#f43f5e26;color:#be123c}.logout-button[data-v-d0032df0]{width:100%;padding:14px;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px -4px #f43f5e4d;transition:all .25s cubic-bezier(.32,.72,0,1)}.logout-button[data-v-d0032df0]:active{transform:scale(.96)}.bottom-nav-capsule[data-v-a8cd67b1]{pointer-events:auto;margin:0 auto 12px;width:calc(100% - 32px);max-width:500px;height:64px;display:flex;align-items:center;justify-content:space-around;background:#ffffffb8;backdrop-filter:blur(28px) saturate(210%);-webkit-backdrop-filter:blur(28px) saturate(210%);border:1px solid rgba(255,255,255,.85);box-shadow:0 16px 36px -6px #10b98126,0 4px 16px #0000000a,inset 0 1.5px 1.5px #fffffff2;border-radius:40px;padding:0 8px;transition:all .3s cubic-bezier(.25,1,.5,1)}.nav-item[data-v-a8cd67b1]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:50px;color:#64748b;text-decoration:none;border-radius:30px;transition:all .25s cubic-bezier(.25,1,.5,1)}.icon-wrapper[data-v-a8cd67b1]{display:flex;align-items:center;justify-content:center;height:24px;margin-bottom:2px;transition:transform .2s cubic-bezier(.32,.72,0,1)}.current-symbol-badge[data-v-a8cd67b1]{font-size:16px;font-weight:700;color:#10b981;font-family:SF Pro Display,system-ui,sans-serif;line-height:1}.nav-text[data-v-a8cd67b1]{font-size:11px;font-weight:500;letter-spacing:-.2px}.nav-item.active[data-v-a8cd67b1]{color:#059669;background:#10b98124;box-shadow:inset 0 1px 1px #fffc}.nav-item.active .icon-wrapper[data-v-a8cd67b1]{transform:translateY(-1px) scale(1.08)}.nav-item.active .current-symbol-badge[data-v-a8cd67b1]{color:#059669}.nav-item[data-v-a8cd67b1]:active{transform:scale(.92)}.confirm-dialog[data-v-399d8a75]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3000}.confirm-dialog-mask[data-v-399d8a75]{position:absolute;width:100%;height:100%;background-color:#0f172a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:3000}.confirm-dialog-content[data-v-399d8a75]{position:relative;width:300px;padding:24px;background:#ffffffe0;backdrop-filter:blur(32px) saturate(210%);-webkit-backdrop-filter:blur(32px) saturate(210%);border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 24px 60px -12px #10b98140,inset 0 1.5px 1.5px #fff;z-index:3001;text-align:center}.confirm-dialog-content h3[data-v-399d8a75]{margin:0 0 12px;font-size:18px;color:#0f172a;font-weight:800}.message[data-v-399d8a75]{font-size:15px;color:#334155;margin-bottom:6px;font-weight:600}.sub-message[data-v-399d8a75]{font-size:13px;color:#64748b;margin-bottom:20px}.confirm-actions[data-v-399d8a75]{display:flex;justify-content:space-between;gap:10px}.confirm-actions button[data-v-399d8a75]{flex:1;padding:10px 0;border:none;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.confirm-btn[data-v-399d8a75]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.cancel-btn[data-v-399d8a75]{background:#f1f5f9e6;color:#475569;border:1px solid rgba(203,213,225,.6)}.dialog-fade-enter-active[data-v-399d8a75],.dialog-fade-leave-active[data-v-399d8a75]{transition:opacity .3s ease}.dialog-fade-enter-from[data-v-399d8a75],.dialog-fade-leave-to[data-v-399d8a75]{opacity:0}.dialog-scale-enter-active[data-v-399d8a75]{transition:all .3s cubic-bezier(.16,1,.3,1)}.dialog-scale-leave-active[data-v-399d8a75]{transition:all .2s cubic-bezier(.4,0,.6,1)}.dialog-scale-enter-from[data-v-399d8a75],.dialog-scale-leave-to[data-v-399d8a75]{opacity:0;transform:scale(.85)}html,body,#app{height:100%;width:100%;margin:0 auto;padding:0;overflow:hidden}.app-container{position:relative;display:flex;flex-direction:column;width:100%;max-width:540px;height:100%;margin:0 auto;background-color:#f3f6f4;overflow:hidden;box-shadow:0 0 40px #0000000f}.ambient-blobs{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.ambient-blob{position:absolute;border-radius:50%;will-change:transform}.blob-1{top:-10%;left:-15%;width:340px;height:340px;background:radial-gradient(circle,#10b98152,#35d0930d 70%);filter:blur(75px);animation:fluid-blob-float-1 18s ease-in-out infinite}.blob-2{bottom:15%;right:-20%;width:360px;height:360px;background:radial-gradient(circle,#06b6d442,#38bdf80d 70%);filter:blur(85px);animation:fluid-blob-float-2 22s ease-in-out infinite}.blob-3{top:42%;left:10%;width:280px;height:280px;background:radial-gradient(circle,#f59e0b3d,#fbbf240a 70%);filter:blur(80px);animation:fluid-blob-float-3 20s ease-in-out infinite}.scrollable-content{position:relative;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;height:100%;box-sizing:border-box}.bottom-nav-wrapper{position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:540px;padding-bottom:calc(14px + env(safe-area-inset-bottom));z-index:1000;pointer-events:none;background:transparent;display:flex;justify-content:center}