:root{--color-base-green-50:#e6fff3;--color-base-green-100:#c9ffe3;--color-base-green-200:#9fffd1;--color-base-green-300:#63f9b6;--color-base-green-400:#2ceea1;--color-base-green-500:#00df81;--color-base-green-600:#00c873;--color-base-green-700:#00a35f;--color-base-green-800:#007a47;--color-base-green-900:#04513a;--color-base-slate-50:#e7f1f1;--color-base-slate-100:#c9dcdc;--color-base-slate-200:#a7bebe;--color-base-slate-300:#7a9393;--color-base-slate-400:#4f6a6a;--color-base-slate-500:#2e4a4a;--color-base-slate-600:#1f3a3a;--color-base-slate-700:#0f2c2c;--color-base-slate-800:#052322;--color-base-slate-900:#011a1b;--font-family-primary:"Bebas Neue",sans-serif;--font-family-alt:"Noto Sans","Noto Sans TC","Noto Sans SC",sans-serif;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:20px;--font-size-5:28px;--font-size-6:40px;--font-weight-1:300;--font-weight-2:400;--font-weight-3:600;--font-weight-4:700;--line-height-1:1.1;--line-height-2:1.3;--line-height-3:1.5;--line-height-4:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-1:2px;--radius-2:4px;--radius-3:8px;--radius-4:12px;--shadow-1:0 0 6px #00df8140;--shadow-2:0 0 12px #00df8159;--shadow-3:0 0 20px #00df8173;--shadow-4:0 0 32px #00df8199;--motion-duration-1:.12s;--motion-duration-2:.2s;--motion-duration-3:.32s;--motion-duration-4:.48s;--motion-easing-standard:cubic-bezier(.2,0,0,1);--motion-easing-emphasized:cubic-bezier(.2,0,0,1.2);--color-text-primary:var(--color-base-slate-50);--color-text-secondary:var(--color-base-slate-100);--color-text-muted:var(--color-base-slate-300);--color-text-disabled:var(--color-base-slate-500);--color-bg-canvas:var(--color-base-slate-900);--color-bg-surface:var(--color-base-slate-800);--color-bg-elevated:var(--color-base-slate-700);--color-bg-accent:var(--color-base-green-500);--color-border-default:var(--color-base-slate-600);--color-border-subtle:var(--color-base-slate-700);--color-border-focus:var(--color-base-green-500);--color-interactive-default:var(--color-base-green-500);--color-interactive-hover:var(--color-base-green-400);--color-interactive-active:var(--color-base-green-600);--color-interactive-disabled:var(--color-base-slate-600);--color-feedback-success:var(--color-base-green-500);--color-feedback-warning:#ffb020;--color-feedback-error:#ff4d4f;--color-feedback-info:#3aa6ff}