@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.practice-card[data-v-e1974986]{border-radius:28px;background:var(--practice-card-bg);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-card);padding:28px;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.practice-card--idle[data-v-e1974986]{opacity:.9}.practice-header[data-v-e1974986]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.mode-flag[data-v-e1974986]{display:flex;align-items:center;gap:12px}.mode-icon[data-v-e1974986]{width:44px;height:44px;border-radius:14px;background:var(--chip-surface);display:grid;place-items:center;font-size:20px;box-shadow:inset 0 0 0 1px #ffffff14}.mode-meta[data-v-e1974986]{display:flex;flex-direction:column;gap:2px}.mode-title[data-v-e1974986]{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.session-progress[data-v-e1974986]{margin:0;color:var(--text-secondary);font-size:13px}.metrics[data-v-e1974986]{display:flex;align-items:center;gap:12px;flex:0 0 auto}.metrics-text[data-v-e1974986]{color:var(--text-primary);font-weight:600;font-size:13px;white-space:nowrap}.stop-btn[data-v-e1974986]{border:1px solid var(--border-soft);background:var(--chip-surface);border-radius:12px;width:36px;height:36px;font-size:16px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;flex-shrink:0}.stop-btn[data-v-e1974986]:hover{transform:translateY(-1px);background:var(--error);border-color:var(--error);color:#fff}.progress-track[data-v-e1974986]{width:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-fill[data-v-e1974986]{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .3s ease}.practice-main[data-v-e1974986]{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:0}.prompt-stack[data-v-e1974986]{width:100%;display:flex;justify-content:center}.playback-hint[data-v-e1974986]{display:flex;gap:16px;align-items:center;justify-content:center}.playback-hint--idle[data-v-e1974986]{opacity:.7}.playback-trigger[data-v-e1974986]{border:none;width:56px;height:56px;border-radius:18px;background:var(--primary);color:#0b0e14;font-size:24px;cursor:pointer;box-shadow:0 16px 40px #ff8f4f59;transition:transform .2s ease,box-shadow .2s ease}.playback-trigger[data-v-e1974986]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 50px #ff8f4f66}.playback-trigger[data-v-e1974986]:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.playback-copy[data-v-e1974986]{display:flex;flex-direction:column}.dictation-prompt[data-v-e1974986]{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.dictation-panel[data-v-e1974986]{margin-top:-8px;border-radius:28px;border:1px solid var(--border-strong);background:var(--content-surface);padding:20px 26px;box-shadow:var(--shadow-soft, 0 18px 50px rgba(0, 0, 0, .35));display:flex;flex-direction:column;gap:8px}.dictation-panel__label[data-v-e1974986]{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.dictation-panel__text[data-v-e1974986]{margin:0;font-size:clamp(20px,4vw,28px);font-weight:600;color:var(--text-primary);line-height:1.4}.answer-form[data-v-e1974986]{width:100%;display:flex;justify-content:center;max-width:960px}.answer-input[data-v-e1974986]{width:100%;border-radius:24px;border:1px solid var(--border-soft);padding:20px 28px;font-size:clamp(20px,4vw,28px);font-weight:600;background:var(--input-surface);color:var(--text-primary);box-shadow:inset 0 2px #ffffff0a,0 30px 60px #0006;transition:border-color .2s ease,box-shadow .2s ease}.answer-input[data-v-e1974986]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 35px #ff8f4f59}.answer-input[data-v-e1974986]:disabled{opacity:.6}.answer-input--correct[data-v-e1974986]{border-color:var(--success);box-shadow:0 0 35px #10b98159;animation:glowPulse-e1974986 .6s ease}.answer-input--wrong[data-v-e1974986]{border-color:var(--error);animation:shake-e1974986 .4s ease}.slider-row[data-v-e1974986]{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-secondary);background:var(--chip-surface);border:1px solid var(--border-soft);border-radius:16px;padding:10px 16px}.slider-row input[data-v-e1974986]{flex:1;accent-color:var(--primary)}.feedback[data-v-e1974986]{text-align:center;font-size:15px}.feedback-correct[data-v-e1974986]{color:var(--success);font-weight:700}.feedback-wrong[data-v-e1974986]{color:var(--error);font-weight:700}.feedback-meaning[data-v-e1974986]{margin-top:14px;padding:16px;border-radius:18px;background:var(--chip-surface);display:flex;flex-direction:column;gap:6px;align-items:center;border:1px solid var(--border-soft)}.meaning-word[data-v-e1974986]{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:.06em}.meaning-translation[data-v-e1974986]{font-size:16px;color:var(--text-secondary)}.sr-only[data-v-e1974986]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}@keyframes glowPulse-e1974986{0%{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 35px #10b98180}to{box-shadow:0 0 #10b9811a}}@keyframes shake-e1974986{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@media (max-width: 640px){.practice-card[data-v-e1974986]{padding:20px}.practice-header[data-v-e1974986]{flex-direction:column;align-items:flex-start;gap:12px}.mode-flag[data-v-e1974986]{width:100%}.practice-main[data-v-e1974986]{gap:14px}.metrics[data-v-e1974986]{width:100%;justify-content:flex-start}.answer-input[data-v-e1974986]{padding:16px 20px}}.word-card[data-v-27719ec2]{border-radius:32px;background:var(--word-card-bg);border:1px solid var(--border-strong);box-shadow:var(--shadow-card);padding:32px;display:flex;flex-direction:column;gap:24px}.header-row[data-v-27719ec2]{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.word-card h2[data-v-27719ec2]{margin:6px 0;color:var(--text-primary);font-size:28px}.word-card .tagline[data-v-27719ec2]{text-transform:uppercase;letter-spacing:.4em;font-size:11px;color:var(--text-subtle)}.word-card .count[data-v-27719ec2]{color:var(--text-secondary);font-size:13px}.return-btn[data-v-27719ec2]{border:none;border-radius:999px;padding:12px 22px;background:var(--chip-surface);color:var(--text-primary);cursor:pointer;font-weight:600;box-shadow:0 15px 30px #0003}.form-row[data-v-27719ec2]{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.form-row input[data-v-27719ec2]{flex:1;min-width:160px;border-radius:18px;border:1px solid var(--border-soft);padding:12px 16px;background:var(--input-surface);color:var(--text-primary)}.form-row button[data-v-27719ec2]{border-radius:18px;border:none;padding:12px 24px;font-size:14px;cursor:pointer;background:var(--primary);color:#fffefd;box-shadow:var(--shadow-soft);font-weight:600}.error-text[data-v-27719ec2]{font-size:12px;color:var(--error)}.table-wrapper[data-v-27719ec2]{border-radius:26px;background:var(--content-surface);border:1px solid var(--border-soft);overflow:hidden;box-shadow:0 30px 60px #0000002e}table[data-v-27719ec2]{width:100%;border-collapse:collapse;font-size:14px}thead[data-v-27719ec2]{background:rgba(255,142,98,.12);color:var(--text-secondary)}th[data-v-27719ec2],td[data-v-27719ec2]{padding:16px 18px;text-align:left}tbody tr+tr[data-v-27719ec2]{border-top:1px solid rgba(15,23,42,.08)}.empty-row[data-v-27719ec2]{text-align:center;padding:36px 0;color:var(--text-muted)}.count-pill[data-v-27719ec2]{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:rgba(16,185,129,.12);color:var(--success);font-size:12px}.tag[data-v-27719ec2]{display:inline-flex;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600}.tag-active[data-v-27719ec2]{background:rgba(79,70,229,.12);color:#3730a3}.tag-skip[data-v-27719ec2]{background:rgba(239,68,68,.12);color:var(--error)}.tag-easy[data-v-27719ec2]{background:rgba(16,185,129,.12);color:var(--success)}.action-cells[data-v-27719ec2]{display:flex;flex-wrap:wrap;gap:8px}.mini-btn[data-v-27719ec2]{border:none;border-radius:16px;padding:6px 14px;font-size:12px;cursor:pointer;background:rgba(255,123,84,.2);color:var(--primary);font-weight:600}.mini-btn.ghost[data-v-27719ec2]{background:rgba(15,23,42,.05);color:var(--text-secondary);border:1px solid var(--border-soft)}@media (max-width: 720px){.table-wrapper[data-v-27719ec2]{overflow-x:auto}table[data-v-27719ec2]{min-width:640px}}.app-shell[data-v-8984964a]{min-height:100vh;padding:56px 32px 140px;background:var(--bg-page);background-image:radial-gradient(circle at 20% 20%,rgba(255,138,63,.12),transparent 45%),radial-gradient(circle at 80% 0%,rgba(124,168,255,.12),transparent 50%),var(--page-gradient)}.masthead[data-v-8984964a]{max-width:1080px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-badge[data-v-8984964a]{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.04em}.control-panel[data-v-8984964a]{margin:12px auto;display:flex;align-items:center;gap:20px;max-width:1060px}.control-row[data-v-8984964a]{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.control-row--modes[data-v-8984964a]{flex-direction:row;align-items:center;gap:20px;justify-content:flex-start}.control-row--order[data-v-8984964a]{align-items:flex-start;gap:8px}.control-row--actions[data-v-8984964a]{flex-direction:row;align-items:center;gap:20px;justify-content:flex-start}.control-label[data-v-8984964a]{font-size:12px;color:var(--text-subtle);letter-spacing:.08em}.source-input[data-v-8984964a]{display:flex;flex-direction:column;gap:12px}.source-input__meta[data-v-8984964a]{font-size:12px;color:var(--text-subtle);letter-spacing:.02em}.source-input__wrapper[data-v-8984964a]{position:relative;display:flex;align-items:center;border-radius:20px;background:var(--input-surface);min-width:550px}.source-input__wrapper[data-v-8984964a]:focus-within{border-color:var(--primary);box-shadow:0 0 12px #ff7b9c59}.source-input__field[data-v-8984964a]{flex:1;border:none;background:transparent;padding:16px 20px;font-size:15px;color:var(--text-primary);outline:none}.source-input__actions[data-v-8984964a]{display:flex;align-items:center;gap:8px;padding-right:12px;flex-shrink:0}.input-field[data-v-8984964a]{border:none;background:var(--chip-surface);padding:6px 12px;font-size:12px;color:var(--text-primary);border-radius:10px;outline:none;transition:background .2s ease}.input-field[data-v-8984964a]:focus{background:var(--input-surface)}.input-field--name[data-v-8984964a]{width:100px}.wordbank-selector[data-v-8984964a]{display:flex;flex-direction:column;gap:0}.wordbank-list[data-v-8984964a]{display:flex;flex-wrap:wrap;gap:8px}.wordbank-item[data-v-8984964a]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;border:1px solid var(--border-soft);background:var(--chip-surface);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.wordbank-item[data-v-8984964a]:hover:not(:disabled){background:var(--input-surface);border-color:var(--primary)}.wordbank-item--active[data-v-8984964a]{background:var(--primary);color:#fffefd;border-color:var(--primary)}.wordbank-item[data-v-8984964a]:disabled{opacity:.5;cursor:not-allowed}.wordbank-name[data-v-8984964a]{font-weight:600}.wordbank-count[data-v-8984964a]{font-size:11px;opacity:.8}.wordbank-delete[data-v-8984964a]{border:none;background:transparent;color:currentColor;font-size:18px;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.wordbank-delete[data-v-8984964a]:hover:not(:disabled){background:rgba(255,255,255,.2)}.wordbank-delete[data-v-8984964a]:disabled{cursor:not-allowed}.input-btn[data-v-8984964a]{border:none;background:transparent;color:var(--text-subtle);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;border-radius:12px;transition:background .2s ease,color .2s ease}.input-btn[data-v-8984964a]:hover:not(:disabled){background:var(--chip-surface);color:var(--text-primary)}.input-btn[data-v-8984964a]:disabled{opacity:.5;cursor:not-allowed}.input-btn--text[data-v-8984964a]{color:var(--text-subtle)}.input-btn--badge[data-v-8984964a]{color:var(--text-secondary)}.input-btn--active[data-v-8984964a],.input-btn--active[data-v-8984964a]:hover{background:var(--primary);color:#fffefd}.chip-group[data-v-8984964a]{display:inline-flex;gap:12px}.action-btn[data-v-8984964a]{border-radius:20px;border:1px solid var(--border-soft);background:var(--chip-surface);color:var(--text-primary);padding:12px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.action-btn[data-v-8984964a]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 35px #ff7b9c59}.action-btn--ghost[data-v-8984964a]{border-style:dashed;background:transparent;color:var(--text-secondary)}.action-btn--primary[data-v-8984964a]{border:none;background:var(--primary);color:#fffefd;box-shadow:0 25px 60px #ff7b9c73}.action-btn--hero[data-v-8984964a]{padding:14px 24px;font-weight:700;border-radius:24px}.action-btn--active[data-v-8984964a]{background:var(--primary);color:#fffefd;border-color:transparent;box-shadow:0 18px 45px #ff7b9c66}.action-btn[data-v-8984964a]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mode-toggle[data-v-8984964a]{display:inline-flex;border-radius:16px;border:1px solid var(--border-soft);overflow:hidden;background:var(--chip-surface)}.mode-btn[data-v-8984964a]{border:none;background:transparent;padding:10px 24px;font-size:14px;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:background .2s ease,color .2s ease}.mode-btn--active[data-v-8984964a]{background:var(--primary);color:#fffefd}.theme-toggle[data-v-8984964a]{border:none;background:transparent;font-size:20px;cursor:pointer;padding:6px;line-height:1;opacity:.8;transition:opacity .2s ease,transform .2s ease}.theme-toggle[data-v-8984964a]:hover{opacity:1;transform:scale(1.1)}.inline-error[data-v-8984964a]{max-width:1080px;margin:6px auto 0;font-size:13px;color:var(--error)}.main-area[data-v-8984964a]{max-width:960px;margin:0 auto}.help-fab[data-v-8984964a]{position:fixed;right:32px;bottom:32px;width:52px;height:52px;border-radius:18px;border:none;background:var(--primary);color:#fffefd;font-size:20px;cursor:pointer;box-shadow:0 25px 60px #ff7b9c73}.help-card[data-v-8984964a]{position:fixed;right:32px;bottom:104px;width:230px;background:var(--content-surface);border-radius:20px;padding:18px 20px;box-shadow:0 35px 80px #0000008c;border:1px solid var(--border-strong);font-size:13px;color:var(--text-secondary)}.help-title[data-v-8984964a]{margin:0 0 8px;font-size:15px;color:var(--text-primary);font-weight:700}.help-card ul[data-v-8984964a]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.help-card li[data-v-8984964a]{line-height:1.4}@media (max-width: 1024px){.masthead[data-v-8984964a],.control-panel[data-v-8984964a]{max-width:100%}.masthead[data-v-8984964a]{gap:10px}.control-row[data-v-8984964a],.control-row--modes[data-v-8984964a],.control-row--actions[data-v-8984964a]{flex-direction:column;align-items:stretch}.chip-group[data-v-8984964a],.mode-toggle[data-v-8984964a],.action-btn[data-v-8984964a],.action-btn--hero[data-v-8984964a]{width:100%;justify-content:center;text-align:center}.input-actions[data-v-8984964a]{width:100%;flex-wrap:wrap}.input-actions .action-btn[data-v-8984964a]{flex:1;min-width:120px}}@media (max-width: 768px){.app-shell[data-v-8984964a]{padding:32px 16px 120px}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:dark;--primary:#ff7b9c;--primary-hover:#ff99b3;--secondary:#7ca8ff;--secondary-hover:#9ec2ff;--bg-page:#05070e;--bg-card:#0c1019;--bg-card-soft:#141a27;--content-surface:#111725;--input-surface:#1a2132;--chip-surface:#151c2b;--text-primary:#f6f7fb;--text-secondary:#f6f7fbc7;--text-subtle:#f6f7fb94;--text-muted:#f6f7fb66;--border-strong:#ffffff2e;--border-soft:#ffffff14;--success:#49dfb0;--error:#ff7474;--shadow-card:0 45px 110px #000000b8;--shadow-soft:0 30px 70px #ff7b9c66;--page-gradient:#05070e;--hero-card:#0f141f;--panel-card:#141a27;--status-card:#111725;--practice-card-bg:#141a27;--play-zone-bg:#161d2d;--word-card-bg:#141a27}:root.theme-dark{color-scheme:dark}:root.theme-light{color-scheme:light;--primary:#ff7b9c;--primary-hover:#ff99b3;--secondary:#c19bff;--secondary-hover:#d6b9ff;--bg-page:#f5f7fb;--bg-card:#fff;--bg-card-soft:#f2f4fb;--content-surface:#fff;--input-surface:#f6f7fb;--chip-surface:#edf0fa;--text-primary:#1d2333;--text-secondary:#1d2333c7;--text-subtle:#1d23338c;--text-muted:#1d233366;--border-strong:#090b1414;--border-soft:#090b140f;--success:#10b981;--error:#ef4444;--shadow-card:0 30px 80px #15182414;--shadow-soft:0 20px 60px #ff7b9c4d;--page-gradient:#f5f7fb;--hero-card:#fff;--panel-card:#fff;--status-card:#fff;--practice-card-bg:#fff;--play-zone-bg:#f8f9ff;--word-card-bg:#fff}*{box-sizing:border-box}body{background:var(--page-gradient);min-height:100vh;color:var(--text-primary);margin:0;font-family:Space Grotesk,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font-family:inherit}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
