.app-dialog-overlay[data-v-7b85019e]{z-index:10000;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app-dialog[data-v-7b85019e]{border:1px solid var(--exercise-brand-border);width:min(420px,100%);box-shadow:var(--shadow);gap:16px;padding:clamp(20px,4vw,28px);display:grid}.app-dialog__title[data-v-7b85019e]{color:var(--text);text-align:center;font-size:clamp(17px,2.5vw,20px);font-weight:700}.app-dialog__message[data-v-7b85019e]{color:var(--text-sub);text-align:center;white-space:pre-line;font-size:clamp(14px,2.2vw,16px);line-height:1.65}.app-dialog__actions[data-v-7b85019e]{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.app-dialog__btn[data-v-7b85019e]{min-width:96px}.app-dialog__btn--primary[data-v-7b85019e]{background:var(--brand-soft);border-color:var(--exercise-brand-border)}.app-dialog__btn--danger[data-v-7b85019e]{background:var(--danger-soft-bg);border-color:var(--danger-soft-border);color:var(--danger-fg)}.app-icon[data-v-c72352cf]{width:var(--app-icon-size);height:var(--app-icon-size);color:inherit;vertical-align:middle;flex:none;place-items:center;display:inline-grid}.app-icon--inline[data-v-c72352cf]{margin-inline:.1em;display:inline-grid}.app-icon__svg[data-v-c72352cf]{display:block}.idle-overlay[data-v-b8bd97ea]{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f11178c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.idle-dialog[data-v-b8bd97ea]{text-align:center;gap:14px;width:min(360px,100%);padding:20px;display:grid}.idle-dialog h3[data-v-b8bd97ea]{font-size:18px}.idle-dialog p[data-v-b8bd97ea]{color:var(--text-sub);font-size:14px;line-height:1.6}.user-avatar[data-v-ceeadfd8]{box-sizing:border-box;aspect-ratio:1;background:linear-gradient(135deg, var(--brand,#4f46e5), var(--brand,#6366f1));color:var(--on-brand,#fff);vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.user-avatar--md[data-v-ceeadfd8]{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;font-size:15px}.user-avatar--sm[data-v-ceeadfd8]{width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;font-size:12px}.user-avatar--lg[data-v-ceeadfd8]{width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;max-height:72px;font-size:28px}.user-avatar--xl[data-v-ceeadfd8]{width:128px;min-width:128px;max-width:128px;height:128px;min-height:128px;max-height:128px;font-size:48px}.user-avatar--img[data-v-ceeadfd8]{object-fit:cover;object-position:center;background:var(--surface-raised,#f1f5f9);display:block}.profile-modal-overlay[data-v-c39e05a2]{z-index:9000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0c109e;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.profile-modal[data-v-c39e05a2]{grid-template-rows:auto auto 1fr;gap:12px;width:min(960px,100%);max-height:min(94vh,920px);padding:20px 22px;display:grid;overflow:hidden}.profile-modal__head[data-v-c39e05a2]{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-modal__head h3[data-v-c39e05a2]{font-size:18px;font-weight:700}.profile-modal__head-actions[data-v-c39e05a2]{flex-shrink:0;align-items:center;gap:8px;display:flex}.profile-modal__password-toggle[data-v-c39e05a2]{border:1px solid var(--border);background:var(--surface-raised);height:32px;color:var(--text-sub);cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px}.profile-modal__password-toggle[data-v-c39e05a2]:disabled{opacity:.5;cursor:not-allowed}.profile-modal__close[data-v-c39e05a2]{background:var(--surface-raised);width:32px;height:32px;color:var(--text-sub);cursor:pointer;border:none;border-radius:50%;font-size:22px;line-height:1}.profile-modal__close[data-v-c39e05a2]:disabled{opacity:.5;cursor:not-allowed}.profile-modal__hint[data-v-c39e05a2]{color:var(--text-sub);font-size:14px}.profile-modal__points[data-v-c39e05a2]{color:var(--brand);font-weight:600}.profile-modal__status[data-v-c39e05a2]{text-align:center;color:var(--text-sub);font-size:14px}.profile-modal__body[data-v-c39e05a2]{gap:12px;min-height:0;padding-right:2px;display:grid;overflow:auto}.profile-modal__section[data-v-c39e05a2]{gap:12px;display:grid}.profile-modal__section--password[data-v-c39e05a2]{border-top:1px solid var(--border);padding-top:8px}.profile-modal__password-tip[data-v-c39e05a2]{color:var(--text-muted,var(--text-sub));font-size:13px;line-height:1.5}.profile-modal__password-form[data-v-c39e05a2]{gap:12px;display:grid}.profile-modal__preview[data-v-c39e05a2]{color:var(--text-sub);align-items:center;gap:12px;font-size:14px;display:flex}.profile-modal__avatar-catalog[data-v-c39e05a2]{gap:12px;min-height:0;display:grid}.profile-modal__category-tabs[data-v-c39e05a2]{z-index:2;background:var(--surface,var(--card,#111827));flex-wrap:wrap;gap:8px;padding:4px 0 8px;display:flex;position:sticky;top:0}.profile-modal__category-tab[data-v-c39e05a2]{border:1px solid var(--border);background:var(--surface-raised);height:32px;color:var(--text-sub);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.profile-modal__category-tab.active[data-v-c39e05a2]{border-color:var(--brand);background:var(--brand-soft,#6366f124);color:var(--brand);font-weight:600}.profile-modal__category-tab[data-v-c39e05a2]:disabled{opacity:.6;cursor:wait}.profile-modal__category-count[data-v-c39e05a2]{background:color-mix(in srgb, currentColor 14%, transparent);text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px}.profile-modal__avatar-groups[data-v-c39e05a2]{gap:16px;display:grid}.profile-modal__avatar-group[data-v-c39e05a2]{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 70%, transparent);border-radius:14px;gap:10px;padding:12px;scroll-margin-top:48px;display:grid}.profile-modal__avatar-group.active[data-v-c39e05a2]{border-color:color-mix(in srgb, var(--brand) 45%, var(--border))}.profile-modal__group-title[data-v-c39e05a2]{color:var(--text);justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.profile-modal__group-title span[data-v-c39e05a2]{color:var(--text-muted,var(--text-sub));font-size:12px;font-weight:500}.profile-modal__avatar-grid[data-v-c39e05a2]{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}@media (width>=900px){.profile-modal__avatar-grid[data-v-c39e05a2]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.profile-modal__avatar-option[data-v-c39e05a2]{background:var(--surface-raised);cursor:pointer;border:2px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:6px 4px;transition:border-color .2s,box-shadow .2s;display:grid}.profile-modal__avatar-option[data-v-c39e05a2]:hover:not(:disabled){border-color:var(--exercise-brand-border,var(--brand))}.profile-modal__avatar-option.active[data-v-c39e05a2]{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft,#6366f140)}.profile-modal__avatar-option.locked[data-v-c39e05a2]{opacity:.92}.profile-modal__avatar-option[data-v-c39e05a2]:disabled{opacity:.6;cursor:wait}.profile-modal__avatar-option img[data-v-c39e05a2]{object-fit:cover;background:var(--surface-2,var(--surface-raised));border-radius:50%;width:56px;height:56px}.profile-modal__avatar-name[data-v-c39e05a2]{max-width:76px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-modal__avatar-price[data-v-c39e05a2]{color:#b45309;font-size:11px}.profile-modal__avatar-price.free[data-v-c39e05a2],.profile-modal__avatar-price.owned[data-v-c39e05a2]{color:var(--text-muted,var(--text-sub))}.profile-modal__field[data-v-c39e05a2]{color:var(--text-sub);gap:6px;font-size:14px;display:grid}.profile-modal__field input[data-v-c39e05a2]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);padding:10px 12px}.profile-modal__field input[data-v-c39e05a2]:disabled{opacity:.7}.profile-modal__action[data-v-c39e05a2]{width:100%}.profile-modal__msg[data-v-c39e05a2]{text-align:center;color:var(--text-sub);font-size:14px}.profile-modal__msg--error[data-v-c39e05a2]{color:var(--danger-fg)}.profile-avatar-hover-preview[data-v-c39e05a2]{z-index:9500;pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 32px color-mix(in srgb, var(--text) 18%, transparent);border-radius:18px;justify-items:center;gap:8px;padding:12px 12px 10px;display:grid;position:fixed;transform:translate(-50%,-100%)}.profile-avatar-hover-preview.is-below[data-v-c39e05a2]{transform:translate(-50%)}.profile-avatar-hover-preview img[data-v-c39e05a2]{object-fit:cover;background:var(--surface-2,var(--surface-raised));border-radius:50%;width:176px;height:176px;display:block}.profile-avatar-hover-preview span[data-v-c39e05a2]{max-width:176px;color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}@media (hover:none){.profile-avatar-hover-preview[data-v-c39e05a2]{display:none}}.submit-saving-overlay[data-v-a50654ff]{z-index:9000;background:var(--overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.submit-saving-card[data-v-a50654ff]{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(320px,100%);padding:28px 32px 24px;display:flex}.submit-saving-spinner[data-v-a50654ff]{border:4px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite submit-saving-spin-a50654ff}.submit-saving-title[data-v-a50654ff]{color:var(--text);margin:8px 0 0;font-size:18px;font-weight:700}.submit-saving-hint[data-v-a50654ff]{color:var(--text-sub);margin:0;font-size:13px;line-height:1.5}@keyframes submit-saving-spin-a50654ff{to{transform:rotate(360deg)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c10;--surface:#151922;--surface-raised:#1c2230;--surface-2:#1a1f2b;--border:#94a3b81f;--text:#f1f5f9;--text-sub:#94a3b8;--text-muted:#64748b;--brand:#6366f1;--brand-soft:#6366f12e;--on-brand:#fff;--ok:#4ade80;--ok-soft-bg:#4ade8026;--ok-soft-border:#4ade8059;--ok-soft-text:var(--ok);--warn:#fbbf24;--warn-fg:#fcd34d;--warn-fg-muted:#d97706;--danger-fg:#fecaca;--danger:#f87171;--danger-soft-bg:#f871712e;--danger-soft-border:#f8717173;--danger-chip-bg:#f871711f;--danger-chip-border:#f8717159;--warn-soft-bg:#fbbf241f;--warn-soft-border:#fbbf2459;--rank-top-bg:#6366f12e;--rank-top-text:var(--brand);--rank-other-bg:var(--surface-2);--rank-other-text:var(--text-muted);--overlay:#0a0c109e;--shell-bg:#0f1117;--shell-sidebar:#12151c;--shell-sidebar-text:#e2e8f0;--shell-sidebar-sub:#cbd5e1;--shell-sidebar-muted:#94a3b8;--shell-chrome-border:#ffffff0f;--shell-nav-hover-bg:#6366f12e;--shell-nav-active-text:#fff;--shell-home-bg:var(--bg);--nav-active-text:#e0e7ff;--exercise-input-text:#fff;--exercise-input-caret:#fff;--exercise-input-border:#94a3b88c;--exercise-input-border-focus:#818cf8;--exercise-panel:#1c2230;--learn-bg:#0a0c10;--learn-fg:#f1f5f9;--learn-muted:#94a3b8;--learn-border:#94a3b838;--learn-surface:#94a3b81f;--learn-hover:#94a3b82e;--learn-answer-focus:#fb923c;--learn-destructive:#f87171;--learn-progress:linear-gradient(90deg, #6366f1, #a855f7, #ec4899);--learn-btn-bg:#1c2230;--learn-btn-shadow:0 1px 2px #00000038;--learn-card-shadow:0 6px 16px #00000047;--learn-overlay:#00000073;--learn-radius-sm:6px;--learn-radius-md:8px;--learn-radius-lg:12px;--learn-radius-xl:16px;--learn-radius-full:9999px;--learn-motion-hover:.15s ease;--learn-motion-panel:.2s ease;--exercise-float-bg:#1c2230;--exercise-float-border:var(--learn-border);--exercise-float-shadow:var(--learn-card-shadow);--exercise-float-en:#fff;--exercise-float-zh:#94a3b8;--exercise-float-wrong:var(--learn-destructive);--exercise-meaning:#f472b6;--exercise-header-border:var(--learn-border);--exercise-badge-bg:var(--learn-surface);--exercise-badge-text:#c7d2fe;--exercise-brand-border:var(--learn-border);--exercise-test-q-done-bg:var(--ok);--exercise-test-q-done-fg:#0a0c10;--exercise-test-q-current-border:var(--ok);--exercise-test-q-pending-border:#94a3b873;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow:0 4px 20px #00000047;--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--motion-fast:.15s ease;--motion-normal:.2s ease;--scroll-size:8px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--brand) 38%, transparent) transparent}::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}::-webkit-scrollbar-track{background:0 0;border-radius:999px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand) 36%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--brand) 54%, transparent);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{font-family:var(--font-system);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(165deg,#0a0c10 0%,#10141c 48%,#0c0e14 100%)}button,input{font:inherit}a{color:inherit;text-decoration:none}[data-device-tier=low] *,[data-device-tier=low] :before,[data-device-tier=low] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-device-tier=medium] .page-fade-enter-active,[data-device-tier=medium] .page-fade-leave-active{transition:opacity var(--motion-fast)}[data-device-tier=high] .page-fade-enter-active,[data-device-tier=high] .page-fade-leave-active{transition:opacity var(--motion-normal), transform var(--motion-normal)}.page-fade-enter-from,.page-fade-leave-to{opacity:0}[data-device-tier=high] .page-fade-enter-from{transform:translateY(8px)}[data-device-tier=high] .page-fade-leave-to{transform:translateY(-4px)}.app-shell{max-width:960px;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));flex-direction:column;margin:0 auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.app-page{gap:16px;width:100%;display:grid}.app-page-header{padding:0}.app-page-header h1{background:linear-gradient(135deg,#a78bfa 0%,#818cf8 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;line-height:1.3}.app-page-header__subtitle{color:var(--text-sub);margin-top:6px;font-size:13px;line-height:1.4}.portal-page{gap:16px;width:100%;max-width:1200px;display:grid}.app-page.student-messages,.app-page.ai-page,.portal-page.messages-page,.portal-page.teacher-ai{flex-direction:column;gap:12px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--motion-fast), opacity var(--motion-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8)}.btn-ghost{color:var(--text-sub);border:1px solid var(--border);background:0 0}@media (width>=768px){.app-shell{padding-top:24px}}html[data-theme="1"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f5f9;--surface:#fff;--surface-raised:#f8fafc;--surface-2:#f1f5f9;--border:#0f172a1a;--text:#0f172a;--text-sub:#475569;--text-muted:#64748b;--brand:#4f46e5;--brand-soft:#4f46e51f;--on-brand:#fff;--warn:#f59e0b;--warn-fg:#d97706;--warn-fg-muted:#b45309;--danger-fg:#dc2626;--danger:#ef4444;--danger-soft-bg:#fef2f2;--danger-soft-border:#fecaca;--danger-chip-bg:#fef2f2;--danger-chip-border:#fecaca;--warn-soft-bg:#fffbeb;--warn-soft-border:#fde68a;--rank-top-bg:#ede9fe;--rank-top-text:#6d28d9;--rank-other-bg:#f3f4f6;--rank-other-text:#6b7280;--overlay:#0f172a73;--shell-bg:#e2e8f0;--shell-sidebar:#fff;--shell-sidebar-text:#0f172a;--shell-sidebar-sub:#475569;--shell-sidebar-muted:#64748b;--shell-chrome-border:#0f172a14;--shell-nav-hover-bg:#4f46e51a;--shell-nav-active-text:#4f46e5;--shell-home-bg:var(--bg);--nav-active-text:#4f46e5;--exercise-input-text:#0f172a;--exercise-input-caret:#4f46e5;--exercise-input-border:#0f172a33;--exercise-input-border-focus:#4f46e5;--exercise-panel:#fff;--learn-bg:#fff;--learn-fg:#1f2937;--learn-muted:#6b7280;--learn-border:#e5e7eb;--learn-surface:#f3f4f6;--learn-hover:#f3f4f6;--learn-answer-focus:#ea580c;--learn-destructive:#dc2626;--learn-progress:linear-gradient(90deg, #4f46e5, #6366f1, #818cf8);--learn-btn-bg:#fff;--learn-btn-shadow:0 1px 2px #0000000f;--learn-card-shadow:0 6px 16px #0f172a1a;--learn-overlay:#0f172a66;--exercise-float-bg:#fff;--exercise-float-border:var(--learn-border);--exercise-float-shadow:var(--learn-card-shadow);--exercise-float-en:#1f2937;--exercise-float-zh:#6b7280;--exercise-float-wrong:var(--learn-destructive);--exercise-meaning:#db2777;--exercise-header-border:var(--learn-border);--exercise-badge-bg:var(--learn-surface);--exercise-badge-text:#4338ca;--exercise-brand-border:var(--learn-border);--ok:#16a34a;--ok-soft-bg:#ecfdf5;--ok-soft-border:#86efac;--ok-soft-text:#15803d;--exercise-test-q-done-bg:#22c55e;--exercise-test-q-done-fg:#fff;--exercise-test-q-current-border:#16a34a;--exercise-test-q-pending-border:#0f172a47;--shadow:0 4px 20px #0f172a14}html[data-theme="1"] body{background-image:linear-gradient(165deg,#f8fafc 0%,#eef2ff 48%,#f1f5f9 100%)}html[data-theme="2"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf6f3;--surface:#fffbfa;--surface-raised:#fff5f0;--surface-2:#f7efe9;--border:#8c697029;--text:#4a3f42;--text-sub:#7a6a6e;--text-muted:#9a8a8e;--brand:#c45c76;--brand-soft:#c45c761f;--on-brand:#fff;--warn:#d4a05a;--warn-fg:#b8843a;--warn-fg-muted:#9a6b2e;--danger-fg:#b84454;--danger:#d45c6a;--danger-soft-bg:#fdf0f2;--danger-soft-border:#f0c4cb;--danger-chip-bg:#fdf0f2;--danger-chip-border:#f0c4cb;--warn-soft-bg:#fbf4e8;--warn-soft-border:#edd9b0;--rank-top-bg:#c45c761f;--rank-top-text:#a84d64;--rank-other-bg:#f7efe9;--rank-other-text:#9a8a8e;--overlay:#4a3f4266;--shell-bg:#f0e6e2;--shell-sidebar:#fffbfa;--shell-sidebar-text:#4a3f42;--shell-sidebar-sub:#7a6a6e;--shell-sidebar-muted:#9a8a8e;--shell-chrome-border:#8c697024;--shell-nav-hover-bg:#c45c761a;--shell-nav-active-text:#c45c76;--shell-home-bg:var(--bg);--nav-active-text:#c45c76;--exercise-input-text:#4a3f42;--exercise-input-caret:#c45c76;--exercise-input-border:#8c697047;--exercise-input-border-focus:#c45c76;--exercise-panel:#fffbfa;--learn-bg:#fffbfa;--learn-fg:#4a3f42;--learn-muted:#7a6a6e;--learn-border:#8c69702e;--learn-surface:#f7efe9;--learn-hover:#f3e8e3;--learn-answer-focus:#c9894a;--learn-destructive:#b84454;--learn-progress:linear-gradient(90deg, #c45c76, #e0a0ae, #c4b0d0);--learn-btn-bg:#fffbfa;--learn-btn-shadow:0 1px 2px #4a3f420f;--learn-card-shadow:0 6px 16px #4a3f4214;--learn-overlay:#4a3f4261;--exercise-float-bg:#fffbfa;--exercise-float-border:var(--learn-border);--exercise-float-shadow:var(--learn-card-shadow);--exercise-float-en:#4a3f42;--exercise-float-zh:#7a6a6e;--exercise-float-wrong:var(--learn-destructive);--exercise-meaning:#a84d64;--exercise-header-border:var(--learn-border);--exercise-badge-bg:var(--learn-surface);--exercise-badge-text:#a84d64;--exercise-brand-border:var(--learn-border);--ok:#6b9b7a;--ok-soft-bg:#eef6f0;--ok-soft-border:#b8d4c0;--ok-soft-text:#4d7a5c;--exercise-test-q-done-bg:#6b9b7a;--exercise-test-q-done-fg:#fff;--exercise-test-q-current-border:#6b9b7a;--exercise-test-q-pending-border:#8c697047;--shadow:0 4px 20px #4a3f4212}html[data-theme="2"] body{background-image:linear-gradient(165deg,#faf6f3 0%,#f8ebe8 48%,#f3e8f0 100%)}html[data-theme="3"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e4ebe0;--surface:#eef2ea;--surface-raised:#f3f6f0;--surface-2:#e8ede3;--border:#7a8c7047;--text:#434b3f;--text-sub:#5c6559;--text-muted:#7a8276;--brand:#587a52;--brand-soft:#587a5238;--on-brand:#fff;--warn:#ca8a04;--warn-fg:#a16207;--warn-fg-muted:#854d0e;--danger-fg:#b91c1c;--danger:#dc2626;--danger-soft-bg:#fef2f2;--danger-soft-border:#fecaca;--danger-chip-bg:#fef2f2;--danger-chip-border:#fecaca;--warn-soft-bg:#fefce8;--warn-soft-border:#fde68a;--rank-top-bg:#6d85682e;--rank-top-text:#4d6b47;--rank-other-bg:#e8ede3;--rank-other-text:#7a8276;--overlay:#434b3f6b;--shell-bg:#d5dfd0;--shell-sidebar:#eef2ea;--shell-sidebar-text:#434b3f;--shell-sidebar-sub:#5c6559;--shell-sidebar-muted:#7a8276;--shell-chrome-border:#7a8c7047;--shell-nav-hover-bg:#6d856829;--shell-nav-active-text:#4d6b47;--shell-home-bg:var(--bg);--nav-active-text:#4d6b47;--exercise-input-text:#434b3f;--exercise-input-caret:#587a52;--exercise-input-border:#7a8c7066;--exercise-input-border-focus:#587a52;--exercise-panel:#eef2ea;--learn-bg:#eef2ea;--learn-fg:#434b3f;--learn-muted:#5c6559;--learn-border:#7a8c7059;--learn-surface:#e8ede3;--learn-hover:#e8ede3;--learn-answer-focus:#c2410c;--learn-destructive:#b91c1c;--learn-progress:linear-gradient(90deg, #587a52, #5c7a56, #4d6b47);--learn-btn-bg:#eef2ea;--learn-btn-shadow:0 1px 2px #434b3f14;--learn-card-shadow:0 6px 16px #434b3f1a;--learn-overlay:#434b3f66;--exercise-float-bg:#f3f6f0;--exercise-float-border:var(--learn-border);--exercise-float-shadow:var(--learn-card-shadow);--exercise-float-en:#434b3f;--exercise-float-zh:#5c6559;--exercise-float-wrong:var(--learn-destructive);--exercise-meaning:#5c7a56;--exercise-header-border:var(--learn-border);--exercise-badge-bg:var(--learn-surface);--exercise-badge-text:#4d6b47;--exercise-brand-border:var(--learn-border);--ok:#5c7a56;--ok-soft-bg:#5c7a5624;--ok-soft-border:#5c7a5659;--ok-soft-text:#4d6b47;--exercise-test-q-done-bg:#587a52;--exercise-test-q-done-fg:#fff;--exercise-test-q-current-border:#5c7a56;--exercise-test-q-pending-border:#7a8c7080}html[data-theme="3"] body{background-image:linear-gradient(165deg,#e8ede3 0%,#dfe8d8 52%,#e6ece2 100%)}body[data-theme-bg="1"]{background-position:50%;background-size:cover;background-attachment:fixed;background-image:linear-gradient(#ffffffc7, #ffffffc7), var(--theme-bg-image)!important}html[data-theme="0"] body[data-theme-bg="1"]{background-image:linear-gradient(#0a0c10db, #0a0c10db), var(--theme-bg-image)!important}html[data-theme="2"] body[data-theme-bg="1"]{background-image:linear-gradient(#faf6f3d6, #f8ebe8d6), var(--theme-bg-image)!important}html[data-theme="3"] body[data-theme-bg="1"]{background-image:linear-gradient(#e4ebe0d6, #dfe8d8d6), var(--theme-bg-image)!important}body[data-theme-bg="1"] #app,body[data-theme-bg="1"] .app-shell,body[data-theme-bg="1"] .app-shell--immersive,body[data-theme-bg="1"] .app-shell--immersive .main-column,body[data-theme-bg="1"] .main-column,body[data-theme-bg="1"] .app-shell--home .main-content{background:0 0}body[data-theme-bg="1"] .mobile-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0}body[data-theme-bg="1"] .bottom-nav{background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portal-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--surface:#fff;--surface-raised:#f8fbff;--surface-2:#eef2ff;--border:#0f172a1a;--text:#0f172a;--text-sub:#475569;--text-muted:#64748b;--brand:#4f46e5;--brand-soft:#4f46e51a;--on-brand:#fff;--ok:#047857;--danger:#dc2626;--ok-soft-bg:var(--portal-success-bg);--ok-soft-border:#86efac;--ok-soft-text:var(--portal-success-text);--overlay:#0f172a73;--shadow:0 8px 30px #0f172a14;--portal-success-bg:#ecfdf5;--portal-success-text:#047857;--portal-danger-bg:#fef2f2;--portal-danger-text:#b91c1c;--portal-warn-text:#b45309;--sidebar-bg:#1a1f36;--sidebar-border:#ffffff14;--sidebar-shadow:4px 0 24px #00000047;--sidebar-text:#e2e8f0;--sidebar-text-muted:#94a3b8;--sidebar-text-active:#fff;--sidebar-brand-accent:#a5b4fc;--sidebar-hover-bg:#ffffff0f;--sidebar-active-bg:#6366f13d;--sidebar-logo-bg:#6366f133;--sidebar-close-bg:#ffffff14;--sidebar-close-border:#ffffff1f;--sidebar-close-color:#cbd5e1}.portal-shell.branch-shell{--sidebar-bg:#e8f5ef;--sidebar-border:#05966924;--sidebar-shadow:10px 0 28px #05966912}.portal-shell :is(.admin-content,.teacher-content,.branch-content){color:var(--text)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:16px}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn:disabled{opacity:.55;cursor:not-allowed}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn-primary{background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 75%, #6366f1));color:var(--on-brand);border:1px solid #0000}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn-ghost{border:1px solid var(--border);background:var(--surface);color:var(--text-sub)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--brand)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn-outline{border:1px solid var(--brand);background:var(--surface);color:var(--brand)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn-link,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn.link{color:var(--brand);background:0 0;border:none;padding:0;font-weight:500}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn-link.danger,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .btn.link.danger{color:var(--danger)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) table,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .table{border-collapse:collapse;width:100%;font-size:13px}.portal-shell :is(.admin-content,.teacher-content,.branch-content) th,.portal-shell :is(.admin-content,.teacher-content,.branch-content) td,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .table th,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .table td{border-bottom:1px solid var(--border);text-align:left;color:var(--text);padding:10px 12px}.portal-shell :is(.admin-content,.teacher-content,.branch-content) th,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .table th{background:var(--surface-raised);color:var(--text-sub);font-weight:600}.portal-shell :is(.admin-content,.teacher-content,.branch-content) tbody tr:hover{background:#4f46e508}.portal-shell :is(.admin-content,.teacher-content,.branch-content) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]){border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px}.portal-shell :is(.admin-content,.teacher-content,.branch-content) :is(input,select,textarea):focus{border-color:#4f46e573;outline:none;box-shadow:0 0 0 3px #4f46e51f}.portal-shell :is(.admin-content,.teacher-content,.branch-content) label{color:var(--text-sub)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .modal{z-index:100;background:var(--overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .modal-body{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:10px;width:min(440px,92vw);max-height:min(88vh,720px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 48px #0f172a2e}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .msg{border-radius:8px;padding:8px 12px;font-size:13px}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .msg.ok{background:var(--portal-success-bg);color:var(--portal-success-text)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .msg.error{background:var(--portal-danger-bg);color:var(--portal-danger-text)}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .state,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .empty,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .loading,.portal-shell :is(.admin-content,.teacher-content,.branch-content) .hint{color:var(--text-muted);font-size:13px}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:16px}.portal-shell :is(.admin-content,.teacher-content,.branch-content) .readonly-input{background:var(--surface-raised)}.portal-shell :is(.admin-sidebar,.teacher-sidebar),.portal-shell :is(.admin-sidebar,.teacher-sidebar) :is(.admin-sidebar__brand,.teacher-sidebar__brand){color:var(--sidebar-text)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) :is(.admin-sidebar__brand,.teacher-sidebar__brand) span,.portal-shell :is(.admin-sidebar,.teacher-sidebar) .branding-mark__text span{color:var(--sidebar-brand-accent)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .branding-mark__text strong{color:var(--sidebar-text)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .branding-mark__logo:not(.branding-mark__logo--image){background:var(--sidebar-logo-bg);color:var(--sidebar-brand-accent)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .nav-link{color:var(--sidebar-text-muted)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .nav-link:hover,.portal-shell :is(.admin-sidebar,.teacher-sidebar) .nav-link.active{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-brand-accent)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .nav-sub a{color:var(--sidebar-text-muted)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .nav-sub a:hover,.portal-shell :is(.admin-sidebar,.teacher-sidebar) .nav-sub a.active{background:var(--sidebar-active-bg);color:var(--sidebar-brand-accent)}.portal-shell :is(.admin-sidebar,.teacher-sidebar) .sidebar-close{background:var(--sidebar-close-bg);border-color:var(--sidebar-close-border);color:var(--sidebar-close-color)}.portal-shell .teacher-sidebar .teacher-sidebar__ai{background:var(--sidebar-logo-bg)}.account-link{text-decoration:none}.account-link:hover{color:var(--brand)}.avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0}.avatar-btn:hover{box-shadow:0 0 0 2px var(--brand-soft)}.exercise-page{--dict-input-text:var(--exercise-input-text);--dict-input-caret:var(--exercise-input-caret);--dict-input-border:var(--exercise-input-border);--dict-input-border-focus:var(--exercise-input-border-focus);--dict-float-bg:var(--exercise-float-bg);--dict-float-border:var(--exercise-float-border);--dict-float-shadow:var(--exercise-float-shadow);--dict-float-en:var(--exercise-float-en);--dict-float-zh:var(--exercise-float-zh);--dict-float-wrong:var(--exercise-float-wrong);--meaning-color:var(--exercise-meaning);--exercise-text-spelling:clamp(34px, 7vw, 56px);--exercise-text-phonetic:clamp(14px, 2.5vw, 20px);--exercise-text-meaning:clamp(30px, 5vw, 38px);--exercise-text-primary:clamp(32px, 5vw, 40px);--exercise-input-max:min(720px, calc(100vw - 80px));--exercise-max-width:min(1200px, 95vw);--exercise-intro-max:var(--exercise-max-width);--exercise-text-intro-en-natural:clamp(40px, min(5.8vw, 7vh), 72px);--exercise-text-intro-zh-natural:clamp(30px, min(4.6vw, 5.5vh), 52px);--exercise-text-intro-phonetic-natural:clamp(16px, min(2.5vw, 3vh), 24px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural);--exercise-text-intro-phonetic:var(--exercise-text-intro-phonetic-natural);--exercise-text-reorder-slot:clamp(40px, min(5.8vw, 7vh), 72px);--exercise-text-reorder-option:clamp(20px, min(3.2vw, 3.6vh), 32px);--exercise-reorder-gap:clamp(16px, 2.8vh, 32px);--exercise-inner-gap:clamp(12px, 2.5vh, 22px);--exercise-progress-bar-stack:0px;--exercise-vh-offset:calc(clamp(160px, 26vh, 260px) + var(--exercise-progress-bar-stack));--exercise-content-zone:calc(100dvh - var(--exercise-vh-offset));--exercise-golden-base:calc(var(--exercise-content-zone) * .382);--exercise-golden-lower-base:calc(var(--exercise-content-zone) * .618);--exercise-golden-word-offset:max(18vh, calc(var(--exercise-golden-base) - 1.5vh));--exercise-golden-sentence-offset:max(20vh, calc(var(--exercise-golden-base) - 6vh));--letter-indicator-size:clamp(12px, 2.2vw, 20px);--exercise-text-sentence-input:clamp(22px, 3.5vw, 32px);--exercise-text-phrase-label:clamp(13px, min(2vw, 2.2vh), 18px);--exercise-text-ref-chip:clamp(13px, min(2vw, 2.2vh), 16px);--exercise-text-test-option:clamp(15px, min(2.4vw, 2.6vh), 20px);--letter-indicator-gap:clamp(3px, .45vw, 5px);--learn-btn-h:40px;--learn-btn-pad-x:16px;--learn-btn-font:14px;--learn-btn-weight:600;--learn-btn-radius:var(--learn-radius-lg,12px);--learn-btn-primary-hover:color-mix(in srgb, var(--brand) 88%, #000);--learn-btn-warn-bg:#d97706;--learn-btn-warn-hover:#b45309;--learn-btn-success-bg:var(--ok);--learn-btn-success-hover:color-mix(in srgb, var(--ok) 85%, #000);--learn-speaker-size:40px;--learn-speaker-icon:22px;width:100%;max-width:var(--exercise-max-width);min-height:0;color:var(--text);transition:color var(--learn-motion-panel,.2s ease), background-color var(--learn-motion-panel,.2s ease), border-color var(--learn-motion-panel,.2s ease);flex-direction:column;flex:1;margin:0 auto;display:flex}.learn-btn,.nav-btn,.sentence-touch-btn,.retest-btn,.reorder-punish-ok,.retry-save-btn{box-sizing:border-box;min-height:var(--learn-btn-h,40px);padding:0 var(--learn-btn-pad-x,16px);border-radius:var(--learn-btn-radius,12px);border:1px solid var(--learn-border,#e5e7eb);background:var(--learn-btn-bg,#fff);color:var(--learn-fg,var(--text));font-size:var(--learn-btn-font,14px);font-weight:var(--learn-btn-weight,600);cursor:pointer;box-shadow:var(--learn-btn-shadow,none);white-space:nowrap;transition:background-color var(--learn-motion-hover,.15s ease), border-color var(--learn-motion-hover,.15s ease), color var(--learn-motion-hover,.15s ease), opacity var(--learn-motion-hover,.15s ease);justify-content:center;align-items:center;line-height:1;display:inline-flex}.learn-btn:hover,.nav-btn:hover,.sentence-touch-btn:hover:not(.sentence-touch-btn--primary),.reorder-punish-ok:hover,.retry-save-btn:hover:not(:disabled){background:var(--learn-hover,#f3f4f6)}.learn-btn:focus-visible,.nav-btn:focus-visible,.sentence-touch-btn:focus-visible,.retest-btn:focus-visible,.practice-action-btn:focus-visible,.reorder-punish-ok:focus-visible,.retry-save-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:1px}.learn-btn:disabled,.nav-btn:disabled,.practice-action-btn:disabled,.retry-save-btn:disabled{opacity:.55;cursor:default}.learn-btn--primary,.nav-btn--primary,.sentence-touch-btn--primary,.retest-btn:not(.makeup-btn),.practice-action-btn:not(.practice-action-btn--retry),.reorder-punish-ok{background:var(--brand);color:#fff;box-shadow:none;border-color:#0000}.learn-btn--primary:hover,.nav-btn--primary:hover,.sentence-touch-btn--primary:hover,.retest-btn:not(.makeup-btn):hover,.practice-action-btn:not(.practice-action-btn--retry):hover:not(:disabled),.reorder-punish-ok:hover{background:var(--learn-btn-primary-hover,color-mix(in srgb, var(--brand) 88%, #000));color:#fff}.learn-btn--warn,.practice-action-btn--retry{background:var(--learn-btn-warn-bg,#d97706);color:#fff;box-shadow:none;border-color:#0000}.learn-btn--warn:hover,.practice-action-btn--retry:hover:not(:disabled){background:var(--learn-btn-warn-hover,#b45309);color:#fff}.learn-btn--success,.makeup-btn{background:var(--learn-btn-success-bg,var(--ok));color:#fff;box-shadow:none;border-color:#0000}.learn-btn--success:hover,.makeup-btn:hover{background:var(--learn-btn-success-hover,color-mix(in srgb, var(--ok) 85%, #000));color:#fff}.exercise-page.sentence-intro-fixed-font .sentence-card.active{--sentence-fit-font-scale:1}.exercise-page.sentence-intro-fixed-font:not([data-fixed-sentence-ready]) .sentence-wrapper{visibility:hidden}:is(.exercise-page.sentence-intro-fixed-font .sentence-card.active:has(.intro-card-wrap),.exercise-page.sentence-intro-fixed-font .sentence-card.active:has(.reorder-area)),.exercise-page.sentence-intro-fixed-font .intro-card-wrap,.exercise-page.sentence-intro-fixed-font .reorder-area{overflow:hidden!important}:is(.exercise-page:has(.application-sentence),.word-application-page){--exercise-text-intro-en-natural:clamp(40px, min(6vw, 8vh), 84px);--exercise-text-intro-zh-natural:clamp(32px, min(5vw, 7vh), 68px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural)}.exercise-page:has(.reorder-area){--exercise-text-intro-zh-natural:clamp(30px, min(4.6vw, 5.5vh), 52px);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural);--exercise-text-reorder-slot:clamp(40px, min(5.8vw, 7vh), 72px);--exercise-text-reorder-option:clamp(20px, min(3.2vw, 3.6vh), 32px);--exercise-text-phrase-label:clamp(14px, min(2.2vw, 2.5vh), 20px);--exercise-reorder-gap:clamp(14px, 2.2vh, 24px);--exercise-vh-offset:calc(clamp(130px, 20vh, 200px) + var(--exercise-progress-bar-stack))}.word-application-page .sentence-zh{font-size:var(--exercise-text-intro-zh);color:var(--meaning-color);font-weight:700;line-height:1.5}.word-application-page .application-sentence{font-size:var(--exercise-text-intro-en);text-align:center;color:var(--text);font-weight:700;line-height:1.45}.app-shell--immersive{max-width:none;height:100dvh;overflow:hidden}.app-shell--immersive .main-column{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.app-shell--immersive .main-content{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;display:flex;overflow:hidden}.app-shell--immersive .main-content>.exercise-page{box-sizing:border-box;flex:1;width:100%;max-width:none;min-height:0;padding:0}.app-shell--immersive .exercise-page{max-width:none}.app-shell--immersive .exercise-page>.exercise-header{box-sizing:border-box;width:100%;max-width:none;margin-bottom:clamp(12px,2vh,20px);margin-left:0;margin-right:0;padding:18px 12px 12px}.app-shell--immersive .exercise-page>.exercise-header:after{width:100%;left:0;right:0;transform:none}.app-shell--immersive .exercise-page>:not(.exercise-header):not(.exercise-progress-wrap):not(.exercise-progress-bar){width:100%;max-width:var(--exercise-max-width);box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:clamp(14px,3vw,24px);padding-right:clamp(14px,3vw,24px)}.exercise-page .hidden-visual{opacity:0;pointer-events:none;visibility:hidden;transform:scale(.95)}.exercise-header{border-bottom:none;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:clamp(15px,3vh,25px);padding:clamp(10px,2vw,16px) 0;display:flex;position:relative}.app-shell--immersive .exercise-page>.exercise-header:after{content:"";background:var(--learn-border,var(--exercise-header-border));pointer-events:none;width:100%;height:1px;position:absolute;bottom:0;left:0;right:0}.app-shell:not(.app-shell--immersive) .exercise-page>.exercise-header{border-bottom:1px solid var(--learn-border,var(--exercise-header-border))}.exercise-page:has(.reorder-area) .exercise-header{margin-bottom:clamp(8px,1.5vh,16px)}.exercise-header:not(:has(.exercise-header__actions)){justify-content:flex-start}.exercise-header h1,.exercise-header__heading{color:var(--learn-fg,var(--text));text-overflow:ellipsis;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:baseline;gap:.45em;min-width:0;max-width:100%;margin:0;font-size:clamp(14px,2.5vw,18px);font-weight:700;display:inline-flex;overflow:hidden}.exercise-header__program,.exercise-header__unit,.exercise-header__module{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.exercise-header__sep{color:var(--learn-muted,var(--text-sub));flex-shrink:0;font-weight:500}.exercise-header__unit,.exercise-header__module{font-size:inherit;color:var(--learn-muted,var(--text-sub));font-weight:500}.title-group{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;min-width:0;display:flex}.mode-badge{border-radius:var(--learn-radius-full,9999px);border:1px solid var(--learn-border,var(--exercise-brand-border));background:var(--learn-surface,var(--exercise-badge-bg));color:var(--learn-muted,var(--exercise-badge-text));flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.exercise-header__title{text-align:left;flex:auto;min-width:0}.exercise-header__actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.header-test-timer{color:var(--learn-answer-focus,#ea580c);font-variant-numeric:tabular-nums;border-radius:var(--learn-radius-md,8px);background:var(--learn-surface,#94a3b81f);border:1px solid var(--learn-border,#94a3b838);padding:6px 10px;font-size:clamp(15px,2.8vw,18px);font-weight:700}.learn-tool-btn{border-radius:var(--learn-radius-md,8px);min-height:32px;color:var(--text-sub);cursor:pointer;white-space:nowrap;box-shadow:none;transition:background-color var(--learn-motion-hover,.15s ease), color var(--learn-motion-hover,.15s ease);background:0 0;border:none;align-items:center;gap:5px;margin-right:-4px;padding:4px 6px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.learn-tool-btn__icon{flex-shrink:0;width:16px;height:16px}.learn-tool-btn__label{display:inline}.learn-tool-btn:hover{background:var(--learn-hover);color:var(--text)}.learn-tool-btn:focus-visible{outline:1px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:1px}@media (width<=767px){.learn-tool-btn__label{display:inline}}.exercise-awaiting-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.dictation-wrapper{flex-direction:column;flex:1;justify-content:flex-start;width:100%;min-height:0;display:flex;overflow:hidden}.flashcard-wrapper{flex-direction:column;flex:1;justify-content:center;width:100%;min-height:0;display:flex;overflow:hidden}.dictation-card,.test-container{text-align:center;--sentence-fit-font-scale:1;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,3vw,32px);display:flex}.test-container{padding-top:var(--exercise-golden-sentence-offset);padding-bottom:clamp(12px,2vh,24px)}.test-container:not(:has(.answer-line-section)):not(:has(.sentence-input-area)){padding-top:var(--exercise-golden-word-offset);justify-content:flex-start}.test-container:not(:has(.answer-line-section)):not(:has(.sentence-input-area)) .test-question{flex-shrink:0;min-height:0}.test-container .hints-stats-row{flex-shrink:0;width:100%;margin-top:auto;padding-top:clamp(10px,2vh,18px)}.dictation-inner{justify-content:flex-start;align-items:center;gap:var(--exercise-inner-gap);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.dictation-card.active:not(:has(.sentence-input-area)) .dictation-inner{padding-top:var(--exercise-golden-word-offset);padding-bottom:clamp(12px,2vh,24px)}.dictation-card.active:not(:has(.sentence-input-area)){overflow:hidden}.dictation-inner .word-section.hidden-visual,.dictation-inner .word-section .hidden-visual{height:0;min-height:0;margin:0;padding:0;display:none;overflow:hidden;transform:none}.dictation-inner .hints-stats-row,.sentence-inner .hints-stats-row{flex-shrink:0;width:100%;margin-top:auto;padding-top:clamp(10px,2vh,18px)}.word-section .spelling{font-size:var(--exercise-text-spelling);letter-spacing:.05em;font-weight:700;line-height:1.3}.word-section .phonetic{font-size:var(--exercise-text-phonetic);color:var(--text-sub);font-family:Courier New,monospace}.word-section .meaning{font-size:var(--exercise-text-meaning);color:var(--meaning-color);margin-top:0;line-height:1.5}.input-section{justify-content:center;width:100%;display:flex}.input-line-stage{justify-content:center;width:100%;display:flex;overflow:visible}.input-line-anchor{width:fit-content;max-width:min(calc(var(--exercise-input-max) + 56px), 100%);margin:0 auto;position:relative;overflow:visible}.input-line-row{align-items:flex-start;gap:clamp(10px,1.6vw,16px);display:flex}.input-line-wrap{width:fit-content;max-width:min(var(--exercise-input-max), 100%);flex-direction:column;flex-shrink:1;align-items:center;display:flex}.dictation-card .input-section .input-line-wrap,.dictation-card .input-section .input-line-head{width:fit-content;max-width:100%}.dictation-card .input-section .user-input-line{width:auto;min-width:4ch;max-width:var(--exercise-input-max);display:block}.input-line-head{box-sizing:border-box;width:fit-content;max-width:100%;display:block;position:relative}.input-line-head--no-speaker{width:100%}.input-line-speaker{margin:0;margin-top:calc(clamp(6px, 1vh, 10px) + var(--exercise-text-primary) * 1.2 + clamp(10px, 1.5vh, 14px) - var(--learn-speaker-size,40px) * .5 - 1px);flex-shrink:0;align-self:flex-start;position:static;transform:none}.speaker-btn,.play-word-btn,.play-sentence-btn,.card-speaker-btn{box-sizing:border-box;width:var(--learn-speaker-size,40px);height:var(--learn-speaker-size,40px);border:1px solid var(--learn-border,#e5e7eb);background:var(--learn-btn-bg,#fff);box-shadow:var(--learn-btn-shadow,none);cursor:pointer;transition:background-color var(--learn-motion-hover,.15s ease), border-color var(--learn-motion-hover,.15s ease), transform var(--learn-motion-hover,.15s ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.speaker-btn span,.play-word-btn span,.play-sentence-btn span,.card-speaker-btn span{width:var(--learn-speaker-icon,22px);height:var(--learn-speaker-icon,22px);background-image:url(/laba.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.speaker-btn:hover,.play-word-btn:hover,.play-sentence-btn:hover,.input-line-speaker:hover{background:var(--learn-hover,#f3f4f6);transform:scale(1.06)}.speaker-btn:active,.play-word-btn:active,.play-sentence-btn:active,.input-line-speaker:active{transform:scale(.96)}.speaker-btn:focus-visible,.play-word-btn:focus-visible,.play-sentence-btn:focus-visible,.card-speaker-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:1px}.float-answer-box{z-index:10;border:1px solid var(--learn-border,var(--dict-float-border));border-radius:var(--learn-radius-xl,16px);background:var(--learn-btn-bg,var(--dict-float-bg));width:max-content;min-width:min(220px,80vw);max-width:var(--exercise-max-width,min(1200px, 95vw));box-sizing:border-box;text-align:center;box-shadow:var(--learn-card-shadow,var(--dict-float-shadow));padding:12px 24px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.float-answer-en{font-size:var(--exercise-text-primary);color:var(--learn-answer-focus,var(--dict-float-en));word-break:normal;overflow-wrap:normal;font-weight:700}.float-answer-en span:not(.wrong-char){color:var(--learn-answer-focus,var(--dict-float-en))}.float-answer-box .wrong-char{color:var(--learn-destructive,var(--dict-float-wrong,var(--danger)));text-decoration:none}.float-answer-zh{color:var(--learn-muted,var(--dict-float-zh));white-space:normal;overflow-wrap:break-word;margin-top:6px;font-size:clamp(14px,2.5vw,18px)}.user-input-line{width:auto;min-width:4ch;max-width:var(--exercise-input-max);font-size:var(--exercise-text-primary);text-align:center;color:var(--dict-input-text);border:none;border-bottom:2px solid var(--dict-input-border);letter-spacing:.05em;caret-color:var(--dict-input-caret);box-sizing:border-box;appearance:none;background:0 0;outline:none;padding:clamp(6px,1vh,10px) clamp(4px,1vw,8px) clamp(10px,1.5vh,14px);font-weight:600;display:block}.user-input-line:-webkit-autofill{-webkit-text-fill-color:var(--dict-input-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}.user-input-line:-webkit-autofill:hover{-webkit-text-fill-color:var(--dict-input-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}.user-input-line:-webkit-autofill:focus{-webkit-text-fill-color:var(--dict-input-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}.user-input-line:focus{border-bottom-color:var(--dict-input-border-focus)}.user-input-line.correct{border-bottom-color:var(--ok)}.user-input-line.incorrect,.user-input-line.wrong{border-bottom-color:var(--danger)}.letter-indicators{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;width:100%;min-height:clamp(6px,1.2vh,10px);margin-top:clamp(8px,1.6vh,14px);display:flex}.letter-indicator-group{align-items:center;gap:var(--letter-indicator-gap);flex-shrink:0;display:inline-flex}.letter-indicator-group+.letter-indicator-group{margin-left:clamp(12px,2.5vw,20px)}.letter-indicators .letter-indicator{border-radius:var(--learn-radius-full,9999px);box-sizing:border-box;flex-shrink:0;width:clamp(14px,2.4vw,20px);height:clamp(4px,.7vh,6px);display:inline-block}.letter-indicators.word-letter-indicators .letter-indicator,.word-letter-indicators .letter-indicator{box-sizing:border-box;flex:none;justify-content:center;align-items:center;width:auto;min-width:0;height:auto;max-height:none;display:flex;overflow:visible;background:0 0!important;border:none!important}.word-letter-indicators .letter-indicator.pending,.word-letter-indicators .letter-indicator.correct,.word-letter-indicators .letter-indicator.wrong{background:0 0!important;border:none!important}.word-letter-indicators .letter-indicator:before{content:"";width:min(var(--letter-indicator-size,12px), 72%);height:calc(var(--letter-indicator-size,12px) * .45);border-radius:var(--learn-radius-full,9999px);flex-shrink:0;min-height:3px;margin:0 auto;transition:background-color .15s,border-color .15s;display:block}.sentence-card.active.sentence-dictation-card .word-letter-indicators .letter-indicator:before,.test-container.test-container--dictation .word-letter-indicators .letter-indicator:before{width:min(var(--letter-indicator-size,12px), 72%);height:calc(var(--letter-indicator-size,12px) * .45);min-height:3px}.word-letter-indicators .letter-indicator.pending:before{background:#818cf88c;border:none}.word-letter-indicators .letter-indicator.correct:before{background:var(--ok);border:none}.word-letter-indicators .letter-indicator.wrong:before{background:var(--danger);border:none}.letter-indicator.pending{background:0 0;border:1px solid #818cf880}.letter-indicator.correct{background:var(--ok);border:1px solid var(--ok)}.letter-indicator.wrong{background:var(--danger);border:1px solid var(--danger)}.test-question{margin-bottom:20px;font-size:clamp(18px,4.2vw,28px);font-weight:700}.result-container{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;width:100%;max-width:min(1200px,95vw);min-height:0;max-height:100%;margin:0 auto;padding:clamp(15px,3vw,30px);display:none;overflow:hidden}.result-container.active{display:flex}.result-score-wrap{box-sizing:border-box;flex-wrap:wrap;flex-shrink:0;justify-content:flex-start;align-items:center;gap:clamp(18px,3.5vw,36px);width:100%;max-width:100%;margin:clamp(15px,3vh,25px) auto;padding:0 clamp(8px,2vw,16px) clamp(10px,2vh,16px);display:flex}.result-score-wrap .result-score{flex:auto;justify-content:flex-start;min-width:0;margin:0}.result-score-wrap:not(:has(.result-action-btns)):not(:has(.retest-btn)){justify-content:center}.result-score-wrap:not(:has(.result-action-btns)):not(:has(.retest-btn)) .result-score{flex:0 auto;justify-content:center}.result-action-btns{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-self:center;align-items:center;gap:10px;margin-left:auto;display:flex}.result-score{color:var(--ok);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,20px);margin:clamp(15px,3vh,25px) 0;font-size:clamp(36px,7vw,56px);font-weight:800;display:flex}.result-score.perfect{color:#fbbf24}.result-score .result-score-main{color:var(--ok)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.result-score .result-score-main{background-image:linear-gradient(135deg, var(--ok) 0%, #10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.result-score.perfect .result-score-main{-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text}}.result-score-coins-placeholder,.coin-burst-tag-placeholder{visibility:hidden;pointer-events:none;flex-shrink:0}.result-score-coins-placeholder{width:0;height:0;display:inline-block}.coin-burst-tag-placeholder{width:5.5em;height:2.1em;display:inline-block}.retest-btn{flex-shrink:0;align-self:center;margin-left:0}.wrong-questions{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;background:var(--exercise-panel);border:1px solid var(--exercise-brand-border);border-radius:14px;flex:auto;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2vw,14px);width:100%;max-width:min(1200px,95vw);min-height:0;max-height:none;margin-top:clamp(10px,2vh,20px);padding:clamp(10px,2vw,16px);display:grid;overflow:hidden auto}.wrong-questions--sentence,.wrong-questions--intro{grid-template-columns:1fr}.wrong-question{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:clamp(14px,2.5vh,20px)}.wrong-question.correct-all{text-align:center;color:var(--ok);background:#34d3991a;border:1px solid #34d39933;grid-column:1/-1;padding:clamp(20px,4vh,35px);font-size:clamp(16px,2.5vw,20px)}.wrong-question.correct-all .wrong-question-content{justify-content:center;width:100%}.wrong-question-header{justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1.5vh,14px);display:flex}.wrong-question-content{align-items:center;gap:clamp(8px,1.5vw,12px);display:flex}.word-text,.sentence-text-en{color:var(--text);font-size:clamp(16px,2.5vw,22px);font-weight:700}.word-phonetic{color:var(--text-sub);font-family:Courier New,monospace;font-size:clamp(12px,1.8vw,16px)}.wrong-question-index{color:var(--exercise-badge-text);font-size:clamp(13px,2vw,16px);font-weight:700}.wrong-question-text{color:var(--text);margin-bottom:clamp(8px,1.5vh,12px);font-size:clamp(14px,2.2vw,18px);line-height:1.5}.wrong-question-meaning{background-color:var(--surface-2);border-radius:8px;margin-bottom:clamp(6px,1.5vh,10px);padding:clamp(6px,1.2vh,10px)}.wrong-question-answers{flex-direction:column;gap:clamp(4px,1vh,8px);margin-top:clamp(6px,1.5vh,12px);display:flex}.wrong-question-answer{align-items:center;gap:clamp(6px,1.2vw,10px);font-size:clamp(12px,1.8vw,15px);display:flex}.answer-label{color:var(--text-sub);min-width:clamp(60px,12vw,90px);font-weight:600}.answer-value{color:var(--ok);font-weight:500}.answer-value.user-answer{color:var(--danger);text-decoration:line-through}.coins-earned-wrap,.coins-earned-wrap.is-collapsed{color:#fcd34d;-webkit-text-fill-color:#fcd34d;font-size:clamp(17px,3.4vw,26px);font-weight:700;display:none}.coins-earned-wrap.is-revealed{animation:.6s cubic-bezier(.22,.85,.35,1) goldCoinTextPop;display:inline}.coins-earned-inline{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.coin-burst-tag-btn{color:#78350f;cursor:pointer;background:linear-gradient(135deg,#fde68a,#fbbf24);border:1px solid #d9770673;border-radius:999px;flex-shrink:0;padding:6px 16px;font-size:clamp(14px,2.4vw,17px);font-weight:700;line-height:1.3;transition:transform .15s,box-shadow .15s,opacity .2s;box-shadow:0 2px 8px #fbbf2459}.coin-burst-tag-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2480}.gold-coin-burst-layer{pointer-events:none;z-index:10050;position:fixed;inset:0;overflow:hidden}.gold-coin-particle--css{background:radial-gradient(circle at 30% 26%,#fffef0 0%,#fde047 38%,#f59e0b 72%,#b45309 100%);border:2px solid #92400e73;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #fbbf24bf}@keyframes goldCoinTextPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.test-celebration-banner{box-sizing:border-box;color:#ffe566;text-align:center;text-shadow:0 0 2px #5b3a00,0 1px #5b3a00,0 -1px #5b3a00,1px 0 #5b3a00,-1px 0 #5b3a00,0 2px 10px #0000008c,0 0 24px #00000059;z-index:10120;pointer-events:none;background:#0f172a47;border-radius:14px;width:max-content;max-width:min(92vw,28em);padding:10px 18px;font-size:clamp(18px,4.5vw,32px);font-weight:800;line-height:1.35;animation:3s ease-in-out forwards celebrationFadeInOut;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes celebrationFadeInOut{0%{opacity:0;transform:translate(-50%,calc(-50% - 22px))}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(22px - 50%))}}.result-container.active.shake,body.shake{animation:.5s ease-in-out shake}html.is-celebrating,html.is-celebrating body{overflow-x:hidden!important}.exercise-page:has(.result-container.active) .exercise-progress-bar{display:none!important}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (width<=640px){.wrong-questions{grid-template-columns:1fr}}.skip-flashcard-btn{z-index:5;color:var(--exercise-badge-text);cursor:pointer;background:#6366f133;border:1px solid #818cf866;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;top:12px;right:12px}.flashcard-wrapper{position:relative}.flashcard.active{border:1px solid var(--border,var(--exercise-brand-border));background:var(--surface,var(--exercise-panel));width:100%;max-width:min(720px,95vw);box-shadow:var(--shadow,none);cursor:pointer;text-align:center;border-radius:16px;margin:0 auto;padding:clamp(16px,3vw,28px);transition:box-shadow .3s,transform .15s,border-color .15s}.flashcard.active:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--text) 10%, transparent)}.flashcard.flipping{transform:scale(.98)}.flashcard-inner{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.5vh,14px);width:100%;display:flex}.spelling-row{width:fit-content;max-width:100%;margin-inline:auto;display:block;position:relative}.spelling-row .spelling{text-align:center}.spelling-row .speaker-btn,.word-section .spelling-row .speaker-btn{margin:0 0 0 8px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.spelling-row .speaker-btn:hover,.word-section .spelling-row .speaker-btn:hover{transform:translateY(-50%)scale(1.06)}.spelling-row .speaker-btn:active,.word-section .spelling-row .speaker-btn:active{transform:translateY(-50%)scale(.96)}.hidden-content{display:none}.sentence-section{background:var(--surface-2,color-mix(in srgb, var(--text) 5%, var(--surface)));border:1px solid var(--border,var(--learn-border));box-sizing:border-box;border-radius:12px;width:100%;margin-top:clamp(10px,2vh,15px);padding:clamp(12px,2.5vw,18px) clamp(20px,4vw,36px);position:relative}.example-en{color:var(--text);text-align:left;margin-bottom:clamp(6px,1vh,10px);font-size:clamp(16px,2.8vw,22px);font-style:italic;line-height:1.55}.example-zh{color:var(--text-sub);text-align:left;padding-right:48px;font-size:clamp(14px,2.2vw,19px);line-height:1.55}.play-sentence-btn{position:absolute;top:12px;right:clamp(12px,2.5vw,20px);transform:none}.play-sentence-btn:hover{background:var(--learn-hover,#f3f4f6);transform:scale(1.06)}.play-sentence-btn:active{transform:scale(.96)}.click-hint{color:var(--exercise-badge-text);opacity:.9;margin-top:clamp(10px,2vh,15px);font-size:clamp(12px,1.8vw,14px);font-style:italic}.flashcard-nav{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-content:center;gap:10px;width:min(100%,720px);margin-top:clamp(12px,2vh,20px);display:grid}.flashcard-nav .nav-btn{width:100%;min-width:0;padding:clamp(8px,1.5vh,12px) clamp(10px,2vw,14px);font-size:clamp(13px,2vw,14px)}@media (width<=560px){.flashcard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.exercise-hints{color:var(--text-sub);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.exercise-hints kbd{background:#94a3b826;border-radius:4px;margin-right:4px;padding:2px 6px}.kewen-layout{flex:1;grid-template-columns:minmax(200px,280px) 1fr;gap:14px;min-width:0;min-height:0;display:grid;overflow:hidden}.kewen-panel{background:var(--exercise-panel);border:1px solid #818cf833;border-radius:14px;flex-direction:column;min-width:0;min-height:0;padding:14px;display:flex;overflow:hidden}.panel-title{color:var(--text-muted);margin-bottom:10px;font-size:13px}.zh-list{gap:8px;display:grid;overflow-y:auto}.zh-item{color:var(--text-sub);opacity:.75;border:1px solid #818cf833;border-radius:10px;padding:10px 12px;font-size:14px}.zh-item.active{opacity:1;color:var(--text);background:var(--brand-soft);border-color:#818cf88c}.history-stream{gap:8px;max-height:30vh;margin-bottom:16px;display:grid;overflow-y:auto}.history-entry{background:#6366f10f;border:1px solid #6366f126;border-radius:8px;padding:8px 10px;font-size:14px}.history-entry-zh{color:#93c5fd;margin-bottom:4px;font-size:13px}.sentence-input-area{background:#6366f114;border:1px solid #6366f133;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px 4px;padding:16px;display:flex}.sentence-word-input{color:var(--dict-input-text);caret-color:var(--dict-input-caret);font-size:var(--exercise-text-sentence-input);text-align:center;background:0 0;border:none;border-bottom:2px solid #818cf873;outline:none;padding:4px 2px 8px;font-weight:700}.sentence-word-input.incorrect{border-bottom-color:var(--danger);color:var(--danger-fg)}.sentence-separator{padding-bottom:8px;font-size:clamp(18px,3vw,24px);font-weight:700}.phrase-words>.sentence-separator{font-size:var(--exercise-text-sentence-input);color:var(--dict-input-text);height:var(--exercise-text-sentence-input);flex-shrink:0;align-self:flex-start;align-items:center;margin-top:28px;padding:0;font-weight:700;line-height:1;display:inline-flex}.answer-line-section--dictation{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:100%;display:flex}.segmented-input-area-wrap--dictation{justify-content:center;width:100%;display:flex;position:relative}.sentence-card.active.sentence-dictation-card,.test-container.test-container--dictation{--exercise-text-sentence-input-natural:clamp(32px, min(5.5vw, 6vh), 52px);--exercise-text-dictation-zh-natural:clamp(26px, min(4.5vw, 5vh), 42px);--exercise-text-phrase-label-natural:clamp(15px, min(2.4vw, 2.6vh), 22px);--letter-indicator-size-natural:clamp(10px, 1.4vw, 14px);--exercise-input-underline-gap-natural:clamp(10px, 1.4vh, 16px);--exercise-text-sentence-input:var(--exercise-text-sentence-input-natural);--exercise-text-dictation-zh-base:var(--exercise-text-dictation-zh-natural);--exercise-text-dictation-zh:var(--exercise-text-dictation-zh-base);--exercise-text-phrase-label:var(--exercise-text-phrase-label-natural);--letter-indicator-size:var(--letter-indicator-size-natural);--exercise-input-underline-gap:var(--exercise-input-underline-gap-natural);--exercise-dictation-input-row:calc(var(--exercise-text-sentence-input) * 1.18 + 4px);--exercise-dictation-zh-stack:calc(clamp(20px, 4vw, 28px) * 1.5 + clamp(8px, 1.4vh, 14px));--exercise-dictation-stack:calc(var(--exercise-dictation-input-row) + var(--exercise-input-underline-gap) + 3px);--exercise-dictation-offset:max(12px, calc(var(--exercise-golden-lower-base) - var(--exercise-dictation-zh-stack) - var(--exercise-dictation-stack)))}.sentence-card.active.sentence-dictation-card:not(.sentence-fit-expanded):not(.sentence-dictation-compact):not(.sentence-fit-flex){justify-content:center}.sentence-card.active.sentence-dictation-card{padding:clamp(8px,1.2vh,16px) clamp(16px,3vw,32px) clamp(8px,1.5vh,16px)}.sentence-card.active.sentence-dictation-card:not(.sentence-dictation-compact)>.sentence-inner,.test-container.test-container--dictation:not(.sentence-dictation-compact)>.sentence-fit-content{flex:auto;justify-content:center;min-height:0}.sentence-card.active.sentence-dictation-card>.sentence-inner{flex-direction:column;flex:auto;justify-content:center;gap:clamp(8px,1.4vh,14px);width:100%;min-height:0;padding-top:0;padding-bottom:0;display:flex;overflow-y:visible}.sentence-card.active.sentence-dictation-card .word-input-group,.test-container.test-container--dictation .word-input-group{align-items:flex-start;margin-top:0}.sentence-card.active.sentence-dictation-card .word-input-row,.test-container.test-container--dictation .word-input-row{flex-flow:row;align-items:flex-end;gap:clamp(5px,.32em,12px);max-width:100%;display:inline-flex}.sentence-card.active.sentence-dictation-card .sentence-separator--inline,.test-container.test-container--dictation .sentence-separator--inline{height:var(--exercise-dictation-input-row);line-height:1.15;font-size:var(--exercise-text-sentence-input);color:var(--dict-input-text);white-space:nowrap;flex-shrink:0;align-self:flex-end;align-items:flex-end;margin:0;padding:0 0 6px;font-weight:700;display:inline-flex}.sentence-card.active.sentence-listening-card .letter-indicators.word-letter-indicators{font-size:var(--exercise-text-sentence-input)}.sentence-card.active.sentence-listening-card .word-letter-indicators .letter-indicator:before{width:min(var(--letter-indicator-size,12px), 72%);height:calc(var(--letter-indicator-size,12px) * .45);border-radius:var(--learn-radius-full,9999px);min-height:3px}.sentence-card.active.sentence-dictation-card .sentence-inner>.sentence-zh,.sentence-card.active.sentence-listening-card .sentence-inner>.sentence-zh,.test-container.test-container--dictation .test-question{font-size:var(--exercise-text-dictation-zh);margin-bottom:clamp(10px,1.6vh,18px)}.sentence-card.active.sentence-dictation-card.sentence-dictation-compact,.test-container.test-container--dictation.sentence-dictation-compact,.sentence-card.active.sentence-writing-card.sentence-dictation-compact,.test-container.sentence-writing-card.sentence-dictation-compact{--exercise-dictation-offset:clamp(4px, .8vh, 10px);padding-top:var(--exercise-dictation-offset);justify-content:flex-start}.sentence-card.active.sentence-writing-card.sentence-dictation-compact>.sentence-inner,.test-container.sentence-writing-card.sentence-dictation-compact>.sentence-fit-content{justify-content:flex-start;gap:clamp(4px,.8vh,8px)}.sentence-card.active.sentence-writing-card.sentence-dictation-compact .ref-words{gap:clamp(6px,1vh,10px)}.sentence-card.active.sentence-writing-card.sentence-dictation-compact .phrase-label-inline,.sentence-card.active.sentence-dictation-card.sentence-dictation-compact .phrase-label-inline,.test-container.sentence-writing-card.sentence-dictation-compact .phrase-label-inline,.test-container.test-container--dictation.sentence-dictation-compact .phrase-label-inline{margin-top:clamp(3px,.5vh,6px)}.sentence-card.active.sentence-writing-card.sentence-dictation-compact .sentence-zh,.test-container.sentence-writing-card.sentence-dictation-compact .test-question,.sentence-card.active.sentence-dictation-card.sentence-dictation-compact .sentence-inner>.sentence-zh,.test-container.test-container--dictation.sentence-dictation-compact .test-question{margin-bottom:clamp(4px,.8vh,8px)}.sentence-card.active.sentence-dictation-card.sentence-dictation-compact>.hints-stats-row,.sentence-card.active.sentence-writing-card.sentence-dictation-compact>.hints-stats-row,.test-container.sentence-dictation-compact>.hints-stats-row{padding-top:clamp(6px,1vh,12px)}.sentence-card.active.sentence-dictation-card.sentence-dictation-compact:not(.sentence-fit-flex),.test-container.test-container--dictation.sentence-dictation-compact:not(.sentence-fit-flex){justify-content:flex-start}.sentence-card.active.sentence-dictation-card.sentence-dictation-compact:not(.sentence-fit-flex)>.sentence-inner,.test-container.test-container--dictation.sentence-dictation-compact:not(.sentence-fit-flex)>.sentence-fit-content{flex:auto;justify-content:flex-start;gap:clamp(4px,.8vh,8px);min-height:0}.sentence-card.active.sentence-dictation-card.sentence-dictation-compact.sentence-fit-flex>.sentence-inner,.test-container.test-container--dictation.sentence-dictation-compact.sentence-fit-flex>.sentence-fit-content{justify-content:flex-start}.sentence-card.active.sentence-dictation-card.sentence-dictation-compact .phrase-words,.test-container.test-container--dictation.sentence-dictation-compact .phrase-words{row-gap:clamp(3px,.6vh,6px)}.sentence-card.active.sentence-dictation-card.sentence-dictation-compact .word-input-group,.test-container.test-container--dictation.sentence-dictation-compact .word-input-group{margin-top:0}.sentence-card.active.sentence-dictation-card .phrase-words,.test-container.test-container--dictation .phrase-words{flex-wrap:wrap;justify-content:center;align-items:flex-end;row-gap:clamp(8px,1.2vh,14px)}.sentence-card.active.sentence-dictation-card .phrase-words>.sentence-separator,.test-container.test-container--dictation .phrase-words>.sentence-separator{height:var(--exercise-dictation-input-row);white-space:nowrap;align-self:flex-end;align-items:flex-end;margin:0 0 0 clamp(5px,.32em,12px);padding:0 0 6px;line-height:1.15;display:inline-flex}.sentence-card.active.sentence-dictation-card .input-wrapper,.test-container.test-container--dictation .input-wrapper{height:auto;font-size:var(--exercise-text-sentence-input);flex-direction:column;flex-shrink:0;align-items:stretch;display:inline-flex;overflow:visible}.sentence-card.active.sentence-dictation-card .input-text-row,.test-container.test-container--dictation .input-text-row{width:100%;height:var(--exercise-dictation-input-row);font-size:var(--exercise-text-sentence-input);flex-shrink:0;font-weight:700;line-height:1.15;position:relative;overflow:visible}.sentence-card.active.sentence-dictation-card .input-text-row .sentence-word-input--underline,.sentence-card.active.sentence-dictation-card .input-text-row .input-text,.sentence-card.active.sentence-dictation-card .input-text-row .copy-hint,.test-container.test-container--dictation .input-text-row .sentence-word-input--underline,.test-container.test-container--dictation .input-text-row .input-text,.test-container.test-container--dictation .input-text-row .copy-hint{width:100%;height:100%;line-height:1.15;font-size:inherit;font-weight:inherit;box-sizing:border-box;margin:0;padding:0 0 6px;position:absolute;inset:0;overflow:visible}.sentence-card.active.sentence-dictation-card .input-text-row .input-text,.test-container.test-container--dictation .input-text-row .input-text,.sentence-card.active.sentence-dictation-card .input-text-row .copy-hint,.test-container.test-container--dictation .input-text-row .copy-hint{justify-content:flex-start;align-items:flex-end;display:flex}.sentence-card.active.sentence-dictation-card .input-wrapper .underline,.test-container.test-container--dictation .input-wrapper .underline{width:100%;height:3px;margin-top:var(--exercise-input-underline-gap,8px);flex-shrink:0;position:static}.sentence-card.active.sentence-dictation-card .letter-indicators.word-letter-indicators,.test-container.test-container--dictation .letter-indicators.word-letter-indicators{font-size:var(--exercise-text-sentence-input);margin-top:clamp(6px,1vh,10px)}.test-container.test-container--dictation{flex-direction:column;flex:auto;gap:clamp(8px,1.4vh,14px);min-height:0;padding-top:clamp(8px,1.2vh,16px);padding-bottom:6vh;display:flex;overflow-y:hidden}.test-container.test-container--dictation:not(.sentence-dictation-compact)>.sentence-fit-content{flex:auto;justify-content:center;min-height:0}.sentence-card.active.sentence-dictation-card .sentence-zh,.test-container.test-container--dictation .test-question{flex-shrink:0;margin:0}.sentence-card.active.sentence-dictation-card .answer-line-section--dictation,.test-container.test-container--dictation .answer-line-section--dictation{flex-shrink:0;margin-top:0}.sentence-card.active.sentence-dictation-card>.sentence-inner>.hints-stats-row,.sentence-card.active.sentence-dictation-card>.hints-stats-row,.test-container.test-container--dictation>.hints-stats-row{flex-shrink:0;width:100%;margin-top:auto;padding-top:clamp(10px,2vh,18px)}.sentence-card.active.sentence-writing-card,.test-container.sentence-writing-card{--exercise-text-sentence-input-natural:clamp(30px, min(4.8vw, 5.5vh), 46px);--exercise-text-dictation-zh-natural:clamp(22px, min(3.5vw, 4vh), 32px);--exercise-text-phrase-label-natural:clamp(12px, min(1.6vw, 1.8vh), 15px);--exercise-text-ref-chip-natural:clamp(13px, min(1.9vw, 2.2vh), 17px);--exercise-text-sentence-input:var(--exercise-text-sentence-input-natural);--exercise-text-dictation-zh-base:var(--exercise-text-dictation-zh-natural);--exercise-text-phrase-label:var(--exercise-text-phrase-label-natural);--exercise-text-ref-chip:var(--exercise-text-ref-chip-natural);--exercise-vh-offset:calc(clamp(120px, 18vh, 180px) + var(--exercise-progress-bar-stack))}.sentence-card.active.sentence-writing-card{padding:clamp(8px,1.2vh,16px) clamp(16px,3vw,32px)}.sentence-card.active.sentence-writing-card.sentence-fit-expanded,.sentence-card.active.sentence-writing-card.sentence-dictation-compact{padding:clamp(4px,.8vh,8px) clamp(12px,2vw,24px)}.sentence-card.active.sentence-writing-card>.sentence-inner,.test-container.sentence-writing-card>.sentence-fit-content{flex:auto;gap:clamp(10px,1.8vh,18px);min-height:0}.sentence-card.active.sentence-writing-card.sentence-dictation-compact>.sentence-inner,.test-container.sentence-writing-card.sentence-dictation-compact>.sentence-fit-content{gap:clamp(4px,.8vh,8px)}.sentence-card.active.sentence-writing-card .sentence-zh,.test-container.sentence-writing-card .test-question{font-size:var(--exercise-text-dictation-zh-base);flex-shrink:0;margin:0 0 clamp(2px,.4vh,4px);line-height:1.3}.sentence-card.active.sentence-writing-card .ref-words{gap:clamp(8px,1.2vh,12px);margin-bottom:0}.sentence-card.active.sentence-writing-card.sentence-dictation-compact .ref-words{gap:clamp(4px,.8vh,8px);margin-bottom:clamp(2px,.4vh,4px)}.ref-chip--highlight{color:#d97706;transition:background-color var(--learn-motion-hover,.15s ease), border-color var(--learn-motion-hover,.15s ease), transform var(--learn-motion-hover,.15s ease);background:#f59e0b38;border-color:#d97706;transform:scale(1.03)}.sentence-card.active.sentence-writing-card .ref-chip--highlight{color:#b45309;outline-offset:2px;background:#f59e0b33;border:2px solid #d97706;outline:2px solid #ffffff59;font-weight:800;transform:scale(1.04)}.sentence-card.active.sentence-writing-card .ref-chip{transition:background-color var(--learn-motion-hover,.15s ease), border-color var(--learn-motion-hover,.15s ease), transform var(--learn-motion-hover,.15s ease);padding:clamp(4px,.8vh,8px) clamp(10px,1.5vw,14px)}.sentence-card.active.sentence-writing-card .writing-input-container{gap:clamp(8px,1.2vh,14px) clamp(12px,1.8vw,18px)}.sentence-card.active.sentence-writing-card .phrase-words,.test-container.sentence-writing-card .phrase-words{align-items:flex-end;gap:clamp(6px,.9vw,12px)}.sentence-card.active.sentence-writing-card .writing-separator,.test-container.sentence-writing-card .writing-separator{font-size:var(--exercise-text-sentence-input);padding-bottom:clamp(2px,.35vh,6px)}.sentence-card.active.sentence-writing-card.sentence-dictation-compact .writing-input-container{gap:clamp(4px,.8vh,8px) clamp(8px,1.2vw,14px)}.sentence-card.active.sentence-writing-card .writing-slot-input{font-size:var(--exercise-text-sentence-input);min-width:3.5ch;padding:0 .1em .15em}.sentence-card.active.sentence-writing-card .input-slot-underline{border-radius:var(--learn-radius-full,9999px);height:clamp(4px,.22em,7px);margin-top:clamp(3px,.4vh,5px)}.sentence-card.active.sentence-writing-card .phrase-label-inline{font-size:var(--exercise-text-phrase-label);margin-top:clamp(2px,.35vh,4px)}.sentence-card.active.sentence-writing-card .writing-slot-input.correct,.sentence-card.active.sentence-writing-card .writing-slot-input.incorrect{color:inherit}.writing-input-area-wrap{justify-content:center;width:fit-content;max-width:100%;display:flex;position:relative}.writing-input-row{--learn-speaker-indicators-h:0px;--learn-speaker-label-h:0px;width:fit-content;max-width:min(100% - 72px,1180px);display:inline-block;position:relative}.writing-input-row:has(.phrase-label-inline){--learn-speaker-label-h:calc(clamp(2px, .35vh, 4px) + var(--exercise-text-phrase-label,clamp(13px, min(2vw, 2.2vh), 18px)) * 1.25 + clamp(3px, .5vw, 5px) * 2 + 2px)}.sentence-card.active.sentence-writing-card .writing-input-row .writing-input-container,.test-container.sentence-writing-card .writing-input-row .writing-input-container{width:fit-content;max-width:100%}.sentence-card.active.sentence-writing-card .answer-line-section,.test-container.sentence-writing-card .answer-line-section{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.listening-input-row{--learn-speaker-indicators-h:0px;--learn-speaker-label-h:0px;max-width:min(100% - 72px,1180px);display:inline-block;position:relative}.listening-input-main{width:100%;min-width:0;position:relative}.listening-input-row:has(.word-letter-indicators){--learn-speaker-indicators-h:calc(clamp(6px, 1vh, 10px) + max(3px, var(--letter-indicator-size,12px) * .45))}.listening-input-row:has(.phrase-label){--learn-speaker-label-h:calc(6px + var(--exercise-text-phrase-label,clamp(13px, min(2vw, 2.2vh), 18px)) * 1.25 + clamp(3px, .5vw, 5px) * 2 + 2px)}.listening-line-speaker,.writing-line-speaker{left:calc(100% + clamp(10px,1.5vw,18px));bottom:calc(var(--learn-speaker-indicators-h,0px) + var(--learn-speaker-label-h,0px));z-index:2;position:absolute}@media (width<=1024px){.listening-input-row,.writing-input-row{align-items:flex-end;width:100%;max-width:100%;display:flex}.listening-input-main,.writing-input-area-wrap{-webkit-overflow-scrolling:touch;flex:auto;min-width:0;overflow-x:auto}.listening-line-speaker,.writing-line-speaker{margin-left:8px;margin-bottom:calc(var(--learn-speaker-indicators-h,0px) + var(--learn-speaker-label-h,0px));flex:none;position:static}}.test-container.sentence-writing-card{flex-direction:column;flex:auto;gap:clamp(8px,1.4vh,14px);min-height:0;padding-top:clamp(8px,1.2vh,16px);padding-bottom:clamp(8px,1.5vh,16px);display:flex;overflow-y:hidden}.test-container.sentence-writing-card.sentence-dictation-compact{gap:clamp(4px,.8vh,8px);padding-bottom:clamp(4px,.8vh,10px)}.sentence-card.active.sentence-writing-card>.sentence-inner>.hints-stats-row,.sentence-card.active.sentence-writing-card>.hints-stats-row,.test-container.sentence-writing-card>.hints-stats-row{flex-shrink:0;width:100%;margin-top:auto;padding-top:clamp(6px,1vh,12px)}.sentence-hint-overlay{z-index:9200;box-sizing:border-box;background:var(--learn-overlay,#0006);animation:hintPanelIn var(--learn-motion-panel,.2s ease);justify-content:center;align-items:center;padding:clamp(16px,4vh,40px) clamp(12px,3vw,28px);display:flex;position:fixed;inset:0;overflow:auto}.sentence-hint-panel{box-sizing:border-box;border-radius:var(--learn-radius-xl,16px);background:var(--learn-btn-bg,var(--exercise-float-bg));border:1px solid var(--learn-border,var(--exercise-float-border));width:min(1100px,94vw);max-width:94vw;box-shadow:var(--learn-card-shadow,var(--exercise-float-shadow));text-align:center;pointer-events:auto;flex-direction:column;flex:none;justify-content:center;gap:clamp(8px,1.5vh,14px);margin:auto;padding:clamp(28px,3.5vh,36px) clamp(28px,3.5vw,48px) clamp(22px,3vh,32px);display:flex;position:relative;overflow:visible}.listening-input-main,.writing-input-area-wrap,.segmented-input-area-wrap--dictation{position:relative}@keyframes hintPanelIn{0%{opacity:0}to{opacity:1}}.hint-box{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b59;border-radius:10px;min-height:20px;margin-top:12px;padding:10px 14px;font-size:14px}.challenge-result-view{flex-direction:column;flex:1;gap:12px;display:flex;overflow:hidden}.challenge-result-top{text-align:center;background:linear-gradient(135deg,#4f46e526,#6366f114);border:1px solid #6366f140;border-radius:14px;padding:20px}.challenge-review-list{gap:10px;display:grid;overflow-y:auto}.challenge-review-item{background:var(--exercise-panel);border:1px solid #6366f126;border-radius:10px;padding:12px}.challenge-review-zh{color:#93c5fd;margin-bottom:6px;font-size:14px}.word-bubble-tip{background:var(--exercise-badge-bg);border:1px solid #6366f14d;border-radius:6px;margin:2px;padding:2px 8px;font-size:13px;display:inline-block}.word-bubble-tip.wrong{color:var(--danger);border-color:#f8717166}.success-overlay{z-index:100;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.success-text{color:var(--ok);font-size:28px;font-weight:800}@media (width<=768px){.kewen-layout{grid-template-columns:1fr}}.sentence-wrapper{flex-direction:column;flex:1;justify-content:flex-start;width:100%;min-height:0;display:flex;overflow:hidden}.sentence-wrapper:has(.sentence-test-card){justify-content:flex-start}.sentence-card{text-align:center;--sentence-fit-font-scale:1;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,3vw,32px);display:flex}:is(.sentence-card.active:has(.intro-card-wrap),.sentence-card.active:has(.reorder-area)){justify-content:flex-start;align-items:stretch;padding-top:clamp(12px,3vh,32px);padding-bottom:clamp(12px,3vh,32px)}.sentence-card.active>.intro-card-wrap,.sentence-card.active>.reorder-area{flex-direction:column;flex:auto;justify-content:center;align-self:stretch;align-items:center;width:100%;max-width:none;min-height:0;display:flex}.sentence-card.active:has(.reorder-area).sentence-fit-flex{justify-content:flex-start}.sentence-card.active.sentence-dictation-card>.hints-stats-row,.sentence-card.active>.hints-stats-row{flex-shrink:0;width:100%;margin-top:auto;padding-top:clamp(10px,2vh,18px)}.sentence-inner{justify-content:flex-start;align-items:center;gap:var(--exercise-inner-gap);flex-direction:column;flex:auto;width:100%;max-width:min(900px,95vw);min-height:0;display:flex}:is(.sentence-card.active:has(.sentence-input-area) .sentence-inner,.sentence-card.active:has(.test-options):not(:has(.sentence-test-inner)) .sentence-inner,.dictation-card.active:has(.sentence-input-area) .dictation-inner){padding-top:var(--exercise-golden-sentence-offset);padding-bottom:clamp(12px,2vh,24px)}.sentence-zh{color:var(--meaning-color);font-size:clamp(20px,4vw,28px);font-weight:700;line-height:1.5}.sentence-en{color:var(--text);font-size:clamp(22px,4.5vw,32px);font-weight:700;line-height:1.45}.sentence-en-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,16px);display:flex}.sentence-breakdown{color:var(--text-sub);font-size:clamp(13px,2vw,15px);line-height:1.5}.sentence-breakdown.muted{color:var(--text-muted);font-size:13px}.intro-card-wrap{box-sizing:border-box;width:100%;max-width:var(--exercise-intro-max);border:1px solid var(--exercise-brand-border);background:var(--exercise-panel);border-radius:clamp(14px,2vw,20px);padding:clamp(20px,min(3.5vw,4vh),40px);position:relative}.intro-card-wrap:has(.split-btn){padding-bottom:clamp(68px,9vh,88px)}.intro-card-wrap .sentence-zh{font-size:var(--exercise-text-intro-zh);text-align:center;flex-shrink:0;width:100%;margin-bottom:clamp(12px,2.5vh,28px)}.intro-card-wrap .sentence-display-area{flex-shrink:0;width:100%}.split-btn{z-index:2;box-sizing:border-box;min-width:88px;min-height:var(--learn-btn-h,40px);height:var(--learn-btn-h,40px);padding:0 var(--learn-btn-pad-x,16px);border-radius:var(--learn-btn-radius,12px);background:var(--brand);color:#fff;font-size:var(--learn-btn-font,14px);font-weight:var(--learn-btn-weight,600);cursor:pointer;box-shadow:none;white-space:nowrap;transition:background-color var(--learn-motion-hover,.15s ease);border:1px solid #0000;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;bottom:clamp(14px,2vh,20px);left:50%;transform:translate(-50%)}.split-btn:hover{background:var(--learn-btn-primary-hover,color-mix(in srgb, var(--brand) 88%, #000));color:#fff}.split-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:1px}.word-options-area{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vw,20px);width:100%;display:flex}.word-option{border:1px solid var(--exercise-brand-border);color:var(--text);font-size:var(--exercise-text-reorder-option);cursor:pointer;background:#6366f11f;border-radius:clamp(10px,1.2vw,14px);padding:clamp(12px,2vh,18px) clamp(18px,3vw,28px);font-weight:600;transition:background .15s,opacity .15s,box-shadow .15s}.word-option:hover{background:#6366f147;box-shadow:0 2px 8px #6366f133}.word-option.selected{opacity:.35;pointer-events:none}.answer-line-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,2vw,20px);width:100%;display:flex}.answer-line-container{box-sizing:border-box;background:#6366f114;border:1px solid #6366f133;border-radius:clamp(12px,1.5vw,18px);flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:clamp(8px,1.5vw,16px);max-width:100%;min-height:clamp(64px,10vh,120px);padding:clamp(16px,3vh,32px) clamp(20px,4vw,40px);display:flex}.built-sentence{color:var(--exercise-badge-text);font-size:clamp(18px,3.5vw,24px);font-weight:700;line-height:1.45}.test-type-label{color:var(--text-muted);letter-spacing:.08em;font-size:13px}.test-options{gap:10px;width:100%;max-width:640px;display:grid}.test-option{text-align:left;border:1px solid var(--exercise-brand-border);background:var(--exercise-panel);color:var(--text);cursor:pointer;font-size:var(--exercise-text-test-option,clamp(15px, 2.5vw, 17px));border-radius:12px;padding:14px 16px;line-height:1.45;transition:border-color .15s,background .15s}.test-option:hover:not(:disabled){background:#6366f11f;border-color:#818cf899}.test-option.correct{border-color:var(--ok);background:#34d3991f}.test-option.incorrect{border-color:var(--danger);background:#f871711a}.test-option:disabled{cursor:default}.sentence-textarea{width:100%;max-width:min(720px,95vw);min-height:80px;color:var(--dict-input-text);text-align:center;resize:vertical;caret-color:var(--dict-input-caret);letter-spacing:.03em;background:0 0;border:none;border-bottom:2px solid #94a3b88c;border-radius:0;outline:none;padding:12px 14px;font-size:clamp(18px,3vw,24px);font-weight:600}.sentence-textarea:focus{border-bottom-color:#818cf8}.sentence-textarea.correct{border-bottom-color:var(--ok)}.sentence-textarea.wrong{border-bottom-color:var(--danger)}.phrase-hints{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.phrase-hints li{color:var(--text-sub);background:#6366f11f;border:1px solid #6366f140;border-radius:999px;padding:4px 12px;font-size:13px}.ref-words{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ref-chip{font-size:var(--exercise-text-ref-chip,clamp(13px, min(2vw, 2.2vh), 16px));background:var(--exercise-badge-bg);color:var(--exercise-badge-text);border:1px solid #6366f14d;border-radius:999px;padding:6px 12px}.sentence-word-input.incorrect,.sentence-word-input.correct{transition:border-color .2s,color .2s}.sentence-input-area.correct .sentence-word-input{border-bottom-color:var(--ok);color:var(--ok)}.sentence-input-area.wrong .sentence-word-input{border-bottom-color:var(--danger);color:var(--danger-fg)}.sentence-word-input.correct{border-bottom-color:var(--ok);color:var(--ok)}.result-home{margin-top:16px}.exercise-done-msg{color:var(--text-sub);font-size:clamp(16px,3vw,20px);line-height:1.5}.kewen-layout .kewen-panel:last-child{flex-direction:column;gap:10px;min-height:0;display:flex}.en-scroll{flex:1;min-width:0;min-height:0;padding:4px 6px;overflow:hidden auto}.segmented-input-area-wrap{width:100%;min-width:0}.kewen-float-bubble{max-width:var(--exercise-max-width,min(1200px, 95vw));box-sizing:border-box;text-align:center;width:max-content;bottom:auto}.kewen-float-bubble .float-answer-en{word-break:normal;overflow-wrap:normal}.kewen-float-bubble .float-answer-zh{overflow-wrap:break-word;word-break:normal}.kewen-input-anchor{width:100%;max-width:100%}.en-scroll .sentence-input-area{box-shadow:none;box-sizing:border-box;background:0 0;border:none;max-width:100%;padding:10px 12px}.en-scroll .sentence-word-input{box-sizing:border-box;max-width:100%}.challenge-review-scroll{flex:1;min-height:0;overflow-y:auto}.hints-stats-row{--learn-meta-size:13px;--learn-meta-label:var(--learn-muted,var(--text-muted));--learn-meta-value:var(--learn-fg,var(--text-sub));--learn-meta-weight-label:500;--learn-meta-weight-value:600;width:100%;font-size:var(--learn-meta-size);color:var(--learn-meta-label);flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:8px;line-height:1.3;display:flex}.hints-stats-row__hints{justify-content:flex-end;align-items:center;min-width:0;display:flex}.hints-stats-divider{opacity:1;-webkit-user-select:none;user-select:none;background:#6b7280;border:none;border-radius:1px;flex-shrink:0;align-self:center;width:2px;height:16px;margin:0 6px;padding:0;display:inline-block}html[data-theme="0"] .hints-stats-divider{background:#d4d4d8}.progress-hints{font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight-label);color:var(--learn-meta-label);flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px 14px;display:flex}.hint-item{font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight-label);color:var(--learn-meta-label);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hint-key{border-radius:var(--learn-radius-md,8px);border:1px solid var(--learn-border,transparent);background:var(--learn-surface,#94a3b826);min-height:24px;color:var(--learn-meta-value);font-family:inherit;font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight-value);justify-content:center;align-items:center;padding:2px 7px;line-height:1;display:inline-flex}.learning-stats{min-width:0;font-size:var(--learn-meta-size);color:var(--learn-meta-label);flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px 14px;display:flex}.learning-stats-item{white-space:nowrap;min-width:0;font-size:var(--learn-meta-size);flex-direction:row;align-items:center;gap:4px;display:inline-flex}.learning-stats-label{font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight-label);color:var(--learn-meta-label)}.learning-stats-value{font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight-value);color:var(--learn-meta-value);font-variant-numeric:tabular-nums}.words-container{flex-wrap:wrap;justify-content:center;gap:8px 12px;width:100%;display:flex}.phrase-group{flex-direction:column;align-items:center;gap:6px;display:inline-flex}.phrase-words{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 10px;display:flex}.word-input-group{flex-direction:column;align-items:center;margin-top:28px;display:inline-flex;position:relative}.word-phonetic{color:var(--text-sub);white-space:nowrap;opacity:0;pointer-events:none;font-size:12px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.word-phonetic.show{opacity:1}.input-wrapper{height:var(--exercise-input-line-height,44px);white-space:nowrap;box-sizing:border-box;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.input-wrapper .underline{background:var(--text-muted);border-radius:var(--learn-radius-full,9999px);width:100%;height:3px;position:absolute;bottom:0;left:0}.sentence-word-input--underline{color:#0000;width:100%;height:100%;font-size:var(--exercise-text-sentence-input);text-align:left;caret-color:var(--dict-input-caret);z-index:10;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;outline:none;margin:0;padding:0 0 6px;font-weight:700;line-height:1;position:absolute;top:0;left:0;overflow:hidden}.input-text{width:100%;height:100%;font-size:var(--exercise-text-sentence-input);color:var(--dict-input-text);pointer-events:none;z-index:5;white-space:nowrap;box-sizing:border-box;justify-content:flex-start;align-items:flex-end;padding-bottom:6px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;left:0}.input-text.correct{color:var(--ok)}.input-text.incorrect{color:var(--danger-fg)}:is(.sentence-word-input--underline.correct,.input-wrapper:has(.sentence-word-input--underline.correct) .underline){color:var(--ok)}:is(.sentence-word-input--underline.incorrect,.input-wrapper:has(.sentence-word-input--underline.incorrect) .underline){color:var(--danger-fg)}.letter-indicators.word-letter-indicators{width:100%;min-height:calc(var(--letter-indicator-size,12px) * .5 + 2px);box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0;margin-top:4px;display:flex;overflow:visible}.letter-indicators.word-letter-indicators .letter-indicator-group{display:contents}.letter-indicators.word-letter-indicators .letter-indicator-group+.letter-indicator-group{margin-left:0}.phrase-label{margin-top:6px;margin-bottom:0}#gold-coin-burst-layer{pointer-events:none}@media (width>=768px){.hints-stats-row{align-items:center}}@media (width>=1366px){:is(.exercise-page:has(.application-sentence),.word-application-page){--exercise-text-intro-en-natural:clamp(48px, min(5.5vw, 9vh), 96px);--exercise-text-intro-zh-natural:clamp(38px, min(4.5vw, 7.5vh), 78px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural)}.exercise-page:has(.reorder-area){--exercise-text-intro-zh-natural:clamp(32px, min(4vw, 5.2vh), 56px);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural);--exercise-text-reorder-slot:clamp(44px, min(5.2vw, 6.5vh), 76px);--exercise-text-reorder-option:clamp(22px, min(3vw, 3.4vh), 34px);--exercise-text-phrase-label:clamp(15px, min(2vw, 2.4vh), 22px);--exercise-reorder-gap:clamp(16px, 2.5vh, 28px)}.exercise-page{--exercise-max-width:min(1400px, 93vw);--exercise-intro-max:var(--exercise-max-width);--exercise-text-intro-en-natural:clamp(44px, min(5.2vw, 6.5vh), 76px);--exercise-text-intro-zh-natural:clamp(32px, min(4vw, 5.2vh), 56px);--exercise-text-intro-phonetic-natural:clamp(17px, min(2.4vw, 2.8vh), 26px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural);--exercise-text-intro-phonetic:var(--exercise-text-intro-phonetic-natural);--exercise-text-reorder-slot:clamp(44px, min(5.2vw, 6.5vh), 76px);--exercise-text-reorder-option:clamp(22px, min(3vw, 3.4vh), 34px);--exercise-text-primary:clamp(40px, 3.6vw, 52px);--exercise-text-meaning:clamp(36px, 3.2vw, 46px);--exercise-text-spelling:clamp(46px, 4.6vw, 64px);--exercise-text-sentence-input:clamp(26px, 3vw, 36px);--exercise-input-max:min(960px, calc(100vw - 140px));--exercise-inner-gap:clamp(20px, 3.2vh, 36px);--letter-indicator-size:clamp(12px, 1.8vw, 18px)}.dictation-card,.sentence-card,.test-container{padding:clamp(24px,3vw,40px)}}@media (width>=1920px){:is(.exercise-page:has(.application-sentence),.word-application-page){--exercise-text-intro-en-natural:clamp(56px, 8vh, 108px);--exercise-text-intro-zh-natural:clamp(44px, 6.5vh, 88px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural)}.exercise-page:has(.reorder-area){--exercise-text-intro-zh-natural:clamp(36px, 4.8vh, 58px);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural);--exercise-text-reorder-slot:clamp(48px, 6vh, 80px);--exercise-text-reorder-option:clamp(24px, 3.4vh, 36px);--exercise-text-phrase-label:clamp(16px, 2.2vh, 24px);--exercise-reorder-gap:clamp(18px, 2.8vh, 32px)}.exercise-page{--exercise-max-width:min(1800px, 90vw);--exercise-intro-max:var(--exercise-max-width);--exercise-vh-offset:calc(clamp(150px, 16vh, 190px) + var(--exercise-progress-bar-stack));--exercise-golden-base:calc(var(--exercise-content-zone) * .382);--exercise-golden-word-offset:max(22vh, calc(var(--exercise-golden-base) - .5vh));--exercise-golden-sentence-offset:max(20vh, calc(var(--exercise-golden-base) - 7vh));--exercise-text-intro-en-natural:clamp(48px, 6vh, 80px);--exercise-text-intro-zh-natural:clamp(36px, 4.8vh, 58px);--exercise-text-intro-phonetic-natural:clamp(18px, 3vh, 28px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural);--exercise-text-intro-phonetic:var(--exercise-text-intro-phonetic-natural);--exercise-text-reorder-slot:clamp(48px, 6vh, 80px);--exercise-text-reorder-option:clamp(24px, 3.4vh, 36px);--exercise-reorder-gap:clamp(20px, 3vh, 36px);--exercise-text-primary:clamp(48px, 5vh, 68px);--exercise-text-meaning:clamp(42px, 4.2vh, 58px);--exercise-text-sentence-input:clamp(28px, 3.2vh, 40px);--exercise-input-max:min(1200px, calc(100vw - 180px));--exercise-inner-gap:clamp(28px, 4.5vh, 56px);--letter-indicator-size:clamp(12px, 1.6vw, 20px)}}.sentence-display-area{width:100%;position:relative}.sentence-row-wrapper{width:100%;display:block}.phrase-groups-container{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(16px,3vw,32px);width:100%;padding-right:clamp(48px,6vw,72px);display:flex}.card-phrase-group{flex-direction:column;align-items:center;gap:4px;display:flex}.card-phrase-words{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 10px;display:flex}.card-word-unit{flex-direction:column;align-items:center;gap:clamp(4px,.6vh,8px);display:inline-flex;position:relative}.card-word-unit--hoverable{z-index:1}.card-word-unit--hoverable:hover{z-index:6}.card-word-unit--hoverable:has(.card-word-meaning-bubble){z-index:6}.card-word-meaning-bubble{z-index:8;border:1px solid var(--learn-border,var(--border,#6366f147));border-radius:var(--learn-radius-md,12px);background:var(--learn-btn-bg,var(--surface-raised,var(--surface,#fff)));width:max-content;min-width:160px;max-width:min(320px,70vw);color:var(--learn-fg,var(--text,#0f172a));text-align:left;white-space:normal;word-break:break-word;box-shadow:var(--learn-card-shadow,0 12px 28px #0f172a33);pointer-events:auto;gap:4px;padding:10px 12px;line-height:1.45;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.card-word-meaning-bubble:after{content:"";height:12px;position:absolute;top:100%;left:-8px;right:-8px}.card-word-meaning-bubble__word{color:var(--brand);letter-spacing:.02em;font-size:13px;font-weight:800;display:block}.card-word-meaning-bubble__meaning{color:var(--learn-muted,var(--text-sub,#64748b));font-size:13px;font-weight:600;display:block}.card-word-phonetic{font-size:var(--exercise-text-intro-phonetic);color:var(--text-sub);text-align:center;white-space:nowrap;font-style:italic;line-height:1.2}.card-word,.card-punctuation{font-size:var(--exercise-text-intro-en);color:var(--text);font-weight:700}.card-word--clickable{cursor:pointer;border-radius:4px;transition:color .15s,background-color .15s}.card-word--clickable:hover{color:var(--accent,var(--brand));background-color:#4162ff1f}.card-phrase-line{border-radius:var(--learn-radius-full,9999px);width:100%;height:3px;margin-top:4px}.card-phrase-line[data-index="0"]{background:var(--brand)}.card-phrase-line[data-index="1"]{background:#8e48ff}.card-phrase-line[data-index="2"]{background:#0891b2}.card-phrase-line[data-index="3"]{background:#059669}.card-phrase-line[data-index="4"]{background:#db2777}.card-structure-tag,.phrase-label-inline,.phrase-label{font-size:var(--exercise-text-phrase-label,clamp(13px, min(2vw, 2.2vh), 18px));border-radius:var(--learn-radius-md,8px);white-space:nowrap;border:1px solid #0000;padding:clamp(3px,.5vw,5px) clamp(8px,1.2vw,12px);font-weight:600;line-height:1.25}.card-structure-tag{margin-top:2px}.card-structure-tag[data-index="0"],.phrase-label-inline[data-phrase-index="0"],.phrase-label[data-phrase-index="0"]{background:color-mix(in srgb, var(--brand) 16%, transparent);border-color:color-mix(in srgb, var(--brand) 28%, transparent);color:var(--brand)}.card-structure-tag[data-index="1"],.phrase-label-inline[data-phrase-index="1"],.phrase-label[data-phrase-index="1"]{color:#8e48ff;background:#8e48ff29;border-color:#8e48ff47}.card-structure-tag[data-index="2"],.phrase-label-inline[data-phrase-index="2"],.phrase-label[data-phrase-index="2"]{color:#0891b2;background:#40c4ff29;border-color:#40c4ff47}.card-structure-tag[data-index="3"],.phrase-label-inline[data-phrase-index="3"],.phrase-label[data-phrase-index="3"]{color:#059669;background:#10b98129;border-color:#10b98147}.card-structure-tag[data-index="4"],.phrase-label-inline[data-phrase-index="4"],.phrase-label[data-phrase-index="4"]{color:#db2777;background:#ff408129;border-color:#ff408147}html[data-theme="0"] .card-structure-tag[data-index="2"],html[data-theme="0"] .phrase-label-inline[data-phrase-index="2"],html[data-theme="0"] .phrase-label[data-phrase-index="2"]{color:#67e8f9}html[data-theme="0"] .card-structure-tag[data-index="3"],html[data-theme="0"] .phrase-label-inline[data-phrase-index="3"],html[data-theme="0"] .phrase-label[data-phrase-index="3"]{color:#6ee7b7}.card-speaker-btn{z-index:2;position:absolute;top:50%;right:0;transform:translateY(-50%)}.card-speaker-btn:hover{background:var(--learn-hover,#f3f4f6);transform:translateY(-50%)scale(1.06)}.card-speaker-btn:active{transform:translateY(-50%)scale(.96)}.reorder-area{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--exercise-reorder-gap);border:1px solid var(--exercise-brand-border);background:var(--exercise-panel);border-radius:clamp(14px,2vw,20px);flex-direction:column;flex:auto;width:100%;max-width:100%;min-height:0;padding:clamp(20px,min(3.5vw,4vh),40px) clamp(20px,min(3.5vw,4vh),40px) clamp(68px,9vh,88px);display:flex;position:relative;overflow:hidden auto}.sentence-card.active.sentence-fit-flex>.reorder-area{justify-content:flex-start}.reorder-area.is-practice-complete{justify-content:center;gap:var(--exercise-reorder-gap)}.reorder-area.is-practice-complete .practice-completion-panel{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.reorder-area.is-practice-complete .intro-card-wrap{background:0 0;border:none;border-radius:0;flex:0 auto;width:100%;max-width:none;padding:0}.reorder-area.is-practice-complete .intro-card-wrap .sentence-zh{font-size:var(--exercise-text-intro-zh);margin-bottom:clamp(12px,2.5vh,28px)}.reorder-area.is-practice-complete .card-word,.reorder-area.is-practice-complete .card-punctuation{font-size:var(--exercise-text-intro-en)}.reorder-area.is-practice-complete .card-word-phonetic{font-size:var(--exercise-text-intro-phonetic)}.reorder-area .sentence-zh.meaning-hint,.reorder-area .reorder-meaning-hint{font-size:var(--exercise-text-intro-zh);flex:none;line-height:1.4}.reorder-area .answer-line-container .reorder-meaning-hint{text-align:center;width:100%;margin:0;padding-bottom:clamp(4px,.8vh,8px)}.reorder-area .answer-line-section,.reorder-area .practice-action-area{width:100%}.reorder-area .answer-line-section{flex:none;max-width:100%;display:block;overflow:visible}.reorder-area .answer-line-container{background:0 0;border:none;border-radius:0;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:clamp(14px,2.2vh,24px);width:100%;max-width:100%;min-height:clamp(120px,18vh,200px);padding:0;display:flex;overflow:visible}.reorder-area .answer-line-input-row{box-sizing:border-box;flex-wrap:wrap;flex:none;justify-content:center;align-items:flex-end;gap:clamp(10px,1.5vw,18px);width:100%;min-height:clamp(52px,8vh,80px);padding-right:clamp(44px,5vw,56px);display:flex;position:relative}.reorder-area .answer-line-slots{flex-wrap:wrap;flex:0 auto;justify-content:center;align-items:flex-end;gap:clamp(8px,1.5vw,16px);width:100%;min-width:0;display:flex}.reorder-area .reorder-speaker-wrap{z-index:2;isolation:isolate;contain:layout paint;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.reorder-area .answer-line-container .word-options-area{border-top:1px solid #6366f12e;flex-wrap:wrap;flex:none;justify-content:center;gap:clamp(12px,2vw,20px);width:100%;padding-top:clamp(8px,1.2vh,14px);display:flex;overflow:visible}.sentence-card.active.reorder-compact:has(.reorder-area){--exercise-reorder-gap:clamp(6px, 1vh, 12px)}.reorder-compact .answer-line-container{gap:clamp(6px,1vh,10px);min-height:0;padding:0}.reorder-compact .answer-line-input-row{gap:clamp(6px,1vw,12px)}.reorder-compact .answer-line-slots{gap:clamp(4px,.8vw,10px)}.reorder-compact .reorder-meaning-hint{padding-bottom:clamp(2px,.4vh,4px);line-height:1.3}.reorder-compact .word-slot-text{min-height:clamp(28px,4vh,44px)}.reorder-compact .word-slot-underline{margin-top:clamp(2px,.4vh,4px)}.reorder-compact .phrase-label-inline{margin-top:clamp(3px,.5vh,6px)}.reorder-compact .answer-line-container .word-options-area{padding-top:clamp(2px,.5vh,6px)}.reorder-compact .word-options-area{gap:clamp(6px,1.2vw,10px)}.reorder-compact .word-option{padding:clamp(6px,1vh,10px) clamp(10px,1.8vw,16px)}.reorder-phrase-group{flex-direction:column;align-items:center;display:inline-flex}.phrase-label-inline{margin-top:clamp(6px,1vh,10px)}.word-slot{--slot-width:max(calc(var(--slot-ch,4) * 1.2ch), 3.5ch);box-sizing:border-box;width:var(--slot-width);min-width:var(--slot-width);font-size:var(--exercise-text-reorder-slot,clamp(32px, 5vw, 56px));cursor:default;flex-direction:column;flex:none;align-items:center;display:inline-flex}.word-slot-text{box-sizing:border-box;width:100%;min-width:var(--slot-width);font-size:inherit;color:var(--text);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;min-height:1.2em;font-weight:700;line-height:1.2;display:flex;overflow:hidden}.word-slot-text.filled-editable{cursor:pointer}.word-slot-underline{box-sizing:border-box;width:100%;min-width:var(--slot-width);background-color:var(--text-muted,#6b7280);border-radius:var(--learn-radius-full,9999px);flex:none;height:4px;min-height:4px;margin-top:6px}.word-slot[data-phrase-index="0"] .word-slot-underline{background-color:var(--brand)}.word-slot[data-phrase-index="1"] .word-slot-underline{background-color:#8e48ff}.word-slot[data-phrase-index="2"] .word-slot-underline{background-color:#0891b2}.word-slot[data-phrase-index="3"] .word-slot-underline{background-color:#059669}.word-slot[data-phrase-index="4"] .word-slot-underline{background-color:#db2777}.word-slot-text.slot-correct{color:var(--ok)}.word-slot.slot-correct .word-slot-underline{background-color:var(--ok)}.word-slot-text.slot-incorrect{color:var(--danger-fg)}.word-slot.slot-incorrect .word-slot-underline{background-color:var(--danger)}.punctuation-mark{font-size:var(--exercise-text-reorder-slot);color:var(--text);align-self:flex-end;margin-bottom:clamp(6px,1vh,12px);font-weight:700;line-height:1.2}.error-section{flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.error-section.shake{animation:.32s reorder-shake}@keyframes reorder-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.correct-answer{color:var(--ok);background:var(--brand-soft);border:1px solid var(--exercise-brand-border);border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600}.reorder-area:not(.is-practice-complete) .answer-line-section{visibility:visible!important;display:block!important}.reorder-area:not(.is-practice-complete) .answer-line-slots,.reorder-area:not(.is-practice-complete) .word-slot,.reorder-area:not(.is-practice-complete) .word-slot-underline,.reorder-area:not(.is-practice-complete) .word-options-area{visibility:visible!important}.is-practice-complete .answer-line-section .word-options-area,.is-practice-complete .answer-line-section,.is-practice-complete .error-section{display:none!important}.practice-completion-panel{flex-direction:column;flex-shrink:0;align-items:center;width:100%;display:flex}.sentence-full-info{text-align:center;width:100%;max-width:var(--exercise-intro-max);flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,14px);padding:clamp(20px,4vw,36px);display:flex}.sentence-info-zh{font-size:var(--exercise-text-intro-zh);color:var(--meaning-color);font-weight:700}.sentence-info-en{font-size:var(--exercise-text-intro-en);color:var(--text);font-weight:700}.sentence-info-phonetic{font-size:var(--exercise-text-intro-phonetic);color:var(--text-sub);font-style:italic}.sentence-info-phrase{color:var(--brand);font-size:clamp(12px,min(1.8vw,2vh),16px)}.practice-action-area{z-index:2;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:44px;padding:0;display:flex;position:absolute;bottom:clamp(14px,2vh,20px);left:0;right:0}.practice-action-area .practice-action-btn{pointer-events:auto}.practice-action-btn{min-height:var(--learn-btn-h,40px);border-radius:var(--learn-btn-radius,12px);font-size:clamp(14px,min(2vw,2.2vh),16px);font-weight:var(--learn-btn-weight,600);cursor:pointer;box-shadow:none;transition:background-color var(--learn-motion-hover,.15s ease), opacity var(--learn-motion-hover,.15s ease);border:1px solid #0000;padding:0 clamp(28px,5vw,48px);display:none}.practice-action-btn.show{justify-content:center;align-items:center;display:inline-flex}.writing-input-container{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vh,20px) clamp(16px,2.5vw,24px);width:100%;display:flex}.writing-phrase-group{align-items:center}.writing-input-slot{flex-direction:column;align-items:center;display:inline-flex}.writing-word-row{align-items:flex-end;gap:1px;display:inline-flex}.writing-separator.sentence-separator--inline,.writing-separator.sentence-separator{line-height:1.15;font-size:var(--exercise-text-sentence-input);color:var(--dict-input-text);white-space:nowrap;flex-shrink:0;align-self:flex-end;align-items:flex-end;height:auto;margin:0;padding:0 0 .15em;font-weight:700;display:inline-flex}.input-slot-wrapper{flex-direction:column;align-items:center;display:inline-flex;position:relative}.writing-slot-input{text-align:center;font-size:var(--exercise-text-sentence-input);field-sizing:content;background:0 0;border:none;width:auto;min-width:3ch;padding:0 .15em .2em;font-weight:700}.input-slot-underline{border-radius:var(--learn-radius-full,9999px);width:100%;height:3px;margin-top:2px}.app-shell--immersive .exercise-page>.exercise-progress-wrap,.app-shell--immersive .exercise-page>.exercise-progress-bar{box-sizing:border-box;flex-shrink:0;width:100%;max-width:none;margin:auto 0 0}.app-shell--immersive .exercise-page .exercise-progress-wrap{flex-direction:column;gap:4px;display:flex}.app-shell--immersive .exercise-page .exercise-progress-wrap>.exercise-progress-bar{width:100%;max-width:none;margin:0}.exercise-progress-bar{flex-shrink:0;width:100%;max-width:none;margin:8px 0 0}.exercise-progress-track{background:var(--learn-surface,#94a3b833);border-radius:0;width:100%;min-width:0;height:6px;overflow:hidden}.exercise-progress-fill{background:var(--learn-progress,linear-gradient(90deg, #6366f1, #a855f7, #ec4899));border-radius:0;height:100%;transition:width .3s}.exercise-test-qnav{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;max-width:min(720px,96vw);margin:clamp(12px,2.5vh,20px) auto 4px;display:flex}.exercise-test-qnav__list{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.2vw,10px);display:flex}.exercise-test-qnav__btn{box-sizing:border-box;border:2px solid var(--exercise-test-q-pending-border,var(--exercise-input-border));width:clamp(30px,4.2vw,36px);height:clamp(30px,4.2vw,36px);color:var(--text);cursor:default;background:0 0;border-radius:50%;padding:0;font-size:clamp(13px,1.6vw,15px);font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,color .15s,transform .12s}.exercise-test-qnav__btn.is-completed{background:var(--exercise-test-q-done-bg,var(--ok,#4ade80));border-color:var(--exercise-test-q-done-bg,var(--ok,#4ade80));color:var(--exercise-test-q-done-fg,#fff);cursor:pointer}.exercise-test-qnav__btn.is-completed:hover{filter:brightness(1.06);transform:scale(1.05)}.exercise-test-qnav__btn.is-completed:active{transform:scale(.97)}.exercise-test-qnav__btn.is-current{border-color:var(--exercise-test-q-current-border,var(--ok,#4ade80));color:var(--text);cursor:default;box-shadow:0 0 0 1px color-mix(in srgb, var(--exercise-test-q-current-border,var(--ok,#4ade80)) 35%, transparent);background:0 0}.exercise-test-qnav__btn.is-pending{opacity:.92}.exercise-test-qnav__btn:disabled{cursor:default}.exercise-test-qnav__hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px;line-height:1.3}.copy-hint{font-size:var(--exercise-text-sentence-input);color:#94a3b873;pointer-events:none;z-index:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.copy-hint.show{opacity:1}.input-wrapper:has(.copy-hint.show) .sentence-word-input--underline{color:#0000;background:0 0}.input-wrapper:has(.copy-hint.show) .input-text{color:var(--dict-input-text)}.word-hint-bubble-wrap{z-index:25;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%)}.word-hint-bubble-wrap.show{opacity:1;visibility:visible}.word-hint-bubble{background:var(--learn-btn-bg,var(--exercise-float-bg));border:1px solid var(--learn-border,var(--exercise-float-border));border-radius:var(--learn-radius-lg,12px);box-shadow:var(--learn-card-shadow,var(--exercise-float-shadow));padding:5px 12px;position:relative}.word-hint-bubble:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--learn-btn-bg,var(--exercise-float-bg));position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.word-hint-bubble-text{color:var(--ok);white-space:nowrap;font-size:clamp(13px,2.4vw,17px);font-weight:700;line-height:1.2;display:block}.sentence-hint-panel-close{border-radius:var(--learn-radius-md,8px);width:32px;height:32px;color:var(--learn-muted,var(--text-sub));cursor:pointer;transition:background-color var(--learn-motion-hover,.15s ease);background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:6px;right:8px}.sentence-hint-panel-close:hover{background:var(--learn-hover,var(--learn-surface))}.sentence-hint-panel-phonetic{color:var(--learn-muted,var(--text-sub));white-space:normal;overflow-wrap:anywhere;word-break:break-word;flex-shrink:0;max-width:100%;margin-bottom:8px;font-size:clamp(12px,1.8vw,15px);font-style:italic;line-height:1.35}.sentence-hint-panel-sentence{color:var(--learn-answer-focus,var(--exercise-float-en));border-radius:var(--learn-radius-md,8px);background:var(--learn-surface,var(--brand-soft));border:1px solid var(--learn-border,var(--exercise-brand-border));white-space:normal;word-break:normal;overflow-wrap:break-word;flex-shrink:0;max-width:100%;margin-bottom:8px;padding:10px 12px;font-size:clamp(16px,3vw,24px);font-weight:700;line-height:1.4}.sentence-hint-panel-sentence--boxed{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 6px;line-height:1.35;display:flex}.sentence-hint-word{border-radius:var(--learn-radius-md,8px);color:var(--learn-fg,var(--exercise-float-en));white-space:nowrap;background:#f59e0b24;border:2px solid #d97706;padding:.18em .5em;font-weight:800;display:inline-block}.sentence-hint-punct{color:var(--learn-fg,var(--exercise-float-en));margin-left:-2px;font-weight:700;display:inline-block}.sentence-hint-panel-structure{color:var(--learn-muted,var(--brand));white-space:normal;overflow-wrap:break-word;flex-shrink:0;max-width:100%;margin-bottom:6px;font-size:14px}.sentence-hint-panel-meaning{color:var(--learn-muted,var(--text-sub));white-space:normal;overflow-wrap:break-word;flex-shrink:0;max-width:100%;font-size:15px}.sentence-error-modal{z-index:10000;background:var(--learn-overlay,#00000073);animation:learnModalIn var(--learn-motion-panel,.2s ease);justify-content:center;align-items:center;padding:20px clamp(12px,2vw,40px);display:flex;position:fixed;inset:0}@keyframes learnModalIn{0%{opacity:0}to{opacity:1}}.error-modal-content{border-radius:var(--learn-radius-xl,16px);background:var(--learn-btn-bg,var(--exercise-panel));border:1px solid var(--learn-border,var(--exercise-brand-border));width:min(560px,95vw);max-height:80vh;box-shadow:var(--learn-card-shadow,var(--shadow));text-align:center;padding:28px 24px;position:relative;overflow:auto}.sentence-error-modal .error-modal-content.reorder-punish-content{box-sizing:border-box;width:max-content;min-width:min(560px,100vw - 40px);max-width:min(1800px,100vw - 40px);padding:28px clamp(24px,3vw,40px)}.error-modal-close{border-radius:var(--learn-radius-md,8px);width:32px;height:32px;color:var(--learn-muted,var(--text-sub));cursor:pointer;transition:background-color var(--learn-motion-hover,.15s ease);background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:8px;right:10px}.error-modal-close:hover{background:var(--learn-hover,var(--learn-surface))}.error-modal-phonetic{color:var(--learn-muted,var(--text-sub));margin-bottom:12px;font-size:15px;font-style:italic}.error-modal-sentence{color:var(--learn-answer-focus,var(--exercise-float-en));margin-bottom:12px;font-size:clamp(20px,4vw,28px);font-weight:700;line-height:1.4}.error-modal-structure{color:var(--learn-muted,var(--brand));margin-bottom:10px;font-size:14px}.error-modal-meaning{color:var(--learn-muted,var(--text-sub));font-size:16px}.sentence-card.active>.sentence-inner{width:100%;min-height:0;max-width:var(--exercise-intro-max);flex:auto}.sentence-card.active:has(>.sentence-inner):not(:has(.intro-card-wrap)):not(:has(.intro-panel)):not(:has(.reorder-area)):not(:has(.sentence-test-inner)):not(:has(.application-sentence)):not(.sentence-pron-card):not(.sentence-dictation-card):not(.sentence-writing-card){padding-top:var(--exercise-golden-sentence-offset);padding-bottom:clamp(8px,1.5vh,16px)}:is(.sentence-card.active.sentence-dictation-card:has(>.sentence-inner),.sentence-card.active.sentence-writing-card:has(>.sentence-inner)){padding-top:clamp(8px,1.2vh,16px);padding-bottom:clamp(8px,1.5vh,16px)}.sentence-card.active:has(.application-sentence){padding-top:clamp(8px,1.5vh,16px);padding-bottom:clamp(4px,1vh,8px)}.test-container:has(.application-sentence){padding-top:clamp(8px,1.5vh,16px);padding-bottom:clamp(4px,1vh,8px)}:is(.sentence-wrapper:has(>.test-container:has(.application-sentence)),.sentence-wrapper:has(>.sentence-card.active:has(.application-sentence))){flex:1;min-height:0}.test-container:has(.application-sentence){flex:auto;min-height:0}.sentence-card.active:has(.application-sentence) .sentence-inner{flex:auto;justify-content:center;padding-top:0;padding-bottom:0}.test-container:has(.application-sentence) .sentence-inner{flex:auto;justify-content:center;padding-top:0;padding-bottom:0}.sentence-card.active:has(.answer-line-section):not(:has(.application-sentence)):not(.sentence-dictation-card):not(.sentence-writing-card) .sentence-inner{padding-top:0;padding-bottom:0}.sentence-card.active>.sentence-inner .hints-stats-row{flex-shrink:0;width:100%;margin-top:auto;padding-top:clamp(10px,2vh,18px)}.sentence-inner>.sentence-zh,.sentence-inner .meaning-hint{font-size:var(--exercise-text-intro-zh);color:var(--meaning-color);font-weight:700}.sentence-inner:has(.test-options)>.sentence-en{font-size:var(--exercise-text-spelling);color:var(--text);font-weight:700}.sentence-inner:not(:has(.test-options))>.sentence-en{font-size:var(--exercise-text-intro-en);color:var(--text);font-weight:700}.sentence-pron-card .pron-prompt>.sentence-en,.sentence-pron-card .pron-target-row>.sentence-en{color:var(--exercise-badge-text);font-weight:800;line-height:1.4}.sentence-inner>.test-type-label{color:var(--text-muted);letter-spacing:.08em;font-size:clamp(12px,min(1.8vw,2vh),16px)}.sentence-card.active.sentence-test-card{--sentence-test-pad-x:clamp(16px, 3vw, 32px);padding:clamp(12px, 2vh, 24px) var(--sentence-test-pad-x) clamp(8px, 1.5vh, 16px);justify-content:flex-start;align-items:center;position:relative}.sentence-inner.sentence-test-inner{width:100%;min-height:0;max-width:var(--exercise-intro-max);flex:auto;justify-content:center;align-items:center;gap:clamp(16px,2.4vh,24px);padding-bottom:0;overflow:visible;padding-top:0!important}.sentence-card.active.sentence-test-card>.hints-stats-row{flex-shrink:0;justify-content:flex-end;width:100%;max-width:min(560px,92vw);margin-top:0;padding-top:clamp(10px,1.5vh,16px)}.sentence-wrapper:has(.sentence-pron-card){min-height:0;overflow:hidden}.sentence-card.active.sentence-pron-card{flex-direction:column;flex:auto;min-height:0;padding:clamp(12px,2.5vh,24px) clamp(12px,2vw,24px) clamp(8px,1.5vh,12px);display:flex;overflow:hidden}.sentence-inner.pron-inner{min-height:0;width:min(var(--exercise-intro-max,1200px), 96vw);max-width:min(var(--exercise-intro-max,1200px), 96vw);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(16px,2.6vh,28px);margin:0 auto;padding:0;display:flex;overflow:hidden auto}.sentence-card.active.sentence-pron-card:not(.word-pron-card){--exercise-text-intro-en-natural:clamp(44px, min(6.5vw, 8vh), 88px);--exercise-text-intro-zh-natural:clamp(34px, min(5.2vw, 6.2vh), 64px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural)}.sentence-pron-card:not(.word-pron-card) .pron-mic-btn{width:clamp(96px,min(14vw,14vh),124px);height:clamp(96px,min(14vw,14vh),124px)}.sentence-pron-card:not(.word-pron-card) .pron-prompt{gap:clamp(12px,2vh,20px)}.sentence-pron-card:not(.word-pron-card) .pron-result-hero{max-width:min(520px,92vw)}.sentence-pron-card .pron-prompt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.4vh,14px);width:100%;min-height:0;display:flex;overflow:hidden}.sentence-pron-card .pron-target-row{box-sizing:border-box;justify-content:center;align-items:center;gap:clamp(10px,1.5vw,18px);max-width:100%;display:inline-flex}.sentence-pron-card .pron-target-row>.sentence-en{text-align:center;min-width:0;margin:0}.sentence-pron-card .pron-line-speaker{flex-shrink:0;align-self:center}.sentence-pron-card .pron-result-hero{flex-direction:column;flex-shrink:0;align-items:stretch;gap:clamp(8px,1.2vh,12px);width:100%;max-width:400px;margin-inline:auto;animation:.35s ease-out pron-fade-in;display:flex}@keyframes pron-fade-in{0%{opacity:0}to{opacity:1}}.pron-result-card{border-radius:var(--learn-radius-xl,16px);box-sizing:border-box;background:var(--learn-btn-bg,var(--exercise-panel));border:1px solid var(--learn-border,#94a3b838);width:100%;box-shadow:var(--learn-card-shadow,none);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,18px);padding:clamp(12px,2vh,18px);display:flex}.pron-score-ring-wrap{width:clamp(72px,min(12vw,12vh),96px);height:clamp(72px,min(12vw,12vh),96px);position:relative}.pron-score-ring{background:conic-gradient(#22d3ee var(--pct), #94a3b82e 0);border-radius:50%;position:absolute;inset:0}.pron-score-ring-inner{background:var(--surface,#0f172a);border-radius:50%;position:absolute;inset:8px}.pron-score-ring-num{color:var(--text);place-items:center;font-size:clamp(18px,min(2.8vw,3vh),26px);font-weight:800;display:grid;position:absolute;inset:0}.pron-result-right{text-align:left;min-width:0}.pron-grade-label{letter-spacing:.06em;font-size:clamp(14px,min(2.2vw,2.5vh),18px);font-weight:800}.pron-grade-label.tier-s{color:#fbbf24}.pron-grade-label.tier-a{color:#34d399}.pron-grade-label.tier-b{color:#60a5fa}.pron-grade-label.tier-c{color:#a78bfa}.pron-grade-label.tier-d{color:#f87171}.pron-grade-feedback{color:var(--text-sub);margin:6px 0 0;font-size:clamp(12px,min(1.8vw,2vh),14px);line-height:1.45}.pron-metrics-row{justify-content:center;gap:clamp(10px,2vw,16px);width:100%;display:flex}.pron-metric{text-align:center;flex:1 1 0;min-width:0;max-width:110px}.pron-metric-bar{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;height:3px;margin-bottom:6px}.pron-metric-label{color:var(--text-muted);font-size:11px}.pron-metric-value{color:var(--text);font-size:clamp(16px,min(2.4vw,2.8vh),20px);font-weight:700}.pron-mic-btn{cursor:pointer;background:radial-gradient(circle at 35% 30%,#22d3ee59,#0f172af2);border:2px solid #22d3ee8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(72px,min(11vw,11vh),88px);height:clamp(72px,min(11vw,11vh),88px);transition:box-shadow .2s,border-color .2s,opacity .15s;display:flex;box-shadow:0 0 0 6px #22d3ee14,0 12px 32px #0006}.pron-mic-btn:hover:not(:disabled){border-color:#22d3eee6;box-shadow:0 0 0 3px #22d3ee40}.pron-mic-btn:disabled{opacity:.45;cursor:not-allowed}.pron-mic-btn.recording,.pron-mic-btn[aria-pressed=true]{background:radial-gradient(circle at 35% 30%,#f8717173,#0f172af2);border-color:#f87171}.pron-mic-icon{background:linear-gradient(#ecfeff 0%,#22d3ee 100%);border-radius:10px;width:28%;height:40%;position:relative;box-shadow:0 2px 8px #00000059}.pron-mic-icon:after{content:"";background:linear-gradient(#22d3ee,#0891b2);border-radius:0 0 8px 8px;width:38%;height:28%;position:absolute;bottom:-35%;left:50%;transform:translate(-50%)}.pron-mic-btn.recording .pron-mic-icon,.pron-mic-btn[aria-pressed=true] .pron-mic-icon{background:linear-gradient(#fef2f2 0%,#f87171 100%)}.pron-mic-btn.recording .pron-mic-icon:after,.pron-mic-btn[aria-pressed=true] .pron-mic-icon:after{background:linear-gradient(#f87171,#dc2626)}.pron-mic-status{color:#e2e8f0;text-align:center;padding:0 8px;font-size:12px;font-weight:700;line-height:1.3}.sentence-pron-card .pron-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(6px,1vh,10px);width:100%;display:flex}.sentence-pron-card .mic-area{justify-content:center;display:flex}.sentence-pron-card .pron-hint{color:var(--text-muted);text-align:center;max-width:min(520px,92vw);font-size:clamp(11px,min(1.6vw,1.8vh),14px);line-height:1.4}.sentence-pron-card .pron-hint.error{color:var(--danger-fg)}.sentence-pron-card .pron-nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sentence-pron-card .pron-nav,.sentence-pron-card .mic-area,.sentence-pron-card .pron-hint,.sentence-pron-card .pron-result-hero{align-self:center}.sentence-card.active.sentence-pron-card>.hints-stats-row{border-top:1px solid var(--exercise-header-border);flex-shrink:0;width:100%;margin-top:0;padding-top:clamp(8px,1.2vh,12px)}.sentence-wrapper:has(.sentence-pron-card)+.exercise-progress-bar{margin-top:clamp(6px,1vh,10px)}.sentence-pron-card .pron-prompt>.sentence-zh{font-size:var(--exercise-text-intro-zh);margin:0;line-height:1.35}.sentence-pron-card .pron-prompt>.sentence-en,.sentence-pron-card .pron-target-row>.sentence-en{font-size:var(--exercise-text-intro-en);line-height:1.3}@media (height<=720px){.sentence-pron-card .pron-hint:not(.error){display:none}.sentence-pron-card .pron-nav .nav-btn{padding:6px 12px;font-size:13px}}.sentence-card.active.sentence-test-card .test-type-label,.sentence-inner.sentence-test-inner>.test-type-label{top:clamp(10px,1.6vh,16px);right:var(--sentence-test-pad-x,clamp(16px, 3vw, 32px));z-index:5;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;color:#fff;pointer-events:none;background:linear-gradient(135deg,#06b6d4 0%,#2563eb 100%);border:none;border-radius:999px;max-width:min(46%,12em);margin:0;padding:5px 12px;font-size:12px;font-weight:700;line-height:1.25;position:absolute;overflow:hidden;box-shadow:0 2px 8px #2563eb59}.sentence-test-question{width:fit-content;max-width:min(var(--exercise-intro-max), calc(100% + 2 * var(--sentence-test-pad-x,0px)));min-width:min(280px,100%);min-height:0;margin-inline:calc(-1 * var(--sentence-test-pad-x,0px));background:var(--surface-2,color-mix(in srgb, var(--text) 4%, var(--surface)));border:1px solid var(--border,var(--exercise-brand-border));box-sizing:border-box;border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-self:center;align-items:center;column-gap:10px;padding:clamp(16px,2.5vh,22px) clamp(20px,3vw,28px);display:grid;position:relative}.sentence-test-question .sentence-en{min-width:0;max-width:100%;font-size:var(--exercise-text-intro-en);overflow-wrap:break-word;word-wrap:break-word;text-align:center;width:auto;color:var(--text);background:0 0;border:none;border-radius:0;grid-area:1/2;margin:0;padding:0;font-weight:700;line-height:1.5}.sentence-test-question .speaker-btn{z-index:1;grid-area:1/3;place-self:center start;margin:0;position:static;transform:none}.sentence-test-question .speaker-btn:hover{background:var(--learn-hover,#f3f4f6);transform:scale(1.06)}.sentence-test-question .speaker-btn:active{transform:scale(.96)}.sentence-inner.sentence-test-inner>.test-options{width:min(100%,560px);max-width:100%;margin-top:0}.sentence-inner.sentence-test-inner .test-option{box-sizing:border-box;text-align:left;justify-content:flex-start;align-items:flex-start;gap:.35em;width:100%;display:flex}.sentence-inner.sentence-test-inner .test-option-key{text-align:left;flex:0 0 1.75em}.sentence-inner.sentence-test-inner .test-option-body{text-align:left;flex:auto;min-width:0}.dictation-card.active>.dictation-inner:has(.exercise-done-msg){padding-top:var(--exercise-golden-sentence-offset);padding-bottom:clamp(12px,2vh,24px)}.dictation-card.active>.dictation-inner:not(:has(.word-section))>p:first-child:not(.spoken):not(.hint-meaning){color:var(--text-sub);font-size:clamp(16px,min(3vw,3.5vh),24px);line-height:1.5}.dictation-card.active:has(.mic-btn) .dictation-inner{padding-top:var(--exercise-golden-word-offset);padding-bottom:clamp(12px,2vh,24px)}.sentence-card.active:has(.application-sentence) .answer-line-section{justify-content:center;align-items:center}.application-sentence{font-size:var(--exercise-text-intro-en);text-align:center;color:var(--text);word-break:break-word;max-width:min(960px,95vw);margin:0 auto;font-weight:700;line-height:1.45;display:block}.application-blank{border:none;border-bottom:3px solid var(--dict-input-border-focus);color:var(--dict-input-text);caret-color:var(--dict-input-caret);font-size:inherit;font-weight:inherit;text-align:center;box-sizing:content-box;background:0 0;outline:none;width:auto;min-width:0;max-width:100%;padding:2px 2px 8px}.application-blank.correct{border-bottom-color:var(--ok);color:var(--ok)}.application-blank.wrong{border-bottom-color:var(--danger);color:var(--danger-fg)}.test-container .test-question{font-size:var(--exercise-text-meaning);color:var(--meaning-color);margin-bottom:clamp(12px,2vh,20px);font-weight:700}.test-options{max-width:min(720px,95vw)}.test-option{font-size:var(--exercise-text-test-option,clamp(15px, min(2.4vw, 2.6vh), 20px));padding:clamp(14px,2vh,18px) clamp(16px,2.5vw,20px)}.exercise-page .flashcard-page{--meaning-color:color-mix(in srgb, var(--text-sub) 72%, var(--text));flex:1;min-height:0}.flashcard-page .skip-flashcard-btn{border-color:var(--border);background:var(--surface-2);color:var(--text-sub)}.flashcard-page .group-quiz-ready{border-color:var(--border);background:var(--surface-2)}.flashcard-page .group-quiz-ready-text{color:var(--text-sub)}.flashcard-page .flashcard-browse .hints-stats-row{flex-shrink:0;width:100%;max-width:min(720px,95vw);margin-top:clamp(10px,1.5vh,16px)}.flashcard-review-browse{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.flashcard-review-body{text-align:center;box-sizing:border-box;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(8px,1.5vh,14px);width:100%;max-width:min(720px,95vw);min-height:0;margin:0 auto;padding:clamp(6px,1.2vh,14px) clamp(12px,2vw,16px);display:flex;overflow:hidden}.flashcard-review-actions{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;max-width:min(720px,95vw);margin:0 auto;padding:clamp(8px,1.5vh,14px) 0;display:flex}.group-quiz-ready{box-sizing:border-box;background:#6366f11a;border:1px solid #818cf859;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:min(100%,720px);max-width:95vw;margin:clamp(8px,1.5vh,14px) auto 0;padding:clamp(12px,2vh,16px);display:flex}.group-quiz-ready-text{color:var(--exercise-badge-text);margin:0;font-size:clamp(13px,2vw,15px);font-weight:600}.flashcard.active.flashcard-review-card-inner{cursor:default;box-sizing:border-box;flex:0 auto;width:100%;min-height:0;max-height:100%;padding:clamp(12px,2vh,22px) clamp(14px,2.5vw,22px)}.flashcard.active.flashcard-review-card-inner:hover{box-shadow:none;transform:none}.flashcard-review-card-inner .flashcard-inner{justify-content:center;gap:clamp(6px,1.2vh,12px);min-height:0}.flashcard-review-card-inner .word-section{width:100%}.flashcard-review-card-inner .word-section .phonetic{font-size:clamp(12px,min(2vw,2.5vh),18px)}.flashcard-review-card-inner .word-section .spelling{font-size:clamp(28px,min(6vw,9vh),52px);line-height:1.2}.flashcard-review-card-inner .word-section .meaning{font-size:clamp(22px,min(4.5vw,7vh),36px);line-height:1.35}.flashcard-review-card-inner .sentence-section.review-sentence-section{margin-top:clamp(4px,.8vh,8px);padding:clamp(8px,1.5vh,14px) clamp(12px,2.5vw,20px)}.flashcard-review-card-inner .example-en{margin-bottom:clamp(4px,.8vh,8px);font-size:clamp(13px,min(2.2vw,2.8vh),18px)}.flashcard-review-card-inner .example-zh{padding-right:40px;font-size:clamp(12px,min(2vw,2.5vh),16px)}.review-read-steps{flex-shrink:0;justify-content:center;align-items:center;gap:10px;display:flex}.review-read-step{background:#94a3b859;border-radius:50%;width:10px;height:10px;transition:background .25s,transform .25s}.review-read-step.done{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);transform:scale(1.15)}.read-aloud-btn-wrap{justify-content:center;width:min(100%,420px);max-width:min(600px,95vw);display:flex;position:relative}.read-aloud-btn-wrap .read-aloud-btn{width:100%}.read-aloud-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:14px;flex-shrink:0;width:min(100%,420px);max-width:min(600px,95vw);min-height:clamp(44px,6vh,52px);padding:clamp(12px,2.2vh,16px) clamp(20px,4vw,28px);font-size:clamp(15px,2.4vw,18px);font-weight:700;line-height:1.25;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 4px 15px #6366f159}.read-aloud-btn:hover{background:linear-gradient(135deg,#7c7ff2 0%,#9d6ff8 100%);transform:translateY(-2px);box-shadow:0 8px 25px #6366f173}.read-aloud-btn:active{transform:translateY(0)}.read-aloud-btn.ready{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);box-shadow:0 4px 15px #10b98159}.read-aloud-btn.ready:hover{background:linear-gradient(135deg,#34d399 0%,#6ee7b7 100%);box-shadow:0 8px 25px #10b98166}.read-aloud-bubble{z-index:3;text-align:center;white-space:nowrap;max-width:min(100%,280px);color:var(--text);background:var(--surface,#1c2230);border:1px solid var(--border,#94a3b838);box-shadow:0 6px 16px color-mix(in srgb, var(--text) 14%, transparent);pointer-events:none;border-radius:10px;margin:0;padding:7px 12px;font-size:clamp(12px,min(1.8vw,2vh),13px);font-weight:600;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.read-aloud-bubble:after{content:"";border:6px solid #0000;border-top-color:var(--surface,#1c2230);margin-left:-6px;position:absolute;top:100%;left:50%}.read-aloud-bubble:before{content:"";border:7px solid #0000;border-top-color:var(--border,#94a3b838);margin-left:-7px;position:absolute;top:100%;left:50%}@media (height<=720px){.flashcard-review-body{gap:clamp(6px,1vh,10px);padding-block:clamp(4px,1vh,10px)}.flashcard.active.flashcard-review-card-inner .word-section .spelling{font-size:clamp(24px,min(5.5vw,8vh),42px)}.flashcard.active.flashcard-review-card-inner .word-section .meaning{font-size:clamp(18px,min(4vw,6vh),30px)}.read-aloud-btn{min-height:clamp(40px,5.5vh,48px);padding-block:clamp(10px,1.8vh,14px)}}@media (height<=520px){.flashcard-review-body{scrollbar-width:thin;justify-content:flex-start;overflow-y:auto}}.flashcard-review-browse>.hints-stats-row{border-top:1px solid #818cf826;flex-shrink:0;width:100%;max-width:min(720px,95vw);margin-top:0;padding-top:clamp(6px,1vh,10px)}.flashcard-page .sentence-test-question .sentence-en.listening-hint{color:var(--text-sub);font-weight:600;font-size:clamp(16px,min(2.8vw,3vh),22px)!important}.flashcard-page .card.practice,.flashcard-page section.practice,.flashcard-page section.done{width:100%;min-height:0;max-width:var(--exercise-intro-max);padding:clamp(16px,3vw,32px);padding-top:var(--exercise-golden-sentence-offset);text-align:center;align-items:center;gap:var(--exercise-inner-gap);flex-direction:column;flex:auto;margin:0 auto;display:flex}.flashcard-page .card.practice .hints-stats-row,.flashcard-page section.practice .hints-stats-row{width:100%;margin-top:auto}.flashcard-page .test-question{font-size:var(--exercise-text-spelling);color:var(--text);font-weight:700}.flashcard-page .listening-hint{font-size:var(--exercise-text-meaning);color:var(--text-sub)}.flashcard-page .options{gap:clamp(10px,1.5vh,14px);width:100%;max-width:min(720px,95vw);display:grid}.flashcard-page .option{text-align:left;border:1px solid var(--exercise-brand-border);background:var(--exercise-panel);color:var(--text);cursor:pointer;border-radius:12px;padding:clamp(14px,2vh,18px) clamp(16px,2.5vw,20px);font-size:clamp(16px,min(2.5vw,2.8vh),22px);line-height:1.45;transition:border-color .15s,background .15s}.flashcard-page .option:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 22%, var(--border));background:color-mix(in srgb, var(--text) 4%, var(--surface))}.exercise-page.follow-page{flex-direction:column;flex:1;gap:clamp(10px,1.5vh,14px);min-height:0;display:flex}.exercise-page.follow-page .line-list{flex:1;min-height:0;max-height:none;overflow:auto}.exercise-page.follow-page .line .en{font-size:clamp(16px,min(2.8vw,3vh),24px);font-weight:600;line-height:1.5}.exercise-page.follow-page .line .zh{color:var(--text-sub);margin-top:6px;font-size:clamp(14px,min(2.2vw,2.5vh),20px);line-height:1.5}.dictation-card.active:has(.mic-btn) .dictation-inner .mic-btn{width:clamp(100px,min(14vw,16vh),140px);height:clamp(100px,min(14vw,16vh),140px);font-size:clamp(14px,min(2vw,2.2vh),18px)}.flashcard-page .option.correct{border-color:var(--ok);background:#34d3991f}.flashcard-page .option.incorrect{border-color:var(--danger);background:#f871711a}.exercise-page.kf-page,.exercise-page.game,.exercise-page.game-page,.exercise-page.memory-page,.exercise-page.whack-page{flex-direction:column;flex:1;min-height:0;display:flex}.exercise-page.kf-page .target{font-size:var(--exercise-text-spelling)}.exercise-page.kf-page .word{font-size:clamp(20px,min(3vw,3.5vh),32px)}.app-shell--immersive .main-content>.rc-page{flex:1;height:100%;min-height:0;overflow:hidden}.exercise-page:has(.placement-passage){min-height:0;overflow:hidden}.exercise-page:has(.placement-passage) .sentence-wrapper.placement-passage-wrap{flex:1;min-height:0;overflow:hidden}.exercise-page .placement-passage.rc-page{flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.exercise-page .placement-passage .rc-main{flex:1;min-height:0;padding-bottom:clamp(10px,2vw,14px);overflow:hidden}.exercise-page .placement-passage .rc-main.rc-main--questions-only{grid-template-columns:1fr}.exercise-page .placement-passage .rc-footer-dock{border-top:1px solid var(--rc-border);background:var(--rc-panel);flex-shrink:0;padding:0 clamp(14px,3vw,20px) clamp(8px,1.5vh,12px)}.rc-page .rc-body,.rc-page .rc-main{flex:1;min-height:0;overflow:hidden}.rc-page{--rc-bg:var(--bg);--rc-panel:var(--surface);--rc-text:var(--text);--rc-muted:var(--text-muted);--rc-border:var(--border);--rc-accent:var(--brand);--rc-accent-soft:var(--brand-soft);--rc-scroll-track:transparent;--rc-scroll-thumb:color-mix(in srgb, var(--rc-accent) 30%, transparent);--rc-scroll-thumb-hover:color-mix(in srgb, var(--rc-accent) 50%, transparent);background:var(--rc-bg);min-height:0;color:var(--rc-text);flex-direction:column;flex:1;display:flex}.rc-page.rc-eye{--rc-bg:#e3ede0;--rc-panel:#f6faf3;--rc-text:#3d4a3f;--rc-muted:#6d7768;--rc-accent:#5a8f62;--rc-accent-soft:#5a8f622e;--rc-border:#4a52462e;--text:#3d4a3f;--text-sub:#5c6658;--text-muted:#6d7768;--surface:#f6faf3;--surface-2:#eef4ea;--border:#4a52462e;--exercise-panel:#fff;--exercise-brand-border:#5a8f6261;--exercise-badge-bg:#5a8f621f;--exercise-badge-text:#3d4a3f;--exercise-header-border:#5a8f6247;--surface-raised:#eef4ea;--brand:#5a8f62;--brand-soft:#5a8f622e;--on-brand:#fff;--rc-scroll-thumb:#5a8f6261;--rc-scroll-thumb-hover:#5a8f6294}.rc-page.rc-eye .exercise-header__heading,.rc-page.rc-eye .exercise-header__program,.rc-page.rc-eye .exercise-header__unit,.rc-page.rc-eye .exercise-header__module,.rc-page.rc-eye .exercise-header__sep{background:linear-gradient(135deg,#4a7a52 0%,#5a8f62 50%,#7fa386 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rc-page.rc-eye .nav-btn{color:var(--rc-text);border-color:var(--exercise-brand-border);background:#ffffffb8}.rc-page.rc-eye .nav-btn:hover{background:var(--rc-accent-soft);border-color:var(--rc-accent)}.rc-page.rc-eye .header-test-timer{color:#c45c7a;background:#ffffffa6;border-color:#c45c7a47}.rc-page.rc-eye .rc-meta-chip{color:var(--rc-text);border-color:var(--exercise-brand-border);background:#ffffffb8}.rc-page.rc-eye .rc-meta-chip__label{color:var(--rc-muted);opacity:1}.rc-page.rc-eye .test-option{color:var(--rc-text);border-color:var(--exercise-brand-border);background:#fff}.rc-page.rc-eye .test-option:hover:not(:disabled){background:var(--rc-accent-soft);border-color:var(--rc-accent);color:var(--rc-text)}.rc-page.rc-eye .rc-options .test-option.selected{border-color:var(--rc-accent);color:#2f3d32;background:#5a8f6233;box-shadow:inset 0 0 0 1px #5a8f621f}.rc-page.rc-eye .test-option.correct{color:#2f5c42;background:#4a9b6e29;border-color:#4a9b6e}.rc-page.rc-eye .test-option.incorrect{color:#6b3a3a;background:#c864641f;border-color:#c07070}.rc-page.rc-eye .rc-article{border-radius:var(--radius-sm);background:#fff;padding:14px 16px;box-shadow:0 1px 4px #4a52460f}.rc-page.rc-eye .rc-details{border-color:var(--exercise-brand-border);background:#ffffffb8}.rc-page.rc-eye .rc-details summary{color:var(--rc-accent)}.rc-page.rc-eye .learning-stats-item{border-color:var(--rc-border);background:#ffffffb8}.rc-page.rc-eye .learning-stats-label{color:var(--rc-muted)}.rc-page.rc-eye .learning-stats-value{color:var(--rc-text)}.rc-page.rc-eye .rc-submit-btn:not(:disabled){background:var(--brand,#5a8f62);color:#fff;box-shadow:none;border-color:#0000}.rc-page.rc-eye .rc-submit-btn:not(:disabled):hover{background:color-mix(in srgb, var(--brand,#5a8f62) 88%, #000)}.rc-page .rc-header{border-bottom:1px solid var(--rc-border);background:var(--rc-panel);flex-shrink:0;margin-bottom:0;padding:clamp(10px,2vw,14px) clamp(14px,3vw,20px)}.rc-page .rc-main{padding:clamp(10px, 2vw, 14px) clamp(14px, 3vw, 20px) calc(76px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(10px,2vw,14px);transition:grid-template-columns .22s;display:grid}.rc-page .rc-main.rc-main--questions-collapsed{grid-template-columns:minmax(0,1fr) minmax(52px,64px)}@media (width<=900px){.rc-page .rc-main{grid-template-rows:minmax(200px,1fr) minmax(240px,1.2fr);grid-template-columns:1fr}.rc-page .rc-main.rc-main--questions-collapsed{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}}.rc-page .rc-panel{background:var(--rc-panel);border:1px solid var(--rc-border);border-radius:var(--radius-md);flex-direction:column;min-height:0;display:flex;overflow:hidden}.rc-page .rc-panel-head{border-bottom:1px solid var(--rc-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.rc-page .rc-panel-head__right{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.rc-page .rc-panel-toggle{white-space:nowrap;flex-shrink:0;padding:4px 10px;font-size:12px;line-height:1.3}.rc-page .rc-panel--questions.is-collapsed .rc-panel-head{border-bottom:none;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:14px;height:100%;padding:12px 6px}.rc-page .rc-panel--questions.is-collapsed .rc-panel-title{writing-mode:vertical-rl;letter-spacing:.14em;font-size:13px}.rc-page .rc-panel--questions.is-collapsed .rc-panel-head__right{flex-direction:column;align-items:center;gap:10px}.rc-page .rc-panel--questions.is-collapsed .rc-progress{writing-mode:vertical-rl;letter-spacing:.06em;white-space:nowrap;background:0 0;border:none;padding:0}.rc-page .rc-panel--questions.is-collapsed .rc-panel-toggle{writing-mode:vertical-rl;letter-spacing:.08em;padding:8px 4px}@media (width<=900px){.rc-page .rc-panel--questions.is-collapsed .rc-panel-head{border-bottom:none;flex-direction:row;flex:none;justify-content:space-between;align-items:center;height:auto;padding:10px 14px}.rc-page .rc-panel--questions.is-collapsed .rc-panel-title,.rc-page .rc-panel--questions.is-collapsed .rc-progress,.rc-page .rc-panel--questions.is-collapsed .rc-panel-toggle{writing-mode:horizontal-tb;letter-spacing:normal}.rc-page .rc-panel--questions.is-collapsed .rc-panel-head__right{flex-direction:row}.rc-page .rc-panel--questions.is-collapsed .rc-panel-toggle{padding:4px 10px}}.rc-page .rc-panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--rc-muted);font-size:13px;font-weight:700}.rc-page .rc-meta-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.rc-page .rc-meta-chip{border:1px solid var(--exercise-brand-border);background:var(--exercise-badge-bg);color:var(--exercise-badge-text);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;display:inline-flex}.rc-page .rc-meta-chip__label{opacity:.75;font-weight:500}.rc-page .rc-meta-chip__value{font-weight:700}.rc-page .rc-progress{font-variant-numeric:tabular-nums;color:var(--rc-accent);background:var(--rc-accent-soft);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.rc-page .rc-panel-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--rc-scroll-thumb) var(--rc-scroll-track);flex:1;padding:clamp(14px,2.5vw,20px);overflow-y:auto}.rc-page .rc-panel-scroll::-webkit-scrollbar{width:8px;height:8px}.rc-page .rc-panel-scroll::-webkit-scrollbar-track{background:var(--rc-scroll-track);border-radius:999px}.rc-page .rc-panel-scroll::-webkit-scrollbar-thumb{background:var(--rc-scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.rc-page .rc-panel-scroll::-webkit-scrollbar-thumb:hover{background:var(--rc-scroll-thumb-hover);background-clip:padding-box}.rc-page .rc-article-wrap{width:100%;max-width:42em;margin:0 auto;overflow-x:auto}.rc-page .rc-cover{border-radius:var(--radius-sm);width:100%;max-width:42em;margin:0 auto 14px;display:block}.rc-page .rc-article{letter-spacing:.01em;color:var(--rc-text);word-break:break-word;overflow-wrap:anywhere;font-size:clamp(17px,2.1vw,20px);line-height:1.85}.rc-page .rc-article :is(p,div)+:is(p,div){margin-top:.85em}.rc-page .rc-article :is(h1,h2,h3,h4){color:var(--rc-text);margin:1em 0 .5em;font-size:1.1em;font-weight:700}.rc-page .rc-article table{table-layout:fixed;border-collapse:collapse;max-width:100%;margin:.75em 0;font-size:.95em;width:100%!important}.rc-page .rc-article th,.rc-page .rc-article td{border:1px solid color-mix(in srgb, var(--rc-text) 22%, transparent);vertical-align:top;overflow-wrap:anywhere;word-break:break-word;padding:.4em .6em}.rc-page .rc-article th{background:color-mix(in srgb, var(--rc-text) 6%, transparent);font-weight:700}.rc-page .rc-article img{max-width:100%;height:auto;margin:.75em auto;display:block}.rc-page .rc-article table img{width:auto;max-width:100%;height:auto;margin:.4em auto}.rc-page .rc-details{border:1px solid var(--exercise-brand-border);border-radius:var(--radius-sm);background:#6366f10a;margin-top:16px;overflow:hidden}.rc-page .rc-details summary{cursor:pointer;color:var(--exercise-badge-text);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;list-style:none;display:flex}.rc-page .rc-details summary:before{content:"▸";font-size:11px;transition:transform .15s}.rc-page .rc-details[open] summary:before{transform:rotate(90deg)}.rc-page .rc-details summary::-webkit-details-marker{display:none}.rc-page .rc-details>p{color:var(--rc-muted);padding:0 12px 12px;font-size:14px;line-height:1.65}.rc-page .rc-sentences{margin-top:16px}.rc-page .rc-sentences-title{color:var(--rc-muted);margin-bottom:8px;font-size:13px;font-weight:700}.rc-page .rc-sentences ul{flex-direction:column;gap:6px;list-style:none;display:flex}.rc-page .rc-sentences button{text-align:left;border:1px dashed var(--exercise-brand-border);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--rc-text);background:0 0;padding:8px 10px;font-size:13px;transition:background .15s,border-color .15s}.rc-page .rc-sentences button:hover{background:var(--rc-accent-soft);border-color:var(--rc-accent)}.rc-page .rc-question+.rc-question{border-top:1px solid var(--rc-border);margin-top:18px;padding-top:18px}.rc-page .rc-q-head{gap:8px;margin-bottom:10px;display:flex}.rc-page .rc-q-num{color:var(--rc-accent);flex-shrink:0;font-weight:700}.rc-page .rc-q-stem{font-size:clamp(15px,2vw,17px);line-height:1.55}.rc-page .rc-options{gap:8px;display:grid}.rc-page .rc-options .test-option{text-align:left;align-items:flex-start;gap:.35em;display:flex}.rc-page .rc-options .test-option-key{flex:0 0 1.75em;font-weight:700}.rc-page .rc-options .test-option-body{flex:auto;min-width:0}.rc-page .rc-options .test-option.selected{border-color:var(--rc-accent);background:var(--rc-accent-soft)}.rc-page .rc-result{border-top:1px solid var(--rc-border);text-align:center;margin-top:20px;padding-top:16px}.rc-page .rc-result-score{color:var(--rc-accent);font-size:clamp(28px,5vw,36px);font-weight:800}.rc-page .rc-result-hint{color:var(--rc-muted);margin:8px 0 14px;font-size:14px}.rc-page .rc-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rc-page .rc-should-know-overlay{z-index:80;background:var(--rc-bg,var(--bg));flex-direction:column;display:flex;position:fixed;inset:0}.rc-page .rc-should-know-overlay>*{flex:1;width:100%;min-height:0}.rc-page .rc-submit-btn:not(:disabled){background:var(--brand);color:#fff;box-shadow:none;border-color:#0000}.rc-page .rc-submit-btn:not(:disabled):hover{background:color-mix(in srgb, var(--brand) 88%, #000)}.rc-page .rc-submit-btn:disabled{opacity:.45;cursor:not-allowed}.rc-page .rc-footer-dock{z-index:25;padding:10px clamp(14px,3vw,20px) 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--rc-panel);border-top:1px solid var(--rc-border);position:fixed;bottom:4px;left:0;right:0;box-shadow:0 -4px 16px #0f172a0f}.rc-page .hints-stats-row{align-items:center;gap:10px 16px;max-width:none;margin:0}.rc-page .progress-hints{color:var(--rc-muted);flex-wrap:wrap;flex:180px;gap:8px 14px;min-width:0;font-size:13px;display:flex}.rc-page .hint-item{white-space:nowrap}.rc-page .learning-stats{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:320px;justify-content:flex-end;gap:8px 10px;overflow-x:auto}.rc-page .learning-stats::-webkit-scrollbar{display:none}.rc-page .learning-stats-item{background:var(--rc-bg);border:1px solid var(--rc-border);border-radius:999px;flex-direction:row;flex-shrink:0;align-items:center;gap:6px;min-width:auto;padding:6px 12px}.rc-page .learning-stats-label{color:var(--rc-muted);white-space:nowrap;font-size:12px;font-weight:600}.rc-page .learning-stats-value{color:var(--rc-text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}@media (width<=768px){.rc-page .hints-stats-row{flex-direction:column;align-items:stretch;gap:10px}.rc-page .learning-stats{flex-wrap:wrap;justify-content:flex-start;overflow-x:visible}}.rc-page .rc-progress-bar-wrap{z-index:30;background:#0f172a14;height:4px;position:fixed;bottom:0;left:0;right:0}.rc-page .rc-progress-bar{background:var(--rc-accent);height:100%;transition:width .25s}.rc-page .rc-state{text-align:center;padding:48px 16px}.rc-page .rc-error{color:var(--danger-fg)}.rc-page .rc-modal{z-index:10060;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rc-page .rc-modal-content{background:var(--rc-panel);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--rc-scroll-thumb) var(--rc-scroll-track);width:min(560px,100%);max-height:85vh;padding:20px;position:relative;overflow-y:auto}.rc-page .rc-modal-content::-webkit-scrollbar{width:8px}.rc-page .rc-modal-content::-webkit-scrollbar-track{background:var(--rc-scroll-track);border-radius:999px}.rc-page .rc-modal-content::-webkit-scrollbar-thumb{background:var(--rc-scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.rc-page .rc-modal-content::-webkit-scrollbar-thumb:hover{background:var(--rc-scroll-thumb-hover);background-clip:padding-box}.rc-page .rc-modal-content--sm{width:min(400px,100%)}.rc-page .rc-modal-close{cursor:pointer;color:var(--rc-muted);background:0 0;border:none;font-size:24px;position:absolute;top:12px;right:12px}.rc-page .rc-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.rc-page .rc-smodal-block{margin-top:12px}.rc-page .rc-smodal-label{color:var(--rc-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.rc-page .rc-smodal-en{margin-top:8px;line-height:1.6}.result-score-inline{color:var(--ok);font-size:clamp(36px,7vw,56px);font-weight:800}.sentence-inner.intro-panel .score,.intro-panel .score{color:#fbbf24;font-size:clamp(36px,min(6vw,7vh),64px);font-weight:800}.sentence-inner.intro-panel h3{margin-bottom:clamp(6px,1vh,12px);font-size:clamp(18px,min(3vw,3.5vh),28px)}.sentence-card.active:has(.intro-panel){justify-content:center;padding-top:clamp(12px,3vh,32px);padding-bottom:clamp(12px,3vh,32px)}.sentence-wrapper:has(.intro-panel){justify-content:center}.sentence-card.active>.sentence-inner.intro-panel{flex:0 auto;width:100%;max-width:min(480px,92vw)}.sentence-card.active.placement-report-card{justify-content:flex-start;padding-top:clamp(12px,2vh,24px);padding-bottom:clamp(12px,2vh,24px);overflow-y:auto}.exercise-page:has(.sentence-wrapper) .exercise-header{margin-bottom:clamp(6px,1vh,12px)}@media (height<=720px){.intro-card-wrap{padding:clamp(12px,min(3vw,3vh),24px)}.intro-card-wrap .sentence-zh{margin-bottom:clamp(8px,1.5vh,16px)}}@media (width<=640px){.exercise-page{--exercise-progress-bar-stack:44px;--exercise-vh-offset:calc(clamp(180px, 32vh, 280px) + var(--exercise-progress-bar-stack));--exercise-golden-word-offset:max(14vh, calc(var(--exercise-golden-base) - 2vh));--exercise-golden-sentence-offset:max(10vh, calc(var(--exercise-golden-base) - 9vh));--letter-indicator-size:clamp(10px, 2.5vw, 16px);--letter-indicator-gap:clamp(4px, 1.2vw, 6px)}.hints-stats-row,.hints-stats-row__hints,.progress-hints,.learning-stats{flex-wrap:wrap;justify-content:center;gap:8px 12px}}.sentence-card.active,.test-container.test-container--dictation{overflow:hidden}.test-container:has(.sentence-fit-content){overflow:hidden}:is(.sentence-card.active:has(.intro-card-wrap),.sentence-card.active:has(.reorder-area)){overflow:hidden auto}.sentence-touch-actions{display:none}@media (width<=1024px){:is(.exercise-page:has(.exercise-progress-bar),.exercise-page:has(.exercise-progress-wrap)){--exercise-progress-bar-stack:40px}.exercise-page{--exercise-text-intro-en-natural:clamp(36px, min(5vw, 6vh), 64px);--exercise-text-intro-zh-natural:clamp(28px, min(4.2vw, 5vh), 48px);--exercise-text-intro-phonetic-natural:clamp(15px, min(2.3vw, 2.8vh), 22px);--exercise-text-intro-en:var(--exercise-text-intro-en-natural);--exercise-text-intro-zh:var(--exercise-text-intro-zh-natural);--exercise-text-intro-phonetic:var(--exercise-text-intro-phonetic-natural);--exercise-text-reorder-option:clamp(18px, min(2.8vw, 3.2vh), 28px);--exercise-text-reorder-slot:clamp(36px, min(5vw, 6vh), 64px);--exercise-reorder-gap:clamp(10px, 2vh, 18px)}.exercise-page:has(.reorder-area){--exercise-text-reorder-option:clamp(20px, min(3vw, 3.4vh), 30px);--exercise-text-reorder-slot:clamp(36px, min(5vw, 6vh), 64px);--exercise-reorder-gap:clamp(14px, 2.2vh, 24px)}.test-container.test-container--dictation{padding-top:clamp(4px,1vh,12px);padding-bottom:clamp(4px,1vh,8px);overflow:hidden}.sentence-card.active:not(:has(.application-sentence)):not(:has(.intro-card-wrap)):not(:has(.reorder-area)){padding-top:clamp(4px,1vh,12px);padding-bottom:clamp(4px,1vh,8px);overflow:hidden}.test-container:has(.sentence-fit-content){padding-top:clamp(4px,1vh,12px);padding-bottom:clamp(4px,1vh,8px);overflow:hidden}:is(.sentence-card.active:has(.intro-card-wrap),.sentence-card.active:has(.reorder-area)){padding-top:clamp(12px,3vh,32px);padding-bottom:clamp(12px,3vh,32px)}.sentence-card.active:has(.application-sentence)>.sentence-inner{justify-content:center}.sentence-card.active>.sentence-inner,.sentence-card.active>.intro-card-wrap,.test-container>.sentence-fit-content{flex:auto;min-height:0;overflow:hidden}.sentence-card.active>.reorder-area{flex:auto;min-height:0;overflow:hidden auto}.sentence-card.active.sentence-dictation-card>.sentence-inner{overflow-y:hidden}.sentence-card.active .word-options-area{flex-shrink:0;gap:clamp(8px,1.5vw,12px);padding-bottom:4px}.sentence-card.active .word-option{padding:clamp(8px,1.4vh,12px) clamp(12px,2.5vw,18px)}.sentence-card.active .phrase-label-inline{white-space:normal;text-align:center;max-width:100%;font-size:var(--exercise-text-phrase-label,clamp(12px, 2vw, 15px))}.sentence-card.active.sentence-dictation-card .phrase-words,.test-container.test-container--dictation .phrase-words{flex-wrap:wrap;justify-content:center;row-gap:clamp(6px,1vh,12px)}.sentence-card.active>.hints-stats-row,.test-container>.hints-stats-row{z-index:2;background:var(--bg);flex-shrink:0;margin-top:auto;padding-top:clamp(8px,1.5vh,14px);position:relative}.progress-hints .hint-item:has(.hint-key){display:none}.progress-hints:not(:has(.hint-item:not(:has(.hint-key)))){display:none}.sentence-touch-actions{flex-wrap:wrap;flex:none;order:-1;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.exercise-page{--learn-speaker-size:44px;--learn-speaker-icon:26px}.exercise-page .nav-btn{min-height:44px;padding:10px 16px}.sentence-pron-card .pron-nav .nav-btn{min-height:44px;padding:10px 16px;font-size:14px}.exercise-page .ref-chip{align-items:center;min-height:40px;padding:8px 14px;font-size:clamp(14px,3.2vw,16px);display:inline-flex}.exercise-header__title,.exercise-header h1,.exercise-header__heading{min-width:0;overflow:hidden}.exercise-header__unit,.exercise-header__module{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}}.sentence-fit-flex{overflow:hidden!important}.sentence-fit-flex>.sentence-inner,.sentence-fit-flex>.reorder-area,.sentence-fit-flex>.intro-card-wrap,.sentence-fit-flex>.sentence-fit-content{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}.sentence-fit-flex>.hints-stats-row{z-index:2;background:var(--bg);flex-shrink:0;margin-top:auto;position:relative}.sentence-touch-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:72px}.sentence-touch-btn:active{transform:scale(.97)}.sentence-fit-scaled{backface-visibility:hidden}.sentence-fit-content{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(8px,1.4vh,14px);width:100%;display:flex}.sentence-card.active:has(.application-sentence){--sentence-fit-font-scale:1}.test-container[data-sentence-fit-scale]{--exercise-text-intro-en:calc(var(--exercise-text-intro-en-natural,clamp(40px, min(5.8vw, 7vh), 72px)) * var(--sentence-fit-font-scale));--exercise-text-intro-zh:calc(var(--exercise-text-intro-zh-natural,clamp(30px, min(4.6vw, 5.5vh), 52px)) * var(--sentence-fit-font-scale));--exercise-text-intro-phonetic:calc(var(--exercise-text-intro-phonetic-natural,clamp(16px, min(2.5vw, 3vh), 24px)) * var(--sentence-fit-font-scale));--exercise-text-sentence-input:calc(var(--exercise-text-sentence-input-natural,clamp(22px, 3.5vw, 32px)) * var(--sentence-fit-font-scale));--exercise-text-dictation-zh-base:calc(var(--exercise-text-dictation-zh-natural,clamp(20px, 3vw, 28px)) * var(--sentence-fit-font-scale));--exercise-text-dictation-zh:var(--exercise-text-dictation-zh-base);--exercise-text-meaning:calc(var(--exercise-text-meaning) * var(--sentence-fit-font-scale));--exercise-text-phrase-label:calc(var(--exercise-text-phrase-label-natural,clamp(13px, min(2vw, 2.2vh), 18px)) * var(--sentence-fit-font-scale));--exercise-text-ref-chip:calc(var(--exercise-text-ref-chip-natural,clamp(13px, min(2vw, 2.2vh), 16px)) * var(--sentence-fit-font-scale));--exercise-text-test-option:calc(var(--exercise-text-test-option) * var(--sentence-fit-font-scale));--exercise-inner-gap:calc(var(--exercise-inner-gap) * var(--sentence-fit-font-scale));--exercise-reorder-gap:calc(var(--exercise-reorder-gap) * var(--sentence-fit-font-scale));--exercise-text-reorder-slot:calc(var(--exercise-text-reorder-slot) * var(--sentence-fit-font-scale));--exercise-text-reorder-option:calc(var(--exercise-text-reorder-option) * var(--sentence-fit-font-scale));--exercise-input-underline-gap:calc(var(--exercise-input-underline-gap-natural,clamp(8px, 1.2vh, 14px)) * var(--sentence-fit-font-scale));--letter-indicator-size:calc(var(--letter-indicator-size-natural,clamp(12px, 2.2vw, 20px)) * var(--sentence-fit-font-scale))}.sentence-card.active[data-sentence-fit-scale]:not(:has(.application-sentence)){--exercise-text-intro-en:calc(var(--exercise-text-intro-en-natural,clamp(40px, min(5.8vw, 7vh), 72px)) * var(--sentence-fit-font-scale));--exercise-text-intro-zh:calc(var(--exercise-text-intro-zh-natural,clamp(30px, min(4.6vw, 5.5vh), 52px)) * var(--sentence-fit-font-scale));--exercise-text-intro-phonetic:calc(var(--exercise-text-intro-phonetic-natural,clamp(16px, min(2.5vw, 3vh), 24px)) * var(--sentence-fit-font-scale));--exercise-text-sentence-input:calc(var(--exercise-text-sentence-input-natural,clamp(22px, 3.5vw, 32px)) * var(--sentence-fit-font-scale));--exercise-text-dictation-zh-base:calc(var(--exercise-text-dictation-zh-natural,clamp(20px, 3vw, 28px)) * var(--sentence-fit-font-scale));--exercise-text-dictation-zh:var(--exercise-text-dictation-zh-base);--exercise-text-meaning:calc(var(--exercise-text-meaning) * var(--sentence-fit-font-scale));--exercise-text-phrase-label:calc(var(--exercise-text-phrase-label-natural,clamp(13px, min(2vw, 2.2vh), 18px)) * var(--sentence-fit-font-scale));--exercise-text-ref-chip:calc(var(--exercise-text-ref-chip-natural,clamp(13px, min(2vw, 2.2vh), 16px)) * var(--sentence-fit-font-scale));--exercise-text-test-option:calc(var(--exercise-text-test-option) * var(--sentence-fit-font-scale));--exercise-inner-gap:calc(var(--exercise-inner-gap) * var(--sentence-fit-font-scale));--exercise-reorder-gap:calc(var(--exercise-reorder-gap) * var(--sentence-fit-font-scale));--exercise-text-reorder-slot:calc(var(--exercise-text-reorder-slot) * var(--sentence-fit-font-scale));--exercise-text-reorder-option:calc(var(--exercise-text-reorder-option) * var(--sentence-fit-font-scale));--exercise-input-underline-gap:calc(var(--exercise-input-underline-gap-natural,clamp(8px, 1.2vh, 14px)) * var(--sentence-fit-font-scale));--letter-indicator-size:calc(var(--letter-indicator-size-natural,clamp(12px, 2.2vw, 20px)) * var(--sentence-fit-font-scale))}.sentence-card.active.sentence-dictation-compact[data-sentence-fit-scale].sentence-dictation-compact,.sentence-card.active.sentence-writing-card[data-sentence-fit-scale].sentence-dictation-compact,.test-container.test-container--dictation[data-sentence-fit-scale].sentence-dictation-compact,.test-container.sentence-writing-card[data-sentence-fit-scale].sentence-dictation-compact{--exercise-dictation-offset:clamp(4px, .8vh, 10px)}.sentence-card.active:not(.sentence-fit-expanded):not(.sentence-dictation-compact):not(.reorder-compact):not(.sentence-fit-flex):not(:has(.application-sentence)){justify-content:center}.sentence-card.active:not(.sentence-fit-expanded):not(.sentence-dictation-compact):not(.reorder-compact):not(.sentence-fit-flex)>.sentence-inner,.sentence-card.active:not(.sentence-fit-expanded):not(.reorder-compact):not(.sentence-fit-flex)>.intro-card-wrap,.test-container:not(.sentence-fit-expanded):not(.sentence-dictation-compact):not(.sentence-fit-flex)>.sentence-fit-content{justify-content:center}.sentence-card.active.sentence-fit-expanded:not(.sentence-fit-flex)>.sentence-inner,.test-container.sentence-fit-expanded:not(.sentence-fit-flex)>.sentence-fit-content{justify-content:flex-start}.sentence-card.active.sentence-fit-expanded:not(.sentence-fit-flex)>.intro-card-wrap{justify-content:center}.sentence-card.active.sentence-fit-flex[data-sentence-fit-scale]:not(:has(.application-sentence)){justify-content:flex-start}.sentence-card.active.sentence-fit-wrap .phrase-words,.sentence-card.active.sentence-fit-wrap .word-input-row,.sentence-card.active.sentence-fit-wrap .answer-line-input-row,.sentence-card.active.sentence-fit-wrap .writing-input-container,.test-container.sentence-fit-wrap .phrase-words,.test-container.sentence-fit-wrap .word-input-row,.test-container.sentence-fit-wrap .answer-line-input-row,.test-container.sentence-fit-wrap .writing-input-container{flex-wrap:wrap;justify-content:center;row-gap:clamp(6px,1vh,12px)}.sentence-card.active.sentence-fit-wrap .words-container,.test-container.sentence-fit-wrap .words-container{width:100%;max-width:100%}.sentence-card.active.sentence-dictation-card .phrase-words,.test-container.test-container--dictation .phrase-words{max-width:100%}.rc-ai,.rc-ai-panel{--rc-ai-panel-shadow:var(--shadow);--rc-ai-fab-shadow:0 4px 16px color-mix(in srgb, var(--brand) 28%, transparent);--rc-ai-fab-shadow-hover:0 6px 20px color-mix(in srgb, var(--brand) 38%, transparent);--rc-ai-action-bg:color-mix(in srgb, var(--text) 8%, transparent);--rc-ai-resize-grip:color-mix(in srgb, var(--brand) 55%, transparent);--rc-scroll-track:transparent;--rc-scroll-thumb:color-mix(in srgb, var(--brand) 30%, transparent);--rc-scroll-thumb-hover:color-mix(in srgb, var(--brand) 50%, transparent);color:var(--text)}html[data-theme="0"] .rc-ai,html[data-theme="0"] .rc-ai-panel{--rc-ai-panel-shadow:0 16px 48px #0000006b;--rc-ai-action-bg:color-mix(in srgb, var(--text) 10%, transparent)}.rc-page.rc-eye .rc-ai{--rc-ai-fab-shadow:0 4px 16px #5a8f6247;--rc-ai-fab-shadow-hover:0 6px 20px #5a8f6261;--rc-ai-resize-grip:#5a8f628c;--rc-ai-panel-shadow:0 16px 48px #4a524624;--rc-scroll-thumb:#5a8f6261;--rc-scroll-thumb-hover:#5a8f6294}.rc-ai-chat{scrollbar-width:thin;scrollbar-color:var(--rc-scroll-thumb) var(--rc-scroll-track)}.rc-ai-chat::-webkit-scrollbar{width:8px}.rc-ai-chat::-webkit-scrollbar-track{background:var(--rc-scroll-track);border-radius:999px}.rc-ai-chat::-webkit-scrollbar-thumb{background:var(--rc-scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.rc-ai-chat::-webkit-scrollbar-thumb:hover{background:var(--rc-scroll-thumb-hover);background-clip:padding-box}@media (prefers-reduced-motion:reduce){.sentence-hint-overlay,.sentence-hint-panel,.sentence-error-modal{animation:none!important}.exercise-progress-fill,.nav-btn,.practice-action-btn,.sentence-touch-btn,.sentence-hint-panel-close,.error-modal-close,.speaker-btn,.play-word-btn,.play-sentence-btn,.card-speaker-btn{transition:none!important}}:root{--ps-streak-top:clamp(88px, 12vh, 120px);--ps-streak-top-mobile:calc(72px + env(safe-area-inset-top,0px));--ps-streak-top-corner:calc(58px + env(safe-area-inset-top,0px));--ps-streak-z:10050;--streak-color:#fbbf24;--streak-glow:#fbbf2480}.perfect-counter,.perfect-streak{top:var(--ps-streak-top);white-space:nowrap;color:var(--streak-color);text-shadow:0 0 20px var(--streak-glow);opacity:0;visibility:hidden;pointer-events:none;z-index:var(--ps-streak-z);box-shadow:none;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0;font-size:clamp(24px,5vw,34px);font-style:italic;font-weight:800;line-height:1.2;transition:none;display:inline-flex;position:fixed;left:50%;right:auto;transform:translate(-50%)scale(.8)}body.mobile-page .perfect-counter,body.mobile-page .perfect-streak{top:var(--ps-streak-top-mobile);font-size:28px}.perfect-counter .perfect-icon img,.perfect-streak .perfect-icon img{vertical-align:middle;width:18px;height:18px;display:inline-block}.perfect-counter:before,.perfect-streak:before{content:none!important;display:none!important}.perfect-counter .perfect-text,.perfect-counter .perfect-label,.perfect-counter .perfect-number,.perfect-counter .perfect-multiplier,.perfect-streak .perfect-text,.perfect-streak .perfect-label,.perfect-streak .perfect-number{color:var(--streak-color)}.perfect-counter.show,.perfect-streak.show{visibility:visible;animation:1.5s ease-out forwards perfectStreakPop}@keyframes perfectStreakPop{0%{opacity:0;transform:translate(-50%)scale(.75)}10%{opacity:1;transform:translate(-50%)scale(1.06)}16%{opacity:1;transform:translate(-50%)scale(1)}78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.9)}}.perfect-counter.streak-tier-legendary.show,.perfect-streak.streak-tier-legendary.show{animation:1.7s ease-out forwards perfectStreakLegendary}@keyframes perfectStreakLegendary{0%{opacity:0;transform:translate(-50%)scale(.75)}9%{opacity:1;transform:translate(-50%)scale(1.12)}17%{opacity:1;transform:translate(-50%)scale(1)}32%{opacity:1;transform:translate(-50%)scale(1.08)}44%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.9)}}.perfect-counter.is-center-stage.show,.perfect-streak.is-center-stage.show{animation:.85s ease-out forwards perfectStreakPop}.perfect-counter.is-center-stage.streak-tier-legendary.show,.perfect-streak.is-center-stage.streak-tier-legendary.show{animation:.95s ease-out forwards perfectStreakLegendary}body:has(.is-practice-complete) .perfect-counter.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body:has(.is-practice-complete) .perfect-streak.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-sentence-intro-mobile:has(.is-practice-complete) .perfect-counter.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-sentence-reorder-mobile:has(.is-practice-complete) .perfect-counter.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-word-sentence-mobile:has(.is-practice-complete) .perfect-counter.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-sentence-writing-mobile:has(.is-practice-complete) .perfect-streak.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-sentence-dictation-mobile:has(.is-practice-complete) .perfect-streak.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-sentence-dictation-mobile:has(.is-practice-complete) .perfect-counter.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-sentence-pronunciation-mobile:has(.is-practice-complete) .perfect-counter.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}body.mobile-page.page-sentence-pronunciation-mobile:has(.is-practice-complete) .perfect-streak.show:not(.is-center-stage){left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}.perfect-counter.is-corner.show,.perfect-streak.is-corner.show{left:auto;right:max(14px, env(safe-area-inset-right,0px));top:var(--ps-streak-top-corner);animation-name:perfectStreakPopCorner;animation-duration:.75s}.perfect-counter.streak-tier-legendary.is-corner.show,.perfect-streak.streak-tier-legendary.is-corner.show{animation-name:perfectStreakLegendaryCorner;animation-duration:.85s}body:has(.is-practice-complete) .perfect-counter.streak-tier-legendary.show:not(.is-center-stage){animation-name:perfectStreakLegendaryCorner;animation-duration:.85s}body:has(.is-practice-complete) .perfect-streak.streak-tier-legendary.show:not(.is-center-stage){animation-name:perfectStreakLegendaryCorner;animation-duration:.85s}@keyframes perfectStreakPopCorner{0%{opacity:0;transform:scale(.75)}10%{opacity:1;transform:scale(1.06)}16%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes perfectStreakLegendaryCorner{0%{opacity:0;transform:scale(.75)}9%{opacity:1;transform:scale(1.12)}17%{opacity:1;transform:scale(1)}32%{opacity:1;transform:scale(1.08)}44%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.perfect-counter.streak-tier-perfect,.perfect-streak.streak-tier-perfect{--streak-color:#fbbf24;--streak-glow:#fbbf248c}.perfect-counter.streak-tier-great,.perfect-streak.streak-tier-great{--streak-color:#34d399;--streak-glow:#34d3998c}.perfect-counter.streak-tier-awesome,.perfect-streak.streak-tier-awesome{--streak-color:#c084fc;--streak-glow:#c084fc99}.perfect-counter.streak-tier-legendary,.perfect-streak.streak-tier-legendary{--streak-color:#fb923c;--streak-glow:#fb923ca6}html[data-theme="1"] .perfect-counter.show,html[data-theme="1"] .perfect-streak.show,html[data-theme="2"] .perfect-counter.show,html[data-theme="2"] .perfect-streak.show,html[data-theme="3"] .perfect-counter.show,html[data-theme="3"] .perfect-streak.show,html[data-theme="1"] body.mobile-page .perfect-counter.show,html[data-theme="1"] body.mobile-page .perfect-streak.show,html[data-theme="2"] body.mobile-page .perfect-counter.show,html[data-theme="2"] body.mobile-page .perfect-streak.show,html[data-theme="3"] body.mobile-page .perfect-counter.show,html[data-theme="3"] body.mobile-page .perfect-streak.show{border:1px solid color-mix(in srgb, var(--streak-color) 28%, transparent);text-shadow:none;background:#fffffff5;border-radius:999px;padding:4px 14px;box-shadow:0 4px 16px #0f172a1f}html[data-theme="3"] .perfect-counter.show,html[data-theme="3"] .perfect-streak.show,html[data-theme="3"] body.mobile-page .perfect-counter.show,html[data-theme="3"] body.mobile-page .perfect-streak.show{background:#eef2eafa}html[data-theme="2"] .perfect-counter.show,html[data-theme="2"] .perfect-streak.show,html[data-theme="2"] body.mobile-page .perfect-counter.show,html[data-theme="2"] body.mobile-page .perfect-streak.show{background:#fffbf7fa}html[data-theme="1"] .perfect-counter.streak-tier-perfect,html[data-theme="1"] .perfect-streak.streak-tier-perfect,html[data-theme="2"] .perfect-counter.streak-tier-perfect,html[data-theme="2"] .perfect-streak.streak-tier-perfect,html[data-theme="3"] .perfect-counter.streak-tier-perfect,html[data-theme="3"] .perfect-streak.streak-tier-perfect,html[data-theme="1"] body.mobile-page .perfect-counter.streak-tier-perfect,html[data-theme="1"] body.mobile-page .perfect-streak.streak-tier-perfect,html[data-theme="2"] body.mobile-page .perfect-counter.streak-tier-perfect,html[data-theme="2"] body.mobile-page .perfect-streak.streak-tier-perfect,html[data-theme="3"] body.mobile-page .perfect-counter.streak-tier-perfect,html[data-theme="3"] body.mobile-page .perfect-streak.streak-tier-perfect{--streak-color:#c2410c;--streak-glow:#c2410c59}html[data-theme="1"] .perfect-counter.streak-tier-great,html[data-theme="1"] .perfect-streak.streak-tier-great,html[data-theme="2"] .perfect-counter.streak-tier-great,html[data-theme="2"] .perfect-streak.streak-tier-great,html[data-theme="3"] .perfect-counter.streak-tier-great,html[data-theme="3"] .perfect-streak.streak-tier-great,html[data-theme="1"] body.mobile-page .perfect-counter.streak-tier-great,html[data-theme="1"] body.mobile-page .perfect-streak.streak-tier-great,html[data-theme="2"] body.mobile-page .perfect-counter.streak-tier-great,html[data-theme="2"] body.mobile-page .perfect-streak.streak-tier-great,html[data-theme="3"] body.mobile-page .perfect-counter.streak-tier-great,html[data-theme="3"] body.mobile-page .perfect-streak.streak-tier-great{--streak-color:#047857;--streak-glow:#04785759}html[data-theme="1"] .perfect-counter.streak-tier-awesome,html[data-theme="1"] .perfect-streak.streak-tier-awesome,html[data-theme="2"] .perfect-counter.streak-tier-awesome,html[data-theme="2"] .perfect-streak.streak-tier-awesome,html[data-theme="3"] .perfect-counter.streak-tier-awesome,html[data-theme="3"] .perfect-streak.streak-tier-awesome,html[data-theme="1"] body.mobile-page .perfect-counter.streak-tier-awesome,html[data-theme="1"] body.mobile-page .perfect-streak.streak-tier-awesome,html[data-theme="2"] body.mobile-page .perfect-counter.streak-tier-awesome,html[data-theme="2"] body.mobile-page .perfect-streak.streak-tier-awesome,html[data-theme="3"] body.mobile-page .perfect-counter.streak-tier-awesome,html[data-theme="3"] body.mobile-page .perfect-streak.streak-tier-awesome{--streak-color:#7c3aed;--streak-glow:#7c3aed59}html[data-theme="1"] .perfect-counter.streak-tier-legendary,html[data-theme="1"] .perfect-streak.streak-tier-legendary,html[data-theme="2"] .perfect-counter.streak-tier-legendary,html[data-theme="2"] .perfect-streak.streak-tier-legendary,html[data-theme="3"] .perfect-counter.streak-tier-legendary,html[data-theme="3"] .perfect-streak.streak-tier-legendary,html[data-theme="1"] body.mobile-page .perfect-counter.streak-tier-legendary,html[data-theme="1"] body.mobile-page .perfect-streak.streak-tier-legendary,html[data-theme="2"] body.mobile-page .perfect-counter.streak-tier-legendary,html[data-theme="2"] body.mobile-page .perfect-streak.streak-tier-legendary,html[data-theme="3"] body.mobile-page .perfect-counter.streak-tier-legendary,html[data-theme="3"] body.mobile-page .perfect-streak.streak-tier-legendary{--streak-color:#c2410c;--streak-glow:#c2410c66}html[data-theme="1"] body.mobile-page .perfect-counter,html[data-theme="1"] body.mobile-page .perfect-streak,html[data-theme="2"] body.mobile-page .perfect-counter,html[data-theme="2"] body.mobile-page .perfect-streak,html[data-theme="3"] body.mobile-page .perfect-counter,html[data-theme="3"] body.mobile-page .perfect-streak{text-shadow:0 1px 0 #ffffffe6, 0 0 10px var(--streak-glow);color:var(--streak-color)!important}html[data-theme="1"] body.mobile-page .perfect-counter .perfect-text,html[data-theme="1"] body.mobile-page .perfect-counter .perfect-label,html[data-theme="1"] body.mobile-page .perfect-counter .perfect-number,html[data-theme="1"] body.mobile-page .perfect-streak .perfect-text,html[data-theme="1"] body.mobile-page .perfect-streak .perfect-label,html[data-theme="1"] body.mobile-page .perfect-streak .perfect-number,html[data-theme="2"] body.mobile-page .perfect-counter .perfect-text,html[data-theme="2"] body.mobile-page .perfect-counter .perfect-label,html[data-theme="2"] body.mobile-page .perfect-counter .perfect-number,html[data-theme="2"] body.mobile-page .perfect-streak .perfect-text,html[data-theme="2"] body.mobile-page .perfect-streak .perfect-label,html[data-theme="2"] body.mobile-page .perfect-streak .perfect-number,html[data-theme="3"] body.mobile-page .perfect-counter .perfect-text,html[data-theme="3"] body.mobile-page .perfect-counter .perfect-label,html[data-theme="3"] body.mobile-page .perfect-counter .perfect-number,html[data-theme="3"] body.mobile-page .perfect-streak .perfect-text,html[data-theme="3"] body.mobile-page .perfect-streak .perfect-label,html[data-theme="3"] body.mobile-page .perfect-streak .perfect-number{color:var(--streak-color)!important}@media (orientation:landscape) and (height<=500px){body.mobile-page .perfect-counter,body.mobile-page .perfect-streak{top:calc(56px + env(safe-area-inset-top,0px));font-size:22px}}@keyframes game-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes game-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes game-match-fade{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}to{opacity:.35;transform:scale(.95)}}@keyframes game-countdown-pulse{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes game-mole-pop{0%{opacity:0;transform:translateY(30px)scale(.8)}60%{opacity:1;transform:translateY(-4px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes game-mole-hide{to{opacity:0;transform:translateY(30px)}}@keyframes game-wave-banner{0%{opacity:0;transform:translateY(-100%)scale(.9)}15%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)}}@keyframes game-explode{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes game-plane-wobble{0%,to{transform:translate(-50%)rotate(-3deg)}50%{transform:translate(-50%)rotate(3deg)}}@keyframes game-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes game-hit-flash{0%{filter:brightness(2)}to{filter:brightness()}}@keyframes game-soldier-pulse{0%,to{box-shadow:0 0 0 3px #fbbf24}50%{box-shadow:0 0 0 6px #fbbf2480,0 0 16px #fbbf2466}}.game-shake{animation:.45s game-shake}.game-pop{animation:.35s game-pop}.game-match-anim{animation:.5s forwards game-match-fade}.game-countdown{text-align:center;color:var(--brand);padding:28px;font-size:clamp(56px,12vw,80px);font-weight:800;animation:.8s game-countdown-pulse}.game-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9;background:#0000008c;position:fixed;inset:0}.game-result-modal{z-index:10;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.game-result-card{text-align:center;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);width:min(420px,100%);padding:28px 24px;animation:.4s game-pop;box-shadow:0 12px 48px #00000073}.game-result-card h3{margin-bottom:8px;font-size:24px}.game-result-card p{color:var(--text-sub);margin-bottom:4px}.game-result-card .result-stars{letter-spacing:4px;margin:12px 0;font-size:28px}.game-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.game-wave-banner{color:#fcd34d;z-index:8;white-space:nowrap;pointer-events:none;background:#000000b3;border-radius:999px;padding:12px 28px;font-size:20px;font-weight:800;animation:2.2s forwards game-wave-banner;position:absolute;top:20%;left:50%;transform:translate(-50%)}.game-timer-urgent{animation:.8s infinite game-timer-pulse}.game-hit-flash{animation:.3s game-hit-flash}.game-title-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:6px 0;display:flex}.game-title-bar__info{flex:auto;min-width:0}.game-title-bar__heading{background:linear-gradient(135deg,#a78bfa 0%,#818cf8 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:baseline;gap:.45em;margin:0;font-size:clamp(14px,2.5vw,18px);font-weight:700;line-height:1.35;display:inline-flex}.game-title-bar__unit{font-size:inherit;font-weight:inherit;background:inherit;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.game-title-bar__actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.game-toolbar{flex-shrink:0;align-items:center;gap:10px;display:flex}.game-toolbar .btn-compact{flex-shrink:0;min-height:36px;padding:0 12px;font-size:13px}.exercise-page.game .btn,.exercise-page.game-page .btn,.exercise-page.memory-page .btn,.exercise-page.whack-page .btn,.game-result-actions .btn,.game-title-bar .btn,.game-toolbar .btn,.select-page .btn,.air-support-actions .btn,.exercise-page.game .learn-btn,.exercise-page.game-page .learn-btn,.exercise-page.memory-page .learn-btn,.exercise-page.whack-page .learn-btn,.game-result-actions .learn-btn,.game-title-bar .learn-btn,.game-toolbar .learn-btn,.select-page .learn-btn,.air-support-actions .learn-btn{box-sizing:border-box;min-height:var(--learn-btn-h,40px);padding:0 var(--learn-btn-pad-x,16px);border-radius:var(--learn-btn-radius,12px);border:1px solid var(--learn-border,#e5e7eb);background:var(--learn-btn-bg,#fff);color:var(--learn-fg,var(--text));font-size:var(--learn-btn-font,14px);font-weight:var(--learn-btn-weight,600);cursor:pointer;box-shadow:var(--learn-btn-shadow,none);white-space:nowrap;transition:background-color var(--learn-motion-hover,.15s ease), border-color var(--learn-motion-hover,.15s ease), color var(--learn-motion-hover,.15s ease), opacity var(--learn-motion-hover,.15s ease);justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex;transform:none}.exercise-page.game .btn:hover,.exercise-page.game-page .btn:hover,.exercise-page.memory-page .btn:hover,.exercise-page.whack-page .btn:hover,.game-result-actions .btn:hover,.game-title-bar .btn:hover,.game-toolbar .btn:hover,.select-page .btn:hover,.air-support-actions .btn:hover{background:var(--learn-hover,#f3f4f6)}.exercise-page.game .btn:active,.exercise-page.game-page .btn:active,.exercise-page.memory-page .btn:active,.exercise-page.whack-page .btn:active,.game-result-actions .btn:active,.game-title-bar .btn:active,.game-toolbar .btn:active,.select-page .btn:active,.air-support-actions .btn:active{transform:none}.exercise-page.game .btn:focus-visible,.exercise-page.game-page .btn:focus-visible,.exercise-page.memory-page .btn:focus-visible,.exercise-page.whack-page .btn:focus-visible,.game-result-actions .btn:focus-visible,.game-title-bar .btn:focus-visible,.game-toolbar .btn:focus-visible,.select-page .btn:focus-visible,.air-support-actions .btn:focus-visible,.exercise-page.game .air-support-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:1px}.exercise-page.game .btn:disabled,.exercise-page.game-page .btn:disabled,.exercise-page.memory-page .btn:disabled,.exercise-page.whack-page .btn:disabled,.game-result-actions .btn:disabled,.game-title-bar .btn:disabled,.game-toolbar .btn:disabled,.select-page .btn:disabled,.air-support-actions .btn:disabled{opacity:.55;cursor:default}.exercise-page.game .btn-primary,.exercise-page.game-page .btn-primary,.exercise-page.memory-page .btn-primary,.exercise-page.whack-page .btn-primary,.game-result-actions .btn-primary,.game-title-bar .btn-primary,.game-toolbar .btn-primary,.select-page .btn-primary,.air-support-actions .btn-primary,.exercise-page.game .learn-btn--primary,.exercise-page.game-page .learn-btn--primary,.exercise-page.memory-page .learn-btn--primary,.exercise-page.whack-page .learn-btn--primary,.game-result-actions .learn-btn--primary,.select-page .learn-btn--primary{background:var(--brand);color:#fff;box-shadow:none;border-color:#0000}.exercise-page.game .btn-primary:hover:not(:disabled),.exercise-page.game-page .btn-primary:hover:not(:disabled),.exercise-page.memory-page .btn-primary:hover:not(:disabled),.exercise-page.whack-page .btn-primary:hover:not(:disabled),.game-result-actions .btn-primary:hover:not(:disabled),.game-title-bar .btn-primary:hover:not(:disabled),.game-toolbar .btn-primary:hover:not(:disabled),.select-page .btn-primary:hover:not(:disabled),.air-support-actions .btn-primary:hover:not(:disabled),.exercise-page.game .learn-btn--primary:hover:not(:disabled),.exercise-page.game-page .learn-btn--primary:hover:not(:disabled),.exercise-page.memory-page .learn-btn--primary:hover:not(:disabled),.exercise-page.whack-page .learn-btn--primary:hover:not(:disabled),.game-result-actions .learn-btn--primary:hover:not(:disabled),.select-page .learn-btn--primary:hover:not(:disabled){background:var(--learn-btn-primary-hover,color-mix(in srgb, var(--brand) 88%, #000));color:#fff}.exercise-page.game .btn-ghost,.exercise-page.game-page .btn-ghost,.exercise-page.memory-page .btn-ghost,.exercise-page.whack-page .btn-ghost,.game-result-actions .btn-ghost,.game-title-bar .btn-ghost,.air-support-actions .btn-ghost,.exercise-page.game .learn-btn:not(.learn-btn--primary):not(.learn-btn--warn):not(.learn-btn--success),.game-result-actions .learn-btn:not(.learn-btn--primary){background:var(--learn-btn-bg,#fff);border:1px solid var(--learn-border,#e5e7eb);color:var(--learn-fg,var(--text))}.exercise-page.game .btn-ghost:hover:not(:disabled),.exercise-page.game-page .btn-ghost:hover:not(:disabled),.exercise-page.memory-page .btn-ghost:hover:not(:disabled),.exercise-page.whack-page .btn-ghost:hover:not(:disabled),.game-result-actions .btn-ghost:hover:not(:disabled),.game-title-bar .btn-ghost:hover:not(:disabled),.air-support-actions .btn-ghost:hover:not(:disabled){background:var(--learn-hover,#f3f4f6);color:var(--learn-fg,var(--text))}.exercise-page.game .air-support-btn{z-index:25;min-height:var(--learn-btn-h,40px);border-radius:var(--learn-btn-radius,12px);background:var(--brand);color:#fff;font-size:var(--learn-btn-font,14px);font-weight:var(--learn-btn-weight,600);cursor:pointer;box-shadow:var(--learn-btn-shadow,none);transition:background-color var(--learn-motion-hover,.15s ease), transform var(--learn-motion-hover,.15s ease);border:1px solid #0000;justify-content:center;align-items:center;padding:0 22px;display:inline-flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.exercise-page.game .air-support-btn:hover{background:var(--learn-btn-primary-hover,color-mix(in srgb, var(--brand) 88%, #000));transform:translate(-50%)}:is(.exercise-page.game-page :deep(.exercise-header),.exercise-page.memory-page :deep(.exercise-header),.exercise-page.whack-page :deep(.exercise-header),.exercise-page.game :deep(.exercise-header)){border-bottom:none;flex-wrap:nowrap;margin-bottom:0;padding:6px 0}:is(.exercise-page.game-page :deep(.exercise-header__title),.exercise-page.memory-page :deep(.exercise-header__title),.exercise-page.whack-page :deep(.exercise-header__title),.exercise-page.game :deep(.exercise-header__title)){flex:auto;min-width:0}:is(.exercise-page.game-page :deep(.exercise-header__actions),.exercise-page.memory-page :deep(.exercise-header__actions),.exercise-page.whack-page :deep(.exercise-header__actions),.exercise-page.game :deep(.exercise-header__actions)){flex-shrink:0;margin-left:auto}.game-toolbar .hints-stats-row{flex:1;min-width:0;margin-top:0}.game-toolbar .progress-hints{margin-top:0}.exercise-page.game .arena,.exercise-page.whack-page .field{flex:auto;width:100%;min-height:clamp(480px,100dvh - 148px,720px)}.exercise-page.game:has(.input-bar) .arena{flex:auto;min-height:0}.exercise-page.game .input-bar{box-sizing:border-box;flex-shrink:0;width:100%;min-width:0;max-width:100%}.exercise-page.game .input-bar input{box-sizing:border-box;flex:auto;width:100%;min-width:0;max-width:100%}.word-match-board-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 0 16px;display:flex;overflow:auto}.word-match-board{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:860px;display:grid}@media (width<=640px){.word-match-board{grid-template-rows:repeat(8,auto);grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}}.word-match-board .tile{text-align:center;justify-content:center;align-items:center;height:auto;min-height:92px;padding:12px 10px;font-size:clamp(15px,1.9vw,18px);line-height:1.35;display:flex;overflow:hidden}