@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=DM+Serif+Display&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root,:root *,:root *:before,:root *:after{transition:background-color .3s ease,border-color .3s ease,color .15s ease,box-shadow .3s ease}.no-theme-transition,.no-theme-transition *,.no-theme-transition *:before,.no-theme-transition *:after{transition:none!important}:root,[data-theme=light]{--bg-app: #f8f6f2;--bg-body: #f8f6f2;--bg-card: #ffffff;--bg-header: rgba(248,246,242,.98);--bg-toast: rgba(255,255,255,.98);--surface-1: rgba(0,0,0,.02);--surface-2: rgba(0,0,0,.03);--surface-3: rgba(0,0,0,.045);--surface-4: rgba(0,0,0,.055);--surface-5: rgba(0,0,0,.06);--surface-hover: rgba(0,0,0,.06);--surface-active: rgba(0,0,0,.08);--text-primary: #1a1816;--text-body: #2a2826;--text-medium: #555;--text-muted: #777;--text-dim: #888;--text-faint: #999;--text-ghost: #aaa;--text-invisible: #bbb;--text-on-accent: #000;--text-gray-1: #666;--border-1: rgba(0,0,0,.07);--border-2: rgba(0,0,0,.1);--border-3: rgba(0,0,0,.12);--border-4: rgba(0,0,0,.15);--border-5: rgba(0,0,0,.2);--shadow: rgba(0,0,0,.12);--scrollbar: #ccc;--example-text: #6b5f57;--example-zh: #8b7f77;--example-dim: #9b8f87;--example-faint: #ab9f97;--card-shadow: 0 2px 8px rgba(0,0,0,.06), 0 0 1px rgba(0,0,0,.08);--card-shadow-hover: 0 4px 16px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.1);--input-focus-glow: 0 0 0 3px rgba(0,229,153,.2);--correct-glow: 0 0 12px rgba(0,229,153,.3);--incorrect-glow: 0 0 12px rgba(240,120,58,.35), inset 0 0 8px rgba(240,120,58,.08);--card-bg-subtle: linear-gradient(180deg, var(--surface-3) 0%, var(--surface-2) 100%)}[data-theme=dark]{--bg-app: #080b12;--bg-body: #080b12;--bg-card: #141820;--bg-header: rgba(8,11,18,.97);--bg-toast: rgba(15,20,25,.95);--surface-1: rgba(255,255,255,.025);--surface-2: rgba(255,255,255,.03);--surface-3: rgba(255,255,255,.04);--surface-4: rgba(255,255,255,.05);--surface-5: rgba(255,255,255,.06);--surface-hover: rgba(255,255,255,.07);--surface-active: rgba(255,255,255,.1);--text-primary: #f0ede6;--text-body: #e8e6e1;--text-medium: #ccc;--text-muted: #888;--text-dim: #666;--text-faint: #555;--text-ghost: #444;--text-invisible: #333;--text-on-accent: #000;--text-gray-1: #999;--border-1: rgba(255,255,255,.04);--border-2: rgba(255,255,255,.06);--border-3: rgba(255,255,255,.08);--border-4: rgba(255,255,255,.12);--border-5: rgba(255,255,255,.15);--shadow: rgba(0,0,0,.4);--scrollbar: #222;--example-text: #a09890;--example-zh: #6b6560;--example-dim: #5a5550;--example-faint: #4a4540;--card-shadow: 0 2px 8px rgba(0,0,0,.3), 0 0 1px rgba(255,255,255,.03);--card-shadow-hover: 0 4px 16px rgba(0,0,0,.4), 0 0 1px rgba(255,255,255,.05);--input-focus-glow: 0 0 0 3px rgba(0,229,153,.15);--correct-glow: 0 0 12px rgba(0,229,153,.2);--incorrect-glow: 0 0 12px rgba(240,120,58,.3), inset 0 0 8px rgba(240,120,58,.06);--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: #3d7a9b;--example-zh: #5a93ab;--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;--card-shadow: 0 2px 8px rgba(0,80,160,.08), 0 0 1px rgba(0,80,160,.1);--card-shadow-hover: 0 4px 16px rgba(0,80,160,.12), 0 0 1px rgba(0,80,160,.12);--input-focus-glow: 0 0 0 3px rgba(0,140,210,.25);--correct-glow: 0 0 12px rgba(0,180,160,.3)}[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: #4a8aa5;--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;--card-shadow: 0 2px 8px rgba(0,20,60,.35), 0 0 1px rgba(60,180,240,.05);--card-shadow-hover: 0 4px 16px rgba(0,20,60,.45), 0 0 1px rgba(60,180,240,.08);--input-focus-glow: 0 0 0 3px rgba(60,180,240,.2);--correct-glow: 0 0 12px rgba(0,200,180,.25)}[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: #5a8a4a;--example-zh: #7aa06a;--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;--card-shadow: 0 2px 8px rgba(20,80,20,.08), 0 0 1px rgba(20,80,20,.1);--card-shadow-hover: 0 4px 16px rgba(20,80,20,.12), 0 0 1px rgba(20,80,20,.12);--input-focus-glow: 0 0 0 3px rgba(60,160,60,.25);--correct-glow: 0 0 12px rgba(60,180,60,.3)}[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;--card-shadow: 0 2px 8px rgba(0,30,0,.35), 0 0 1px rgba(80,180,80,.05);--card-shadow-hover: 0 4px 16px rgba(0,30,0,.45), 0 0 1px rgba(80,180,80,.08);--input-focus-glow: 0 0 0 3px rgba(80,180,80,.2);--correct-glow: 0 0 12px rgba(80,200,80,.25)}[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: #9a6a4a;--example-zh: #b08060;--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;--card-shadow: 0 2px 8px rgba(160,60,20,.08), 0 0 1px rgba(160,60,20,.1);--card-shadow-hover: 0 4px 16px rgba(160,60,20,.12), 0 0 1px rgba(160,60,20,.12);--input-focus-glow: 0 0 0 3px rgba(230,120,50,.25);--correct-glow: 0 0 12px rgba(230,150,50,.3)}[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: #a07050;--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;--card-shadow: 0 2px 8px rgba(40,10,0,.35), 0 0 1px rgba(230,120,60,.05);--card-shadow-hover: 0 4px 16px rgba(40,10,0,.45), 0 0 1px rgba(230,120,60,.08);--input-focus-glow: 0 0 0 3px rgba(230,120,60,.2);--correct-glow: 0 0 12px rgba(230,150,60,.25)}[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: #9a5070;--example-zh: #b07090;--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;--card-shadow: 0 2px 8px rgba(160,40,80,.08), 0 0 1px rgba(160,40,80,.1);--card-shadow-hover: 0 4px 16px rgba(160,40,80,.12), 0 0 1px rgba(160,40,80,.12);--input-focus-glow: 0 0 0 3px rgba(230,100,140,.25);--correct-glow: 0 0 12px rgba(230,100,140,.3)}[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: #a06080;--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;--card-shadow: 0 2px 8px rgba(40,0,20,.35), 0 0 1px rgba(230,120,160,.05);--card-shadow-hover: 0 4px 16px rgba(40,0,20,.45), 0 0 1px rgba(230,120,160,.08);--input-focus-glow: 0 0 0 3px rgba(230,120,160,.2);--correct-glow: 0 0 12px rgba(230,140,170,.25)}[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: #8a6ab0;--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;--card-shadow: 0 2px 8px rgba(60,20,120,.08), 0 0 1px rgba(60,20,120,.1);--card-shadow-hover: 0 4px 16px rgba(60,20,120,.12), 0 0 1px rgba(60,20,120,.12);--input-focus-glow: 0 0 0 3px rgba(130,80,210,.25);--correct-glow: 0 0 12px rgba(130,80,210,.3)}[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: #7a60a8;--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;--card-shadow: 0 2px 8px rgba(20,0,60,.35), 0 0 1px rgba(140,100,230,.05);--card-shadow-hover: 0 4px 16px rgba(20,0,60,.45), 0 0 1px rgba(140,100,230,.08);--input-focus-glow: 0 0 0 3px rgba(140,100,230,.2);--correct-glow: 0 0 12px rgba(150,110,240,.25)}[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: #3a8a78;--example-zh: #5aaa98;--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;--card-shadow: 0 2px 8px rgba(0,120,100,.08), 0 0 1px rgba(0,120,100,.1);--card-shadow-hover: 0 4px 16px rgba(0,120,100,.12), 0 0 1px rgba(0,120,100,.12);--input-focus-glow: 0 0 0 3px rgba(0,200,160,.25);--correct-glow: 0 0 12px rgba(0,200,160,.3)}[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;--card-shadow: 0 2px 8px rgba(0,30,20,.35), 0 0 1px rgba(0,220,180,.05);--card-shadow-hover: 0 4px 16px rgba(0,30,20,.45), 0 0 1px rgba(0,220,180,.08);--input-focus-glow: 0 0 0 3px rgba(0,220,180,.2);--correct-glow: 0 0 12px rgba(0,240,200,.25)}[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: #5060a0;--example-zh: #7080b8;--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;--card-shadow: 0 2px 8px rgba(20,30,80,.08), 0 0 1px rgba(20,30,80,.1);--card-shadow-hover: 0 4px 16px rgba(20,30,80,.12), 0 0 1px rgba(20,30,80,.12);--input-focus-glow: 0 0 0 3px rgba(60,80,180,.25);--correct-glow: 0 0 12px rgba(60,80,180,.3)}[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: #5868a0;--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;--card-shadow: 0 2px 8px rgba(0,10,40,.35), 0 0 1px rgba(80,100,200,.05);--card-shadow-hover: 0 4px 16px rgba(0,10,40,.45), 0 0 1px rgba(80,100,200,.08);--input-focus-glow: 0 0 0 3px rgba(80,100,200,.2);--correct-glow: 0 0 12px rgba(100,120,220,.25)}[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: #8a4aa0;--example-zh: #a868b8;--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;--card-shadow: 0 2px 8px rgba(120,20,140,.08), 0 0 1px rgba(120,20,140,.1);--card-shadow-hover: 0 4px 16px rgba(120,20,140,.12), 0 0 1px rgba(120,20,140,.12);--input-focus-glow: 0 0 0 3px rgba(200,60,230,.25);--correct-glow: 0 0 12px rgba(200,60,230,.3)}[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: #9060b8;--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;--card-shadow: 0 2px 8px rgba(30,0,50,.35), 0 0 1px rgba(220,80,255,.05);--card-shadow-hover: 0 4px 16px rgba(30,0,50,.45), 0 0 1px rgba(220,80,255,.08);--input-focus-glow: 0 0 0 3px rgba(220,80,255,.2);--correct-glow: 0 0 12px rgba(230,100,255,.25)}[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: #9a804a;--example-zh: #b09a60;--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;--card-shadow: 0 2px 8px rgba(140,100,10,.08), 0 0 1px rgba(140,100,10,.1);--card-shadow-hover: 0 4px 16px rgba(140,100,10,.12), 0 0 1px rgba(140,100,10,.12);--input-focus-glow: 0 0 0 3px rgba(200,160,40,.25);--correct-glow: 0 0 12px rgba(200,160,40,.3)}[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;--card-shadow: 0 2px 8px rgba(30,20,0,.35), 0 0 1px rgba(220,180,60,.05);--card-shadow-hover: 0 4px 16px rgba(30,20,0,.45), 0 0 1px rgba(220,180,60,.08);--input-focus-glow: 0 0 0 3px rgba(220,180,60,.2);--correct-glow: 0 0 12px rgba(230,190,70,.25)}.hover-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .2s ease}@media(prefers-reduced-motion:no-preference){.hover-scale:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--card-shadow-hover)}.hover-scale:active,.active-press:active{transform:scale(.97) translateY(0)}}.active-press{transition:transform .1s ease,box-shadow .1s ease}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}[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}:root{--content-max-width: 680px}.content-container{max-width:var(--content-max-width)!important;width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@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:#f0783a}50%{color:orange}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@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:scale(1) translateY(0)}}@keyframes listItemFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pronPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}@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}.hover-card:hover{transform:translateY(-2px);background:var(--surface-hover)!important}.slide-in-right{animation:slideInRight .3s ease-out forwards}.correct-bounce{animation:correctBounce .4s ease-out}.incorrect-shake{animation:incorrectShake .4s ease-out}.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:480px){button{min-height:36px}.hover-card{padding:10px 12px!important}}@media(min-width:768px){:root{--content-max-width: 900px}}@media(min-width:1024px){:root{--content-max-width: 960px}}.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 var(--text-muted, #888);outline-offset:2px;border-radius:4px}