.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:background-color .3s ease,border-color .3s ease,color .15s ease,box-shadow .3s ease!important}.no-theme-transition,.no-theme-transition *,.no-theme-transition *:before,.no-theme-transition *:after{transition:none!important}:root,[data-theme=light]{--fs-2xs: 12px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 22px;--fs-4xl: 24px;--fs-5xl: 30px;--fs-6xl: 40px;--fs-7xl: 56px;--font-ui: "Archivo", "Noto Sans TC", system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--font-display: var(--font-ui);--font-num: var(--font-ui);--font-ipa: "Charis SIL", "Noto Sans", "Lucida Sans Unicode", "Segoe UI", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--stretch-display: 116%;--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--ease-out: cubic-bezier(.2,.7,.2,1);--ease-quench: cubic-bezier(.12,.8,.18,1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--heat-0: #6a8aa0;--heat-1: #7a5e62;--heat-2: #d9480f;--heat-3: #f59f00;--heat-4: #ffd08a;--heat-white: #fff4d6;--spark-a: #f59f00;--spark-b: #e8590c;--spark-c: #ffb347;--ok: #f59f00;--miss: #6a8aa0;--streak: #e8590c;--danger: #c2255c;--info: #3f78d6;--bg-app: #e9ecef;--bg-body: #e9ecef;--bg-card: #f8f9fa;--bg-header: rgba(233,236,239,.92);--bg-toast: rgba(248,249,250,.98);--bg-iron: #1c2227;--text-on-iron: #eef1f3;--iron-border: #1c2227;--iron-glow: rgba(255,120,30,.16);--chip-active-bg: #1c2227;--chip-active-fg: #eef1f3;--surface-1: rgba(28,34,39,.03);--surface-2: rgba(28,34,39,.045);--surface-3: rgba(28,34,39,.06);--surface-4: rgba(28,34,39,.075);--surface-5: rgba(28,34,39,.09);--surface-hover: rgba(28,34,39,.08);--surface-active: rgba(28,34,39,.12);--text-primary: #161b20;--text-body: #222a31;--text-medium: #3e4851;--text-muted: #4e5862;--text-dim: #525c66;--text-faint: #525c66;--text-ghost: #56606a;--text-invisible: #a9b1b9;--text-on-accent: #12161a;--accent-text: color-mix(in srgb, var(--accent, #2fb38a) 40%, var(--text-body));--streak-text: color-mix(in srgb, #e8590c 40%, var(--text-body));--success-text: color-mix(in srgb, #e8590c 40%, var(--text-body));--amber-text: color-mix(in srgb, #f59f00 40%, var(--text-body));--danger-text: color-mix(in srgb, #c2255c 40%, var(--text-body));--miss-text: color-mix(in srgb, #3f6a8a 55%, var(--text-body));--info-text: color-mix(in srgb, #3f78d6 55%, var(--text-body));--text-gray-1: #56606a;--border-1: rgba(28,34,39,.08);--border-2: rgba(28,34,39,.11);--border-3: rgba(28,34,39,.14);--border-4: rgba(28,34,39,.18);--border-5: rgba(28,34,39,.24);--shadow: rgba(20,26,31,.16);--scrollbar: #b8c0c7;--example-text: #44505a;--example-zh: #4e5a64;--example-dim: #505c66;--example-faint: #535e68;--card-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 2px rgba(20,26,31,.08);--card-shadow-hover: inset 0 1px 0 rgba(255,255,255,.75), 0 8px 20px -10px rgba(20,26,31,.3);--float-shadow: 0 1px 2px rgba(20,26,31,.08), 0 18px 40px -16px rgba(20,26,31,.35);--input-focus-glow: 0 0 0 3px color-mix(in srgb, var(--accent, #2fb38a) 35%, transparent);--correct-glow: 0 0 0 3px rgba(255,179,71,.45), 0 0 22px rgba(240,140,0,.35);--incorrect-glow: 0 0 0 2px rgba(106,138,160,.45);--card-bg-subtle: linear-gradient(180deg, var(--surface-2) 0%, var(--surface-1) 100%)}[data-theme=dark]{--bg-app: #121518;--bg-body: #121518;--bg-card: #1b1f23;--bg-header: rgba(18,21,24,.9);--bg-toast: rgba(27,31,35,.97);--bg-iron: #252a30;--text-on-iron: #eef1f3;--iron-border: rgba(230,236,240,.14);--iron-glow: rgba(255,120,30,.28);--chip-active-bg: #e6eaed;--chip-active-fg: #121518;--heat-0: #7f9db3;--miss: #7f9db3;--spark-a: #fff4d6;--spark-b: #ffd08a;--spark-c: #f59f00;--info: #74a6f0;--surface-1: rgba(230,236,240,.03);--surface-2: rgba(230,236,240,.04);--surface-3: rgba(230,236,240,.055);--surface-4: rgba(230,236,240,.07);--surface-5: rgba(230,236,240,.085);--surface-hover: rgba(230,236,240,.08);--surface-active: rgba(230,236,240,.12);--text-primary: #eef1f3;--text-body: #dce1e5;--text-medium: #b9c1c8;--text-muted: #9aa4ad;--text-dim: #9aa4ad;--text-faint: #a3acb4;--text-ghost: #96a0a9;--text-invisible: #3a4148;--text-on-accent: #0e1114;--accent-text: color-mix(in srgb, var(--accent, #2fb38a) 40%, var(--text-body));--streak-text: color-mix(in srgb, #ff8a3d 45%, var(--text-body));--success-text: color-mix(in srgb, #ffa94d 45%, var(--text-body));--amber-text: color-mix(in srgb, #f59f00 40%, var(--text-body));--danger-text: color-mix(in srgb, #f06595 40%, var(--text-body));--miss-text: color-mix(in srgb, #7f9db3 55%, var(--text-body));--info-text: color-mix(in srgb, #74a6f0 55%, var(--text-body));--text-gray-1: #a3acb4;--border-1: rgba(230,236,240,.06);--border-2: rgba(230,236,240,.09);--border-3: rgba(230,236,240,.12);--border-4: rgba(230,236,240,.16);--border-5: rgba(230,236,240,.22);--shadow: rgba(0,0,0,.5);--scrollbar: #2c3238;--example-text: #aeb7bf;--example-zh: #a2abb3;--example-dim: #98a1aa;--example-faint: #98a1aa;--card-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 2px rgba(0,0,0,.4);--card-shadow-hover: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px -12px rgba(0,0,0,.7);--float-shadow: 0 1px 2px rgba(0,0,0,.4), 0 22px 48px -18px rgba(0,0,0,.8);--input-focus-glow: 0 0 0 3px color-mix(in srgb, var(--accent, #2fb38a) 30%, transparent);--correct-glow: 0 0 0 3px rgba(255,179,71,.35), 0 0 26px rgba(255,140,30,.35);--incorrect-glow: 0 0 0 2px rgba(127,157,179,.4);--card-bg-subtle: linear-gradient(180deg, var(--surface-3) 0%, var(--surface-2) 100%)}[data-theme=light][data-color-theme=ocean]{--bg-app: #f0f7fa;--bg-body: #f0f7fa;--bg-card: #f8fcff;--bg-header: rgba(240,247,250,.98);--bg-toast: rgba(248,252,255,.98);--surface-1: rgba(0,100,180,.03);--surface-2: rgba(0,100,180,.05);--surface-3: rgba(0,100,180,.07);--surface-4: rgba(0,100,180,.09);--surface-5: rgba(0,100,180,.1);--surface-hover: rgba(0,100,180,.1);--surface-active: rgba(0,100,180,.13);--text-primary: #0c2d3e;--text-body: #1a3d50;--example-text: #346783;--example-zh: #406b7e;--border-1: rgba(0,100,180,.08);--border-2: rgba(0,100,180,.12);--border-3: rgba(0,100,180,.15);--border-4: rgba(0,100,180,.18);--border-5: rgba(0,100,180,.22);--shadow: rgba(0,80,160,.1);--scrollbar: #9ecde0}[data-theme=dark][data-color-theme=ocean]{--bg-app: #06111a;--bg-body: #06111a;--bg-card: #0c1e2e;--bg-header: rgba(6,17,26,.97);--bg-toast: rgba(12,30,46,.95);--surface-1: rgba(60,180,240,.03);--surface-2: rgba(60,180,240,.04);--surface-3: rgba(60,180,240,.06);--surface-4: rgba(60,180,240,.07);--surface-5: rgba(60,180,240,.08);--surface-hover: rgba(60,180,240,.09);--surface-active: rgba(60,180,240,.13);--text-primary: #d8eff6;--text-body: #b8dbe8;--example-text: #6eafc8;--example-zh: #4c8eaa;--border-1: rgba(60,180,240,.06);--border-2: rgba(60,180,240,.09);--border-3: rgba(60,180,240,.12);--border-4: rgba(60,180,240,.16);--border-5: rgba(60,180,240,.2);--shadow: rgba(0,20,60,.5);--scrollbar: #1a3d55}[data-theme=light][data-color-theme=forest]{--bg-app: #f3f7f0;--bg-body: #f3f7f0;--bg-card: #fafcf8;--bg-header: rgba(243,247,240,.98);--bg-toast: rgba(250,252,248,.98);--surface-1: rgba(40,120,40,.03);--surface-2: rgba(40,120,40,.05);--surface-3: rgba(40,120,40,.07);--surface-4: rgba(40,120,40,.09);--surface-5: rgba(40,120,40,.1);--surface-hover: rgba(40,120,40,.1);--surface-active: rgba(40,120,40,.13);--text-primary: #1a2e14;--text-body: #2a4020;--example-text: #456a39;--example-zh: #526d46;--border-1: rgba(40,120,40,.08);--border-2: rgba(40,120,40,.12);--border-3: rgba(40,120,40,.15);--border-4: rgba(40,120,40,.18);--border-5: rgba(40,120,40,.22);--shadow: rgba(20,80,20,.1);--scrollbar: #a5cca0}[data-theme=dark][data-color-theme=forest]{--bg-app: #0a1208;--bg-body: #0a1208;--bg-card: #141f10;--bg-header: rgba(10,18,8,.97);--bg-toast: rgba(20,31,16,.95);--surface-1: rgba(80,180,80,.03);--surface-2: rgba(80,180,80,.04);--surface-3: rgba(80,180,80,.06);--surface-4: rgba(80,180,80,.07);--surface-5: rgba(80,180,80,.08);--surface-hover: rgba(80,180,80,.09);--surface-active: rgba(80,180,80,.13);--text-primary: #daefd4;--text-body: #bddbb4;--example-text: #7ab870;--example-zh: #5a9850;--border-1: rgba(80,180,80,.06);--border-2: rgba(80,180,80,.09);--border-3: rgba(80,180,80,.12);--border-4: rgba(80,180,80,.16);--border-5: rgba(80,180,80,.2);--shadow: rgba(0,30,0,.5);--scrollbar: #1f3d1a}[data-theme=light][data-color-theme=sunset]{--bg-app: #faf5f0;--bg-body: #faf5f0;--bg-card: #fffaf6;--bg-header: rgba(250,245,240,.98);--bg-toast: rgba(255,250,246,.98);--surface-1: rgba(200,80,40,.03);--surface-2: rgba(200,80,40,.05);--surface-3: rgba(200,80,40,.07);--surface-4: rgba(200,80,40,.09);--surface-5: rgba(200,80,40,.1);--surface-hover: rgba(200,80,40,.1);--surface-active: rgba(200,80,40,.13);--text-primary: #3a1e10;--text-body: #4e2c1a;--example-text: #82593e;--example-zh: #865e43;--border-1: rgba(200,80,40,.08);--border-2: rgba(200,80,40,.12);--border-3: rgba(200,80,40,.15);--border-4: rgba(200,80,40,.18);--border-5: rgba(200,80,40,.22);--shadow: rgba(160,60,20,.1);--scrollbar: #e0b8a0}[data-theme=dark][data-color-theme=sunset]{--bg-app: #140a06;--bg-body: #140a06;--bg-card: #241410;--bg-header: rgba(20,10,6,.97);--bg-toast: rgba(36,20,16,.95);--surface-1: rgba(230,120,60,.03);--surface-2: rgba(230,120,60,.04);--surface-3: rgba(230,120,60,.06);--surface-4: rgba(230,120,60,.07);--surface-5: rgba(230,120,60,.08);--surface-hover: rgba(230,120,60,.09);--surface-active: rgba(230,120,60,.13);--text-primary: #f5e0d0;--text-body: #e0c4b0;--example-text: #c09070;--example-zh: #aa7755;--border-1: rgba(230,120,60,.06);--border-2: rgba(230,120,60,.09);--border-3: rgba(230,120,60,.12);--border-4: rgba(230,120,60,.16);--border-5: rgba(230,120,60,.2);--shadow: rgba(40,10,0,.5);--scrollbar: #3d2218}[data-theme=light][data-color-theme=sakura]{--bg-app: #fdf2f5;--bg-body: #fdf2f5;--bg-card: #fff8fa;--bg-header: rgba(253,242,245,.98);--bg-toast: rgba(255,248,250,.98);--surface-1: rgba(200,80,120,.03);--surface-2: rgba(200,80,120,.05);--surface-3: rgba(200,80,120,.07);--surface-4: rgba(200,80,120,.09);--surface-5: rgba(200,80,120,.1);--surface-hover: rgba(200,80,120,.1);--surface-active: rgba(200,80,120,.13);--text-primary: #3a1020;--text-body: #4e1a30;--example-text: #924c6a;--example-zh: #925171;--border-1: rgba(200,80,120,.08);--border-2: rgba(200,80,120,.12);--border-3: rgba(200,80,120,.15);--border-4: rgba(200,80,120,.18);--border-5: rgba(200,80,120,.22);--shadow: rgba(160,40,80,.1);--scrollbar: #e0a0b8}[data-theme=dark][data-color-theme=sakura]{--bg-app: #140810;--bg-body: #140810;--bg-card: #24101c;--bg-header: rgba(20,8,16,.97);--bg-toast: rgba(36,16,28,.95);--surface-1: rgba(230,120,160,.03);--surface-2: rgba(230,120,160,.04);--surface-3: rgba(230,120,160,.06);--surface-4: rgba(230,120,160,.07);--surface-5: rgba(230,120,160,.08);--surface-hover: rgba(230,120,160,.09);--surface-active: rgba(230,120,160,.13);--text-primary: #f5d0e0;--text-body: #e0b0c8;--example-text: #c08098;--example-zh: #aa708d;--border-1: rgba(230,120,160,.06);--border-2: rgba(230,120,160,.09);--border-3: rgba(230,120,160,.12);--border-4: rgba(230,120,160,.16);--border-5: rgba(230,120,160,.2);--shadow: rgba(40,0,20,.5);--scrollbar: #3d1828}[data-theme=light][data-color-theme=galaxy]{--bg-app: #f4f0fa;--bg-body: #f4f0fa;--bg-card: #faf8ff;--bg-header: rgba(244,240,250,.98);--bg-toast: rgba(250,248,255,.98);--surface-1: rgba(100,60,180,.03);--surface-2: rgba(100,60,180,.05);--surface-3: rgba(100,60,180,.07);--surface-4: rgba(100,60,180,.09);--surface-5: rgba(100,60,180,.1);--surface-hover: rgba(100,60,180,.1);--surface-active: rgba(100,60,180,.13);--text-primary: #1e0e3a;--text-body: #2e1a50;--example-text: #6a4a9a;--example-zh: #74539c;--border-1: rgba(100,60,180,.08);--border-2: rgba(100,60,180,.12);--border-3: rgba(100,60,180,.15);--border-4: rgba(100,60,180,.18);--border-5: rgba(100,60,180,.22);--shadow: rgba(60,20,120,.1);--scrollbar: #b8a0d8}[data-theme=dark][data-color-theme=galaxy]{--bg-app: #0a0614;--bg-body: #0a0614;--bg-card: #160e24;--bg-header: rgba(10,6,20,.97);--bg-toast: rgba(22,14,36,.95);--surface-1: rgba(140,100,230,.03);--surface-2: rgba(140,100,230,.04);--surface-3: rgba(140,100,230,.06);--surface-4: rgba(140,100,230,.07);--surface-5: rgba(140,100,230,.08);--surface-hover: rgba(140,100,230,.09);--surface-active: rgba(140,100,230,.13);--text-primary: #e0d4f5;--text-body: #c8b8e0;--example-text: #9a80c8;--example-zh: #8b74b3;--border-1: rgba(140,100,230,.06);--border-2: rgba(140,100,230,.09);--border-3: rgba(140,100,230,.12);--border-4: rgba(140,100,230,.16);--border-5: rgba(140,100,230,.2);--shadow: rgba(20,0,60,.5);--scrollbar: #2a1848}[data-theme=light][data-color-theme=aurora]{--bg-app: #eef8f5;--bg-body: #eef8f5;--bg-card: #f6fcfa;--bg-header: rgba(238,248,245,.98);--bg-toast: rgba(246,252,250,.98);--surface-1: rgba(0,180,140,.03);--surface-2: rgba(0,180,140,.05);--surface-3: rgba(0,180,140,.07);--surface-4: rgba(0,180,140,.09);--surface-5: rgba(0,180,140,.1);--surface-hover: rgba(0,180,140,.1);--surface-active: rgba(0,180,140,.13);--text-primary: #0a2e28;--text-body: #1a4038;--example-text: #2f6f61;--example-zh: #3b7266;--border-1: rgba(0,180,140,.08);--border-2: rgba(0,180,140,.12);--border-3: rgba(0,180,140,.15);--border-4: rgba(0,180,140,.18);--border-5: rgba(0,180,140,.22);--shadow: rgba(0,120,100,.1);--scrollbar: #88d8c8}[data-theme=dark][data-color-theme=aurora]{--bg-app: #06120f;--bg-body: #06120f;--bg-card: #0e201a;--bg-header: rgba(6,18,15,.97);--bg-toast: rgba(14,32,26,.95);--surface-1: rgba(0,220,180,.03);--surface-2: rgba(0,220,180,.04);--surface-3: rgba(0,220,180,.06);--surface-4: rgba(0,220,180,.07);--surface-5: rgba(0,220,180,.08);--surface-hover: rgba(0,220,180,.09);--surface-active: rgba(0,220,180,.13);--text-primary: #d0f5ea;--text-body: #a8e0d0;--example-text: #60c0a8;--example-zh: #40a088;--border-1: rgba(0,220,180,.06);--border-2: rgba(0,220,180,.09);--border-3: rgba(0,220,180,.12);--border-4: rgba(0,220,180,.16);--border-5: rgba(0,220,180,.2);--shadow: rgba(0,30,20,.5);--scrollbar: #1a3d30}[data-theme=light][data-color-theme=midnight]{--bg-app: #f0f2f8;--bg-body: #f0f2f8;--bg-card: #f8f9fd;--bg-header: rgba(240,242,248,.98);--bg-toast: rgba(248,249,253,.98);--surface-1: rgba(40,50,100,.03);--surface-2: rgba(40,50,100,.05);--surface-3: rgba(40,50,100,.07);--surface-4: rgba(40,50,100,.09);--surface-5: rgba(40,50,100,.1);--surface-hover: rgba(40,50,100,.1);--surface-active: rgba(40,50,100,.13);--text-primary: #141830;--text-body: #202848;--example-text: #4b5a96;--example-zh: #4d5e9b;--border-1: rgba(40,50,100,.08);--border-2: rgba(40,50,100,.12);--border-3: rgba(40,50,100,.15);--border-4: rgba(40,50,100,.18);--border-5: rgba(40,50,100,.22);--shadow: rgba(20,30,80,.1);--scrollbar: #a0a8d0}[data-theme=dark][data-color-theme=midnight]{--bg-app: #060810;--bg-body: #060810;--bg-card: #0e1220;--bg-header: rgba(6,8,16,.97);--bg-toast: rgba(14,18,32,.95);--surface-1: rgba(80,100,200,.03);--surface-2: rgba(80,100,200,.04);--surface-3: rgba(80,100,200,.06);--surface-4: rgba(80,100,200,.07);--surface-5: rgba(80,100,200,.08);--surface-hover: rgba(80,100,200,.09);--surface-active: rgba(80,100,200,.13);--text-primary: #d0d8f0;--text-body: #b0b8d8;--example-text: #7888c0;--example-zh: #6f7db0;--border-1: rgba(80,100,200,.06);--border-2: rgba(80,100,200,.09);--border-3: rgba(80,100,200,.12);--border-4: rgba(80,100,200,.16);--border-5: rgba(80,100,200,.2);--shadow: rgba(0,10,40,.5);--scrollbar: #1a2040}[data-theme=light][data-color-theme=neon]{--bg-app: #f5f0fa;--bg-body: #f5f0fa;--bg-card: #fcf8ff;--bg-header: rgba(245,240,250,.98);--bg-toast: rgba(252,248,255,.98);--surface-1: rgba(180,40,200,.03);--surface-2: rgba(180,40,200,.05);--surface-3: rgba(180,40,200,.07);--surface-4: rgba(180,40,200,.09);--surface-5: rgba(180,40,200,.1);--surface-hover: rgba(180,40,200,.1);--surface-active: rgba(180,40,200,.13);--text-primary: #2a0e3a;--text-body: #3e1a50;--example-text: #824697;--example-zh: #8a499a;--border-1: rgba(180,40,200,.08);--border-2: rgba(180,40,200,.12);--border-3: rgba(180,40,200,.15);--border-4: rgba(180,40,200,.18);--border-5: rgba(180,40,200,.22);--shadow: rgba(120,20,140,.1);--scrollbar: #d0a0e0}[data-theme=dark][data-color-theme=neon]{--bg-app: #0c0614;--bg-body: #0c0614;--bg-card: #180e28;--bg-header: rgba(12,6,20,.97);--bg-toast: rgba(24,14,40,.95);--surface-1: rgba(220,80,255,.03);--surface-2: rgba(220,80,255,.04);--surface-3: rgba(220,80,255,.06);--surface-4: rgba(220,80,255,.07);--surface-5: rgba(220,80,255,.08);--surface-hover: rgba(220,80,255,.09);--surface-active: rgba(220,80,255,.13);--text-primary: #f0d0ff;--text-body: #d8b0f0;--example-text: #b080d8;--example-zh: #996cbe;--border-1: rgba(220,80,255,.06);--border-2: rgba(220,80,255,.09);--border-3: rgba(220,80,255,.12);--border-4: rgba(220,80,255,.16);--border-5: rgba(220,80,255,.2);--shadow: rgba(30,0,50,.5);--scrollbar: #30184a}[data-theme=light][data-color-theme=golden]{--bg-app: #faf6ee;--bg-body: #faf6ee;--bg-card: #fffcf4;--bg-header: rgba(250,246,238,.98);--bg-toast: rgba(255,252,244,.98);--surface-1: rgba(180,140,40,.03);--surface-2: rgba(180,140,40,.05);--surface-3: rgba(180,140,40,.07);--surface-4: rgba(180,140,40,.09);--surface-5: rgba(180,140,40,.1);--surface-hover: rgba(180,140,40,.1);--surface-active: rgba(180,140,40,.13);--text-primary: #3a2e10;--text-body: #4e3e1a;--example-text: #766239;--example-zh: #78683c;--border-1: rgba(180,140,40,.08);--border-2: rgba(180,140,40,.12);--border-3: rgba(180,140,40,.15);--border-4: rgba(180,140,40,.18);--border-5: rgba(180,140,40,.22);--shadow: rgba(140,100,10,.1);--scrollbar: #d8c888}[data-theme=dark][data-color-theme=golden]{--bg-app: #12100a;--bg-body: #12100a;--bg-card: #221e14;--bg-header: rgba(18,16,10,.97);--bg-toast: rgba(34,30,20,.95);--surface-1: rgba(220,180,60,.03);--surface-2: rgba(220,180,60,.04);--surface-3: rgba(220,180,60,.06);--surface-4: rgba(220,180,60,.07);--surface-5: rgba(220,180,60,.08);--surface-hover: rgba(220,180,60,.09);--surface-active: rgba(220,180,60,.13);--text-primary: #f5e8c8;--text-body: #e0d0a8;--example-text: #c0a870;--example-zh: #a08850;--border-1: rgba(220,180,60,.06);--border-2: rgba(220,180,60,.09);--border-3: rgba(220,180,60,.12);--border-4: rgba(220,180,60,.16);--border-5: rgba(220,180,60,.2);--shadow: rgba(30,20,0,.5);--scrollbar: #3d3218}.hover-scale{transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-1) ease}@media(prefers-reduced-motion:no-preference)and (hover:hover)and (pointer:fine){.hover-scale:hover{transform:translateY(-1px);box-shadow:var(--card-shadow-hover)}}@media(prefers-reduced-motion:no-preference){.hover-scale:active,.active-press:active{transform:scale(.98) translateY(0)}}.active-press{transition:transform .1s ease,box-shadow .1s ease}.glass-panel{background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:var(--card-shadow)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}:root{--content-max-read: 680px;--content-max-wide: 680px}.content-container{max-width:var(--content-max-read)!important;width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}[data-layout=wide] .content-container{max-width:var(--content-max-wide)!important}.shell-main .view-container{width:100%;max-width:var(--content-max-read);margin-left:auto;margin-right:auto}[data-layout=wide] .shell-main .view-container{max-width:var(--content-max-wide)}@media(min-width:1024px){[data-layout] header .content-container{max-width:1720px!important;padding-left:20px;padding-right:20px}}.app-shell{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:12px 20px 0;overflow:hidden}.app-shell[data-rail=on]{grid-template-columns:220px minmax(0,1fr) 300px}.shell-sidebar,.shell-rail{min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:24px}.shell-sidebar{border-right:1px solid var(--border-1);padding-right:14px}.shell-rail{border-left:1px solid var(--border-1);padding-left:14px}.shell-main{min-width:0;min-height:0;outline:none;overscroll-behavior:contain}@media(min-width:1600px){.app-shell{max-width:1720px;margin:0 auto;grid-template-columns:240px minmax(0,1fr)}.app-shell[data-rail=on]{grid-template-columns:240px minmax(0,1fr) 320px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes particleBurst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0) translateY(-60px)}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.2)}}@keyframes comboShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes timerPulse{0%,to{color:#d9480f}50%{color:#f59f00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes correctBounce{0%{transform:scale(1)}30%{transform:scale(1.06)}50%{transform:scale(.97)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:none}}@keyframes listItemFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pronPulse{0%{box-shadow:0 0 #e8590c73}70%{box-shadow:0 0 0 20px #e8590c00}to{box-shadow:0 0 #e8590c00}}@keyframes skeletonPulse{0%{opacity:.4}50%{opacity:.15}to{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes answerFlash{0%{opacity:.7}to{opacity:0}}.answer-flash{animation:answerFlash .35s ease-out forwards}.fade-up{animation:fadeUp .35s ease-out forwards}.scale-in{animation:scaleIn .3s ease-out forwards}.card-flip{animation:scaleIn .25s ease-out}.bar-fill{transition:height .6s cubic-bezier(.34,1.56,.64,1)}.hover-card{transition:all .2s ease}@media(hover:hover)and (pointer:fine){.hover-card:hover{transform:translateY(-2px);background:var(--surface-hover)!important}}.slide-in-right{animation:slideInRight .3s ease-out forwards}@keyframes forgeQuench{0%{background-color:var(--heat-white);border-color:var(--heat-3);color:#5c2a06;box-shadow:0 0 0 4px #ffb3478c,0 0 36px #ff781eb3;transform:scale(1.03)}28%{background-color:#ffd08a;border-color:var(--heat-2);color:#5c2a06;box-shadow:0 0 0 3px #ff8c2866,0 0 22px #ff781e73;transform:scale(1)}}@keyframes forgeQuenchText{0%,34%{color:#5c2a06}}@keyframes forgeSparks{0%{opacity:1;transform:translateY(2px) scale(.85)}to{opacity:0;transform:translateY(-16px) scale(1.15)}}@keyframes forgeCool{0%{transform:translate(0);box-shadow:0 0 0 4px #6a8aa059}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.correct-bounce{animation:forgeQuench .9s var(--ease-quench)}.correct-bounce *{animation:forgeQuenchText .9s var(--ease-quench)}.correct-bounce:after{content:"";position:absolute;inset:-12px -6px auto;height:28px;pointer-events:none;background:radial-gradient(circle,var(--spark-a) 0 1.5px,transparent 2.5px) 10% 70% / 9px 9px no-repeat,radial-gradient(circle,var(--spark-b) 0 1.5px,transparent 2.5px) 28% 20% / 9px 9px no-repeat,radial-gradient(circle,var(--spark-c) 0 1px,transparent 2px) 46% 60% / 8px 8px no-repeat,radial-gradient(circle,var(--spark-a) 0 1.5px,transparent 2.5px) 63% 15% / 9px 9px no-repeat,radial-gradient(circle,var(--spark-b) 0 1px,transparent 2px) 80% 55% / 8px 8px no-repeat,radial-gradient(circle,var(--spark-c) 0 1.5px,transparent 2.5px) 92% 25% / 9px 9px no-repeat;animation:forgeSparks .7s ease-out forwards}.incorrect-shake{animation:forgeCool .42s ease-out}@media(hover:hover)and (pointer:fine){.forge-hover:hover{background:var(--surface-hover)}.forge-lift{transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-1)}.forge-lift:hover{transform:translateY(-1px);box-shadow:var(--card-shadow-hover);border-color:var(--border-5)}}@media(max-width:1023px){[data-playing="1"] .view-nav{display:none!important}}.forge-stamp{font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:800;letter-spacing:-.03em;line-height:1.02}.score-reveal{animation:scoreReveal .5s cubic-bezier(.34,1.56,.64,1) forwards}.list-item-fade{animation:listItemFadeIn .3s ease-out forwards}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit;transition:all .15s ease}button:active{transform:scale(.96)}input{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}nav::-webkit-scrollbar{display:none}@media(max-width:600px){.scroll-row{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}@media(min-width:768px)and (min-height:700px){.onb-shell{flex:0 0 auto!important;margin:auto 0}.onb-scroll{flex:0 0 auto!important}}@media(hover:none){.kbd-hints{display:none!important}}@media(pointer:coarse){.hdr-nav>button,.hdr-nav>div>button{width:auto!important;min-width:40px!important;height:40px!important;min-height:40px!important}}@media(pointer:coarse){button{min-height:36px}}@media(max-width:480px){:root{--fs-sm: 14px;--fs-2xs: 12px}.hover-card{padding:10px 12px!important}}@media(min-width:1024px){:root{--fs-2xs: 13px;--fs-xs: 13px;--fs-sm: 14px}}@media(min-width:768px){:root{--content-max-read: 720px;--content-max-wide: 900px}}@media(min-width:1024px){:root{--content-max-read: 760px;--content-max-wide: 1040px}}@media(min-width:1440px){:root{--content-max-wide: 1200px}}.practice-modes-row{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}@media(min-height:700px){.practice-modes-row{flex-wrap:wrap;overflow-x:visible}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-up,.scale-in,.card-flip,.slide-in-right,.correct-bounce,.incorrect-shake,.score-reveal,.list-item-fade{animation:none!important;opacity:1!important;transform:none!important}}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent, #2fb38a) 55%,var(--text-primary));outline-offset:3px}[tabindex="-1"]:focus-visible{outline:none}.option-badge{position:absolute;top:6px;left:6px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;color:var(--text-faint);background:var(--surface-3);border:1px solid var(--border-2);border-radius:5px;pointer-events:none}@media(pointer:coarse){.option-badge{display:none}}