.pz-light {
  --surface: #fcfcfb;
  --ink: #0b0b0b;
  --ink2: #52514e;
  --muted: #898781;
  --grid: #e1e0d9;
  --axis: #c3c2b7;
  --good: #006300;
  --bad: #d03b3b;
  --s1: #2a78d6;
  --s2: #eb6834;
  --s3: #1baf7a;
  --s4: #eda100;
  --s5: #e87ba4;
  --s6: #008300;
  --s7: #4a3aa7;
  --s8: #e34948;
  color-scheme: light;
}
.pz-dark {
  --surface: #1a1a19;
  --ink: #ffffff;
  --ink2: #c3c2b7;
  --muted: #898781;
  --grid: #2c2c2a;
  --axis: #383835;
  --good: #0ca30c;
  --bad: #e66767;
  --s1: #3987e5;
  --s2: #d95926;
  --s3: #199e70;
  --s4: #c98500;
  --s5: #d55181;
  --s6: #008300;
  --s7: #9085e9;
  --s8: #e66767;
  color-scheme: dark;
}
.pz-auto {
  --surface: #fcfcfb;
  --ink: #0b0b0b;
  --ink2: #52514e;
  --muted: #898781;
  --grid: #e1e0d9;
  --axis: #c3c2b7;
  --good: #006300;
  --bad: #d03b3b;
  --s1: #2a78d6;
  --s2: #eb6834;
  --s3: #1baf7a;
  --s4: #eda100;
  --s5: #e87ba4;
  --s6: #008300;
  --s7: #4a3aa7;
  --s8: #e34948;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
.pz-auto {
  --surface: #1a1a19;
  --ink: #ffffff;
  --ink2: #c3c2b7;
  --muted: #898781;
  --grid: #2c2c2a;
  --axis: #383835;
  --good: #0ca30c;
  --bad: #e66767;
  --s1: #3987e5;
  --s2: #d95926;
  --s3: #199e70;
  --s4: #c98500;
  --s5: #d55181;
  --s6: #008300;
  --s7: #9085e9;
  --s8: #e66767;
}
}
.pz text { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.pz .ink { fill: var(--ink); }
.pz .ink2 { fill: var(--ink2); }
.pz .muted { fill: var(--muted); }
.pz .tick { font-size: 11px; fill: var(--muted); font-variant-numeric: tabular-nums; }
.pz .grid { stroke: var(--grid); stroke-width: 1; }
.pz .axis { stroke: var(--axis); stroke-width: 1; }
.pz .plate { fill: var(--surface); }
.pz .ring { stroke: var(--surface); stroke-width: 2; }