html.dark{--dark:initial;--light: }html.light{--dark: ;--light:initial}html.light .invert{--tw-invert:invert(0)}:root{--color-dialog-bg:var(--dark,#262421) var(--light,#f0efed);--color-pieces-bg:var(--dark,#454441) var(--light,#e8e4e0);--color-hover-bg:var(--dark,#2a2a2a) var(--light,#e8e8e8);--color-hover-bg-alt:var(--dark,#4d4d4d) var(--light,#d4d4d4);--color-save-bg:var(--dark,#15803d) var(--light,#16a34a);--color-save-hover-bg:var(--dark,#16a34a) var(--light,#22c55e);--color-card-border:var(--dark,rgba(63,63,70,.4)) var(--light,rgba(161,161,170,.3));--color-card-bg-from:var(--dark,rgba(39,39,42,.5)) var(--light,rgba(250,250,250,.9));--color-card-bg-to:var(--dark,rgba(24,24,27,.5)) var(--light,rgba(255,255,255,.95));--color-card-hover-border:var(--dark,rgba(113,113,122,.6)) var(--light,rgba(161,161,170,.5));--color-card-title:var(--dark,#fafafa) var(--light,#18181b);--color-card-desc:var(--dark,#a1a1aa) var(--light,#52525b);--color-card-accent:var(--dark,#a1a1aa) var(--light,#71717a);--color-card-progress-bg:var(--dark,rgba(113,113,128,.6)) var(--light,rgba(161,161,170,.3));--color-card-ring:var(--dark,rgba(255,255,255,.1)) var(--light,rgba(0,0,0,.08));--color-card-accent-hover:var(--dark,#c4b5fd) var(--light,#7c3aed)}