webpack 5.110.2 → 5.111.0

package/lib/css/data.js

@@ -4,12 +4,12 @@
 */
 
 // GENERATED by tooling/generate-css-data.js — do not edit.
-// Sources: mdn-data 2.33.0, color-name 2.1.1, @mdn/browser-compat-data 8.0.12.
+// Sources: mdn-data, color-name and @mdn/browser-compat-data, at the versions yarn.lock pins.
 
 "use strict";
 
 /** @typedef {(sums: Map<string, number>[]) => [string, number[]] | null} MathArgumentReader */
-/** @typedef {(values: number[], strategy: string, table: Map<number, number> | null) => number | null} MathOperation */
+/** @typedef {(values: number[], strategy: string, table: Map<number, number>) => number | null} MathOperation */
 
 // The arithmetic the math-function descriptors at the end of this file bind to.
 // It knows nothing of CSS beyond the shape of an evaluated argument, and names
@@ -40,16 +40,36 @@ const exactMultiply = (a, k) => {
 };
 
 /**
- * Divide, or decline, on the same terms.
+ * Add two doubles. Every sum a stylesheet can write is finite, and one that is
+ * not is no value to print.
+ * @param {number} a one term
+ * @param {number} b the other
+ * @returns {number | null} their sum, or `null`
+ */
+const foldAdd = (a, b) => {
+	const sum = a + b;
+	return Number.isFinite(sum) ? sum : null;
+};
+
+/**
+ * @param {number} a the value
+ * @param {number} k the factor
+ * @returns {number | null} their product, or `null`
+ */
+const foldMultiply = (a, k) => {
+	const product = a * k;
+	return Number.isFinite(product) ? product : null;
+};
+
+/**
  * @param {number} a the value
  * @param {number} k the divisor
- * @returns {number | null} their exact quotient, or `null`
+ * @returns {number | null} their quotient, or `null` where there is none
  */
-const exactDivide = (a, k) => {
+const foldDivide = (a, k) => {
 	if (k === 0) return null;
 	const quotient = a / k;
-	if (!Number.isFinite(quotient)) return null;
-	return quotient * k === a ? quotient : null;
+	return Number.isFinite(quotient) ? quotient : null;
 };
 
 /**
@@ -81,45 +101,6 @@ const exactFloorDivide = (value, step) => {
 	return null;
 };
 
-/**
- * The square root of a value, where it is one that can be written down. IEEE-754
- * makes `Math.sqrt` correctly rounded, so squaring the result back is a complete
- * test — and it fails for every irrational root, which is most of them.
- * @param {number} value the radicand
- * @returns {number | null} the root, or `null`
- */
-const exactSquareRoot = (value) => {
-	if (!(value >= 0)) return null;
-	const root = Math.sqrt(value);
-	const back = exactMultiply(root, root);
-	return back === null || back !== value ? null : root;
-};
-
-// Beyond this an integer exponent is not worth multiplying out, and every result
-// overflows a double for all but a base within an ulp of 1.
-const POWER_LIMIT = 64;
-
-/**
- * `base ** exponent` for a whole exponent, by multiplying out. Every step is
- * checked, so the result is the one an engine computing in doubles gets — which
- * `Math.pow` is not required to be for a general exponent.
- * @param {number} base the base
- * @param {number} exponent a whole exponent
- * @returns {number | null} the power, or `null`
- */
-const exactIntegerPower = (base, exponent) => {
-	if (!Number.isInteger(exponent) || Math.abs(exponent) > POWER_LIMIT) {
-		return null;
-	}
-	let power = 1;
-	for (let n = Math.abs(exponent); n > 0; n--) {
-		const next = exactMultiply(power, base);
-		if (next === null) return null;
-		power = next;
-	}
-	return exponent < 0 ? exactDivide(1, power) : power;
-};
-
 /**
  * One evaluated argument list, read as a shared unit and its coefficients. A
  * percentage is refused: its basis can be negative (a `background-position`
@@ -156,24 +137,22 @@ const readNumber = (sums) => {
 };
 
 /**
- * A reader answering which eighth turn a single angle argument is, as the one
- * "coefficient" — a lookup key rather than a magnitude, which `lookup` takes. A
- * plain number is an angle in radians, where only zero lands on a whole one.
+ * Read a trigonometric function's one argument as degrees. A bare number is
+ * radians (CSS Values 4 §10.6), and an angle is the unit it was written in;
+ * either way what the fold needs is the one measure the tables are keyed by.
  * @param {Map<string, number>} quarterTurnAngle a quarter turn in each unit that spells one exactly
- * @returns {(sums: Map<string, number>[]) => [string, number[]] | null} the reader
+ * @returns {MathArgumentReader} the reader
  */
-const eighthTurnReader = (quarterTurnAngle) => (sums) => {
+const angleReader = (quarterTurnAngle) => (sums) => {
 	const shared = readSameUnit(sums);
 	if (shared === null) return null;
 	const [unit, [angle]] = shared;
-	if (unit === "") return angle === 0 ? ["", [0]] : null;
+	// A radian is what a bare number is read as, and the one angle unit that
+	// spells no quarter turn exactly — so the table states none for it.
+	if (unit === "" || unit === "rad") return ["", [(angle * 180) / Math.PI]];
 	const quarter = quarterTurnAngle.get(unit);
 	if (quarter === undefined) return null;
-	// Halving a quarter turn is exact in each unit that spells one: 45, 50 and an
-	// eighth, which is a power of two.
-	const eighths = exactDivide(angle, quarter / 2);
-	if (eighths === null || !Number.isInteger(eighths)) return null;
-	return ["", [((eighths % 8) + 8) % 8]];
+	return ["", [(angle * 90) / quarter]];
 };
 
 /**
@@ -213,18 +192,11 @@ const sign = ([value]) => Math.sign(value);
 
 /**
  * @param {number[]} values the coefficients
- * @returns {number | null} the root of their sum of squares, or `null`
+ * @returns {number | null} the root of their squares, or `null`
  */
 const hypotenuse = (values) => {
-	let total = 0;
-	for (const value of values) {
-		const square = exactMultiply(value, value);
-		if (square === null) return null;
-		const sum = exactAdd(total, square);
-		if (sum === null) return null;
-		total = sum;
-	}
-	return exactSquareRoot(total);
+	const total = Math.hypot(...values);
+	return Number.isFinite(total) ? total : null;
 };
 
 /**
@@ -300,49 +272,109 @@ const remainder = ([value, divisor]) => {
 
 /**
  * @param {number[]} values the one radicand
- * @returns {number | null} its root, or `null`
+ * @returns {number | null} its root, or `null` where there is none
  */
-const squareRoot = ([value]) => exactSquareRoot(value);
+const squareRoot = ([value]) => (value >= 0 ? Math.sqrt(value) : null);
 
 /**
  * @param {number[]} values the base and the exponent
  * @returns {number | null} the power, or `null`
  */
-const power = ([base, exponent]) => exactIntegerPower(base, exponent);
+const power = ([base, exponent]) => {
+	const raised = base ** exponent;
+	return Number.isFinite(raised) ? raised : null;
+};
 
 /**
- * A logarithm is transcendental except where it lands on a whole power of its
- * base, so the candidate is raised back and only an exact match is taken. The
- * natural logarithm's base is not a double at all, which leaves only `log(1)`.
  * @param {number[]} values the value and, optionally, the base
- * @returns {number | null} the logarithm, or `null`
+ * @returns {number | null} the logarithm, or `null` where there is none
  */
 const logarithm = ([value, base]) => {
-	if (base === undefined) return value === 1 ? 0 : null;
-	const exponent = Math.round(Math.log(value) / Math.log(base));
-	const back = exactIntegerPower(base, exponent);
-	return back === null || back !== value ? null : exponent;
+	if (!(value > 0)) return null;
+	if (base === undefined) return Math.log(value);
+	// A base of one divides by zero and a negative one has no logarithm at all;
+	// both leave a quotient that is not a number.
+	const quotient = Math.log(value) / Math.log(base);
+	return Number.isFinite(quotient) ? quotient : null;
 };
 
 /**
- * `e` is not a double, so every other power of it is a number this cannot write
- * down and an engine's math library rounds its own way.
  * @param {number[]} values the one exponent
- * @returns {number | null} the power of `e`, or `null`
+ * @returns {number | null} `e` raised to it, or `null`
+ */
+const exponential = ([value]) => {
+	const raised = Math.exp(value);
+	return Number.isFinite(raised) ? raised : null;
+};
+
+/**
+ * The value a table gives at a whole number of eighth turns, where a real
+ * computation would answer an ulp away from it — `Math.sin(Math.PI)` is 1.2e-16
+ * rather than the zero the table states.
+ * @param {number} degrees the angle
+ * @param {Map<number, number>} table the function's eighth-turn table
+ * @returns {number | undefined} the stated value, or undefined
  */
-const exponential = ([value]) => (value === 0 ? 1 : null);
+const eighthTurn = (degrees, table) => {
+	const eighths = degrees / 45;
+	return Number.isInteger(eighths)
+		? table.get(((eighths % 8) + 8) % 8)
+		: undefined;
+};
+
+/**
+ * An inverse trigonometric function answers with an angle, and an angle is the
+ * one thing the printer does not round — a `rotate()` runs it back through trig,
+ * where a truncated digit is a different matrix. So only the arguments the table
+ * states are taken: everywhere else the real answer carries digits that are
+ * noise (`asin(.5)` is 30.000000000000004 degrees) and no shorter than the call.
+ * @param {number[]} values the one argument
+ * @param {string} keyword unused
+ * @param {Map<number, number>} table the arguments the table states
+ * @returns {number | null} the angle in degrees, or `null`
+ */
+const statedAngle = ([value], keyword, table) => {
+	const stated = table.get(value);
+	return stated === undefined ? null : stated;
+};
+
+/**
+ * Tangent, which has an asymptote an odd quarter turn from zero: the table
+ * states no value there because there is none, and a double still answers with
+ * a very large one.
+ * @param {number[]} values the angle in degrees
+ * @param {string} keyword unused
+ * @param {Map<number, number>} table the eighth-turn table
+ * @returns {number | null} its tangent, or `null` at an asymptote
+ */
+const tangent = ([degrees], keyword, table) => {
+	const stated = eighthTurn(degrees, table);
+	if (stated !== undefined) return stated;
+	const quarters = degrees / 90;
+	if (Number.isInteger(quarters) && ((quarters % 2) + 2) % 2 === 1) return null;
+	return Math.tan((degrees * Math.PI) / 180);
+};
+
+/**
+ * @param {number[]} values the angle in degrees
+ * @param {string} keyword unused
+ * @param {Map<number, number>} table the eighth-turn table
+ * @returns {number | null} its cosine
+ */
+const cosine = ([degrees], keyword, table) => {
+	const stated = eighthTurn(degrees, table);
+	return stated === undefined ? Math.cos((degrees * Math.PI) / 180) : stated;
+};
 
 /**
- * Read the answer out of the table the descriptor carries. Absent means the
- * value is one no stylesheet can hold, so the call stays written out.
- * @param {number[]} values the one lookup key
- * @param {string} _strategy unused
- * @param {Map<number, number> | null} table the descriptor's table
- * @returns {number | null} the answer, or `null`
+ * @param {number[]} values the angle in degrees
+ * @param {string} keyword unused
+ * @param {Map<number, number>} table the eighth-turn table
+ * @returns {number | null} its sine
  */
-const lookup = ([key], _strategy, table) => {
-	const value = /** @type {Map<number, number>} */ (table).get(key);
-	return value === undefined ? null : value;
+const sine = ([degrees], keyword, table) => {
+	const stated = eighthTurn(degrees, table);
+	return stated === undefined ? Math.sin((degrees * Math.PI) / 180) : stated;
 };
 
 /**
@@ -517,7 +549,78 @@ const UNSHARED_LONGHAND_KEYWORDS = new Map([
 // appearing once, in grammar order. A merge emits every value, so the only
 // question is whether each parses back into the longhand it was authored on.
 // prettier-ignore
-const FAMILY_LONGHANDS = new Map([["border-block-end", ["border-block-end-width","border-block-end-style","border-block-end-color"]], ["border-block-start", ["border-block-start-width","border-block-start-style","border-block-start-color"]], ["border-bottom", ["border-bottom-width","border-bottom-style","border-bottom-color"]], ["border-inline-end", ["border-inline-end-width","border-inline-end-style","border-inline-end-color"]], ["border-inline-start", ["border-inline-start-width","border-inline-start-style","border-inline-start-color"]], ["border-left", ["border-left-width","border-left-style","border-left-color"]], ["border-right", ["border-right-width","border-right-style","border-right-color"]], ["border-top", ["border-top-width","border-top-style","border-top-color"]], ["column-rule", ["column-rule-width","column-rule-style","column-rule-color"]], ["flex-flow", ["flex-direction","flex-wrap"]], ["list-style", ["list-style-type","list-style-position","list-style-image"]], ["outline", ["outline-width","outline-style","outline-color"]], ["text-decoration", ["text-decoration-line","text-decoration-style","text-decoration-color","text-decoration-thickness"]], ["text-emphasis", ["text-emphasis-style","text-emphasis-color"]], ["text-wrap", ["text-wrap-mode","text-wrap-style"]]]);
+// The properties whose value ends in a family list, out of the grammars: the
+// longhand and the shorthands that reference it.
+const FAMILY_LIST_PROPERTIES = new Set(["font", "font-family"]);
+
+const FAMILY_LONGHANDS = new Map([
+	[
+		"border-block-end",
+		[
+			"border-block-end-width",
+			"border-block-end-style",
+			"border-block-end-color"
+		]
+	],
+	[
+		"border-block-start",
+		[
+			"border-block-start-width",
+			"border-block-start-style",
+			"border-block-start-color"
+		]
+	],
+	[
+		"border-bottom",
+		["border-bottom-width", "border-bottom-style", "border-bottom-color"]
+	],
+	[
+		"border-inline-end",
+		[
+			"border-inline-end-width",
+			"border-inline-end-style",
+			"border-inline-end-color"
+		]
+	],
+	[
+		"border-inline-start",
+		[
+			"border-inline-start-width",
+			"border-inline-start-style",
+			"border-inline-start-color"
+		]
+	],
+	[
+		"border-left",
+		["border-left-width", "border-left-style", "border-left-color"]
+	],
+	[
+		"border-right",
+		["border-right-width", "border-right-style", "border-right-color"]
+	],
+	["border-top", ["border-top-width", "border-top-style", "border-top-color"]],
+	[
+		"column-rule",
+		["column-rule-width", "column-rule-style", "column-rule-color"]
+	],
+	["flex-flow", ["flex-direction", "flex-wrap"]],
+	[
+		"list-style",
+		["list-style-type", "list-style-position", "list-style-image"]
+	],
+	["outline", ["outline-width", "outline-style", "outline-color"]],
+	[
+		"text-decoration",
+		[
+			"text-decoration-line",
+			"text-decoration-style",
+			"text-decoration-color",
+			"text-decoration-thickness"
+		]
+	],
+	["text-emphasis", ["text-emphasis-style", "text-emphasis-color"]],
+	["text-wrap", ["text-wrap-mode", "text-wrap-style"]]
+]);
 
 // The properties whose comma-separated items take a `<custom-ident>`, where a
 // vendor spelling is a name the engine parses rather than one it may drop — so a
@@ -552,6 +655,552 @@ const SLASH_LONGHANDS = new Map([
 	["grid-row", ["grid-row-start", "grid-row-end"]]
 ]);
 
+// Every longhand each shorthand sets, so one block can be asked whether another
+// could shadow it. Not every shorthand prefixes its longhands: `inset` sets `top`.
+const SHORTHAND_LONGHANDS = new Map([
+	[
+		"-moz-outline-radius",
+		new Set([
+			"-moz-outline-radius-bottomleft",
+			"-moz-outline-radius-bottomright",
+			"-moz-outline-radius-topleft",
+			"-moz-outline-radius-topright"
+		])
+	],
+	[
+		"-ms-content-zoom-limit",
+		new Set(["-ms-content-zoom-limit-max", "-ms-content-zoom-limit-min"])
+	],
+	[
+		"-ms-content-zoom-snap",
+		new Set(["-ms-content-zoom-snap-points", "-ms-content-zoom-snap-type"])
+	],
+	[
+		"-ms-scroll-limit",
+		new Set([
+			"-ms-scroll-limit-x-max",
+			"-ms-scroll-limit-x-min",
+			"-ms-scroll-limit-y-max",
+			"-ms-scroll-limit-y-min"
+		])
+	],
+	[
+		"-ms-scroll-snap-x",
+		new Set(["-ms-scroll-snap-points-x", "-ms-scroll-snap-type"])
+	],
+	[
+		"-ms-scroll-snap-y",
+		new Set(["-ms-scroll-snap-points-y", "-ms-scroll-snap-type"])
+	],
+	[
+		"-webkit-border-after",
+		new Set([
+			"border-block-end-color",
+			"border-block-end-style",
+			"border-block-end-width"
+		])
+	],
+	[
+		"-webkit-border-before",
+		new Set([
+			"border-block-start-color",
+			"border-block-start-style",
+			"border-block-start-width"
+		])
+	],
+	[
+		"-webkit-border-end",
+		new Set([
+			"border-inline-end-color",
+			"border-inline-end-style",
+			"border-inline-end-width"
+		])
+	],
+	[
+		"-webkit-border-start",
+		new Set([
+			"border-inline-start-color",
+			"border-inline-start-style",
+			"border-inline-start-width"
+		])
+	],
+	[
+		"-webkit-mask",
+		new Set([
+			"-webkit-mask-attachment",
+			"-webkit-mask-clip",
+			"-webkit-mask-image",
+			"-webkit-mask-origin",
+			"-webkit-mask-position",
+			"-webkit-mask-repeat"
+		])
+	],
+	[
+		"-webkit-text-stroke",
+		new Set(["-webkit-text-stroke-color", "-webkit-text-stroke-width"])
+	],
+	[
+		"animation",
+		new Set([
+			"animation-delay",
+			"animation-direction",
+			"animation-duration",
+			"animation-fill-mode",
+			"animation-iteration-count",
+			"animation-name",
+			"animation-play-state",
+			"animation-timeline",
+			"animation-timing-function"
+		])
+	],
+	[
+		"animation-range",
+		new Set(["animation-range-end", "animation-range-start"])
+	],
+	[
+		"background",
+		new Set([
+			"background-attachment",
+			"background-clip",
+			"background-color",
+			"background-image",
+			"background-origin",
+			"background-position",
+			"background-position-x",
+			"background-position-y",
+			"background-repeat",
+			"background-size"
+		])
+	],
+	[
+		"background-position",
+		new Set(["background-position-x", "background-position-y"])
+	],
+	[
+		"border",
+		new Set([
+			"border-bottom-color",
+			"border-bottom-style",
+			"border-bottom-width",
+			"border-color",
+			"border-left-color",
+			"border-left-style",
+			"border-left-width",
+			"border-right-color",
+			"border-right-style",
+			"border-right-width",
+			"border-style",
+			"border-top-color",
+			"border-top-style",
+			"border-top-width",
+			"border-width"
+		])
+	],
+	[
+		"border-block",
+		new Set([
+			"border-block-color",
+			"border-block-end-color",
+			"border-block-end-style",
+			"border-block-end-width",
+			"border-block-start-color",
+			"border-block-start-style",
+			"border-block-start-width",
+			"border-block-style",
+			"border-block-width"
+		])
+	],
+	[
+		"border-block-color",
+		new Set(["border-block-end-color", "border-block-start-color"])
+	],
+	[
+		"border-block-end",
+		new Set([
+			"border-block-end-color",
+			"border-block-end-style",
+			"border-block-end-width"
+		])
+	],
+	[
+		"border-block-start",
+		new Set([
+			"border-block-start-color",
+			"border-block-start-style",
+			"border-block-start-width"
+		])
+	],
+	[
+		"border-block-style",
+		new Set(["border-block-end-style", "border-block-start-style"])
+	],
+	[
+		"border-block-width",
+		new Set(["border-block-end-width", "border-block-start-width"])
+	],
+	[
+		"border-bottom",
+		new Set([
+			"border-bottom-color",
+			"border-bottom-style",
+			"border-bottom-width"
+		])
+	],
+	[
+		"border-color",
+		new Set([
+			"border-bottom-color",
+			"border-left-color",
+			"border-right-color",
+			"border-top-color"
+		])
+	],
+	[
+		"border-image",
+		new Set([
+			"border-image-outset",
+			"border-image-repeat",
+			"border-image-slice",
+			"border-image-source",
+			"border-image-width"
+		])
+	],
+	[
+		"border-inline",
+		new Set([
+			"border-inline-color",
+			"border-inline-end-color",
+			"border-inline-end-style",
+			"border-inline-end-width",
+			"border-inline-start-color",
+			"border-inline-start-style",
+			"border-inline-start-width",
+			"border-inline-style",
+			"border-inline-width"
+		])
+	],
+	[
+		"border-inline-color",
+		new Set(["border-inline-end-color", "border-inline-start-color"])
+	],
+	[
+		"border-inline-end",
+		new Set([
+			"border-inline-end-color",
+			"border-inline-end-style",
+			"border-inline-end-width"
+		])
+	],
+	[
+		"border-inline-start",
+		new Set([
+			"border-inline-start-color",
+			"border-inline-start-style",
+			"border-inline-start-width"
+		])
+	],
+	[
+		"border-inline-style",
+		new Set(["border-inline-end-style", "border-inline-start-style"])
+	],
+	[
+		"border-inline-width",
+		new Set(["border-inline-end-width", "border-inline-start-width"])
+	],
+	[
+		"border-left",
+		new Set(["border-left-color", "border-left-style", "border-left-width"])
+	],
+	[
+		"border-radius",
+		new Set([
+			"border-bottom-left-radius",
+			"border-bottom-right-radius",
+			"border-top-left-radius",
+			"border-top-right-radius"
+		])
+	],
+	[
+		"border-right",
+		new Set(["border-right-color", "border-right-style", "border-right-width"])
+	],
+	[
+		"border-style",
+		new Set([
+			"border-bottom-style",
+			"border-left-style",
+			"border-right-style",
+			"border-top-style"
+		])
+	],
+	[
+		"border-top",
+		new Set(["border-top-color", "border-top-style", "border-top-width"])
+	],
+	[
+		"border-width",
+		new Set([
+			"border-bottom-width",
+			"border-left-width",
+			"border-right-width",
+			"border-top-width"
+		])
+	],
+	["caret", new Set(["caret-animation", "caret-color", "caret-shape"])],
+	[
+		"column-rule",
+		new Set(["column-rule-color", "column-rule-style", "column-rule-width"])
+	],
+	["columns", new Set(["column-count", "column-height", "column-width"])],
+	[
+		"contain-intrinsic-size",
+		new Set(["contain-intrinsic-height", "contain-intrinsic-width"])
+	],
+	["container", new Set(["container-name", "container-type"])],
+	[
+		"corner-block-end-shape",
+		new Set(["corner-end-end-shape", "corner-end-start-shape"])
+	],
+	[
+		"corner-block-start-shape",
+		new Set(["corner-start-end-shape", "corner-start-start-shape"])
+	],
+	[
+		"corner-bottom-shape",
+		new Set(["corner-bottom-left-shape", "corner-bottom-right-shape"])
+	],
+	[
+		"corner-inline-end-shape",
+		new Set(["corner-end-end-shape", "corner-start-end-shape"])
+	],
+	[
+		"corner-inline-start-shape",
+		new Set(["corner-start-end-shape", "corner-start-start-shape"])
+	],
+	[
+		"corner-left-shape",
+		new Set(["corner-bottom-left-shape", "corner-top-left-shape"])
+	],
+	[
+		"corner-right-shape",
+		new Set(["corner-bottom-right-shape", "corner-top-right-shape"])
+	],
+	[
+		"corner-shape",
+		new Set([
+			"corner-bottom-left-shape",
+			"corner-bottom-right-shape",
+			"corner-top-left-shape",
+			"corner-top-right-shape"
+		])
+	],
+	[
+		"corner-top-shape",
+		new Set(["corner-top-left-shape", "corner-top-right-shape"])
+	],
+	["flex", new Set(["flex-basis", "flex-grow", "flex-shrink"])],
+	["flex-flow", new Set(["flex-direction", "flex-wrap"])],
+	[
+		"font",
+		new Set([
+			"font-family",
+			"font-size",
+			"font-stretch",
+			"font-style",
+			"font-variant",
+			"font-weight",
+			"line-height"
+		])
+	],
+	["gap", new Set(["column-gap", "row-gap"])],
+	[
+		"grid",
+		new Set([
+			"column-gap",
+			"grid-auto-columns",
+			"grid-auto-flow",
+			"grid-auto-rows",
+			"grid-column-gap",
+			"grid-row-gap",
+			"grid-template-areas",
+			"grid-template-columns",
+			"grid-template-rows",
+			"row-gap"
+		])
+	],
+	[
+		"grid-area",
+		new Set([
+			"grid-column-end",
+			"grid-column-start",
+			"grid-row-end",
+			"grid-row-start"
+		])
+	],
+	["grid-column", new Set(["grid-column-end", "grid-column-start"])],
+	["grid-gap", new Set(["grid-column-gap", "grid-row-gap"])],
+	["grid-row", new Set(["grid-row-end", "grid-row-start"])],
+	[
+		"grid-template",
+		new Set([
+			"grid-template-areas",
+			"grid-template-columns",
+			"grid-template-rows"
+		])
+	],
+	["inset", new Set(["bottom", "left", "right", "top"])],
+	["inset-block", new Set(["inset-block-end", "inset-block-start"])],
+	["inset-inline", new Set(["inset-inline-end", "inset-inline-start"])],
+	["interest-delay", new Set(["interest-delay-end", "interest-delay-start"])],
+	[
+		"list-style",
+		new Set(["list-style-image", "list-style-position", "list-style-type"])
+	],
+	[
+		"margin",
+		new Set(["margin-bottom", "margin-left", "margin-right", "margin-top"])
+	],
+	["margin-block", new Set(["margin-block-end", "margin-block-start"])],
+	["margin-inline", new Set(["margin-inline-end", "margin-inline-start"])],
+	[
+		"mask",
+		new Set([
+			"mask-clip",
+			"mask-composite",
+			"mask-image",
+			"mask-mode",
+			"mask-origin",
+			"mask-position",
+			"mask-repeat",
+			"mask-size"
+		])
+	],
+	[
+		"mask-border",
+		new Set([
+			"mask-border-mode",
+			"mask-border-outset",
+			"mask-border-repeat",
+			"mask-border-slice",
+			"mask-border-source",
+			"mask-border-width"
+		])
+	],
+	[
+		"offset",
+		new Set([
+			"offset-anchor",
+			"offset-distance",
+			"offset-path",
+			"offset-position",
+			"offset-rotate"
+		])
+	],
+	["outline", new Set(["outline-color", "outline-style", "outline-width"])],
+	["overflow", new Set(["overflow-x", "overflow-y"])],
+	[
+		"overscroll-behavior",
+		new Set(["overscroll-behavior-x", "overscroll-behavior-y"])
+	],
+	[
+		"padding",
+		new Set(["padding-bottom", "padding-left", "padding-right", "padding-top"])
+	],
+	["padding-block", new Set(["padding-block-end", "padding-block-start"])],
+	["padding-inline", new Set(["padding-inline-end", "padding-inline-start"])],
+	["place-content", new Set(["align-content", "justify-content"])],
+	["place-items", new Set(["align-items", "justify-items"])],
+	["place-self", new Set(["align-self", "justify-self"])],
+	["position-try", new Set(["position-try-fallbacks", "position-try-order"])],
+	[
+		"scroll-margin",
+		new Set([
+			"scroll-margin-bottom",
+			"scroll-margin-left",
+			"scroll-margin-right",
+			"scroll-margin-top"
+		])
+	],
+	[
+		"scroll-margin-block",
+		new Set(["scroll-margin-block-end", "scroll-margin-block-start"])
+	],
+	[
+		"scroll-margin-inline",
+		new Set(["scroll-margin-inline-end", "scroll-margin-inline-start"])
+	],
+	[
+		"scroll-padding",
+		new Set([
+			"scroll-padding-bottom",
+			"scroll-padding-left",
+			"scroll-padding-right",
+			"scroll-padding-top"
+		])
+	],
+	[
+		"scroll-padding-block",
+		new Set(["scroll-padding-block-end", "scroll-padding-block-start"])
+	],
+	[
+		"scroll-padding-inline",
+		new Set(["scroll-padding-inline-end", "scroll-padding-inline-start"])
+	],
+	[
+		"scroll-timeline",
+		new Set(["scroll-timeline-axis", "scroll-timeline-name"])
+	],
+	[
+		"text-decoration",
+		new Set([
+			"text-decoration-color",
+			"text-decoration-line",
+			"text-decoration-style",
+			"text-decoration-thickness"
+		])
+	],
+	["text-emphasis", new Set(["text-emphasis-color", "text-emphasis-style"])],
+	["text-wrap", new Set(["text-wrap-mode", "text-wrap-style"])],
+	[
+		"timeline-trigger",
+		new Set([
+			"timeline-trigger-activation-range",
+			"timeline-trigger-activation-range-end",
+			"timeline-trigger-activation-range-start",
+			"timeline-trigger-active-range",
+			"timeline-trigger-active-range-end",
+			"timeline-trigger-active-range-start",
+			"timeline-trigger-name",
+			"timeline-trigger-source"
+		])
+	],
+	[
+		"timeline-trigger-activation-range",
+		new Set([
+			"timeline-trigger-activation-range-end",
+			"timeline-trigger-activation-range-start"
+		])
+	],
+	[
+		"timeline-trigger-active-range",
+		new Set([
+			"timeline-trigger-active-range-end",
+			"timeline-trigger-active-range-start"
+		])
+	],
+	[
+		"transition",
+		new Set([
+			"transition-behavior",
+			"transition-delay",
+			"transition-duration",
+			"transition-property",
+			"transition-timing-function"
+		])
+	],
+	["view-timeline", new Set(["view-timeline-axis", "view-timeline-name"])]
+]);
+
 // Every longhand the three merge tables above can consume, so a block is asked
 // once whether it holds anything mergeable at all. Two of them have to be
 // present before any shorthand can be written, and almost no block holds one,
@@ -917,6 +1566,7 @@ const BOX_FAMILY_PREFIX = new Map([
 // hex color rather than a case-sensitive reference (`element(#id)`). Only direct
 // arguments: a gradient nested in `image-set()` is matched as the gradient.
 const COLOR_ARGUMENT_FUNCTIONS = new Set([
+	"alpha",
 	"color",
 	"color-mix",
 	"conic-gradient",
@@ -931,6 +1581,23 @@ const COLOR_ARGUMENT_FUNCTIONS = new Set([
 	"repeating-radial-gradient"
 ]);
 
+// The functions that are a color rather than take one, out of `<color>`'s own
+// grammar — what says a call fills a slot a color fills.
+const COLOR_FUNCTIONS = new Set([
+	"color",
+	"color-mix",
+	"hsl",
+	"hsla",
+	"hwb",
+	"lab",
+	"lch",
+	"light-dark",
+	"oklab",
+	"oklch",
+	"rgb",
+	"rgba"
+]);
+
 // Functions that substitute an arbitrary token sequence, so two identical
 // references need not be one repeated value: with `--x:1px 2px`,
 // `margin:var(--x) var(--x)` is four values, not two.
@@ -1324,9 +1991,12 @@ const DISPLAY_SHORT_FORMS = new Map([
 	["block flow-root", "flow-root"],
 	["block grid", "grid"],
 	["block table", "table"],
+	["inline flex", "inline-flex"],
 	["inline flow", "inline"],
 	["inline flow-root", "inline-block"],
+	["inline grid", "inline-grid"],
 	["inline ruby", "ruby"],
+	["inline table", "inline-table"],
 	["run-in flow", "run-in"]
 ]);
 
@@ -1347,24 +2017,38 @@ const SHORTHAND_INITIAL_KEYWORDS = new Map([
 		new Map([
 			[
 				"ease",
-				new Set([
-					"cubic-bezier()",
-					"ease",
-					"ease-in",
-					"ease-in-out",
-					"ease-out",
-					"linear",
-					"linear()",
-					"step-end",
-					"step-start",
-					"steps()"
-				])
+				{
+					spellings: new Set([
+						"cubic-bezier()",
+						"ease",
+						"ease-in",
+						"ease-in-out",
+						"ease-out",
+						"linear",
+						"linear()",
+						"step-end",
+						"step-start",
+						"steps()"
+					]),
+					classes: new Set()
+				}
 			],
 			[
 				"normal",
-				new Set(["alternate", "alternate-reverse", "normal", "reverse"])
+				{
+					spellings: new Set([
+						"alternate",
+						"alternate-reverse",
+						"normal",
+						"reverse"
+					]),
+					classes: new Set()
+				}
 			],
-			["running", new Set(["paused", "running"])]
+			[
+				"running",
+				{ spellings: new Set(["paused", "running"]), classes: new Set() }
+			]
 		])
 	],
 	[
@@ -1372,87 +2056,176 @@ const SHORTHAND_INITIAL_KEYWORDS = new Map([
 		new Map([
 			[
 				"none",
-				new Set([
-					"color()",
-					"color-mix()",
-					"conic-gradient()",
-					"cross-fade()",
-					"element()",
-					"hsl()",
-					"hsla()",
-					"hwb()",
-					"image()",
-					"image-set()",
-					"lab()",
-					"lch()",
-					"light-dark()",
-					"linear-gradient()",
-					"none",
-					"oklab()",
-					"oklch()",
-					"paint()",
-					"radial-gradient()",
-					"repeating-conic-gradient()",
-					"repeating-linear-gradient()",
-					"repeating-radial-gradient()",
-					"rgb()",
-					"rgba()",
-					"src()",
-					"type()",
-					"url()"
-				])
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"conic-gradient()",
+						"cross-fade()",
+						"element()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"image()",
+						"image-set()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"linear-gradient()",
+						"none",
+						"oklab()",
+						"oklch()",
+						"paint()",
+						"radial-gradient()",
+						"repeating-conic-gradient()",
+						"repeating-linear-gradient()",
+						"repeating-radial-gradient()",
+						"rgb()",
+						"rgba()",
+						"src()",
+						"type()",
+						"url()"
+					]),
+					classes: new Set()
+				}
 			],
 			[
 				"repeat",
-				new Set([
-					"no-repeat",
-					"repeat",
-					"repeat-x",
-					"repeat-y",
-					"round",
-					"space"
-				])
+				{
+					spellings: new Set([
+						"no-repeat",
+						"repeat",
+						"repeat-x",
+						"repeat-y",
+						"round",
+						"space"
+					]),
+					classes: new Set()
+				}
+			],
+			[
+				"scroll",
+				{ spellings: new Set(["fixed", "local", "scroll"]), classes: new Set() }
 			],
-			["scroll", new Set(["fixed", "local", "scroll"])]
+			[
+				"transparent",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			]
 		])
 	],
 	[
 		"border",
 		new Map([
+			[
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			],
+			[
+				"medium",
+				{
+					spellings: new Set(["medium", "thick", "thin"]),
+					classes: new Set(["length"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"dashed",
-					"dotted",
-					"double",
-					"groove",
-					"hidden",
-					"inset",
-					"none",
-					"outset",
-					"ridge",
-					"solid"
-				])
+				{
+					spellings: new Set([
+						"dashed",
+						"dotted",
+						"double",
+						"groove",
+						"hidden",
+						"inset",
+						"none",
+						"outset",
+						"ridge",
+						"solid"
+					]),
+					classes: new Set()
+				}
 			]
 		])
 	],
 	[
 		"border-bottom",
 		new Map([
+			[
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			],
+			[
+				"medium",
+				{
+					spellings: new Set(["medium", "thick", "thin"]),
+					classes: new Set(["length"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"dashed",
-					"dotted",
-					"double",
-					"groove",
-					"hidden",
-					"inset",
-					"none",
-					"outset",
-					"ridge",
-					"solid"
-				])
+				{
+					spellings: new Set([
+						"dashed",
+						"dotted",
+						"double",
+						"groove",
+						"hidden",
+						"inset",
+						"none",
+						"outset",
+						"ridge",
+						"solid"
+					]),
+					classes: new Set()
+				}
 			]
 		])
 	],
@@ -1461,273 +2234,550 @@ const SHORTHAND_INITIAL_KEYWORDS = new Map([
 		new Map([
 			[
 				"none",
-				new Set([
-					"color()",
-					"color-mix()",
-					"conic-gradient()",
-					"cross-fade()",
-					"element()",
-					"hsl()",
-					"hsla()",
-					"hwb()",
-					"image()",
-					"image-set()",
-					"lab()",
-					"lch()",
-					"light-dark()",
-					"linear-gradient()",
-					"none",
-					"oklab()",
-					"oklch()",
-					"paint()",
-					"radial-gradient()",
-					"repeating-conic-gradient()",
-					"repeating-linear-gradient()",
-					"repeating-radial-gradient()",
-					"rgb()",
-					"rgba()",
-					"src()",
-					"type()",
-					"url()"
-				])
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"conic-gradient()",
+						"cross-fade()",
+						"element()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"image()",
+						"image-set()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"linear-gradient()",
+						"none",
+						"oklab()",
+						"oklch()",
+						"paint()",
+						"radial-gradient()",
+						"repeating-conic-gradient()",
+						"repeating-linear-gradient()",
+						"repeating-radial-gradient()",
+						"rgb()",
+						"rgba()",
+						"src()",
+						"type()",
+						"url()"
+					]),
+					classes: new Set()
+				}
 			],
-			["stretch", new Set(["repeat", "round", "space", "stretch"])]
+			[
+				"stretch",
+				{
+					spellings: new Set(["repeat", "round", "space", "stretch"]),
+					classes: new Set()
+				}
+			]
 		])
 	],
 	[
 		"border-left",
 		new Map([
+			[
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			],
+			[
+				"medium",
+				{
+					spellings: new Set(["medium", "thick", "thin"]),
+					classes: new Set(["length"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"dashed",
-					"dotted",
-					"double",
-					"groove",
-					"hidden",
-					"inset",
-					"none",
-					"outset",
-					"ridge",
-					"solid"
-				])
+				{
+					spellings: new Set([
+						"dashed",
+						"dotted",
+						"double",
+						"groove",
+						"hidden",
+						"inset",
+						"none",
+						"outset",
+						"ridge",
+						"solid"
+					]),
+					classes: new Set()
+				}
 			]
 		])
 	],
 	[
 		"border-right",
 		new Map([
+			[
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			],
+			[
+				"medium",
+				{
+					spellings: new Set(["medium", "thick", "thin"]),
+					classes: new Set(["length"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"dashed",
-					"dotted",
-					"double",
-					"groove",
-					"hidden",
-					"inset",
-					"none",
-					"outset",
-					"ridge",
-					"solid"
-				])
+				{
+					spellings: new Set([
+						"dashed",
+						"dotted",
+						"double",
+						"groove",
+						"hidden",
+						"inset",
+						"none",
+						"outset",
+						"ridge",
+						"solid"
+					]),
+					classes: new Set()
+				}
 			]
 		])
 	],
 	[
 		"border-top",
 		new Map([
+			[
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			],
+			[
+				"medium",
+				{
+					spellings: new Set(["medium", "thick", "thin"]),
+					classes: new Set(["length"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"dashed",
-					"dotted",
-					"double",
-					"groove",
-					"hidden",
-					"inset",
-					"none",
-					"outset",
-					"ridge",
-					"solid"
-				])
+				{
+					spellings: new Set([
+						"dashed",
+						"dotted",
+						"double",
+						"groove",
+						"hidden",
+						"inset",
+						"none",
+						"outset",
+						"ridge",
+						"solid"
+					]),
+					classes: new Set()
+				}
 			]
 		])
 	],
 	[
 		"column-rule",
 		new Map([
+			[
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			],
+			[
+				"medium",
+				{
+					spellings: new Set(["medium", "thick", "thin"]),
+					classes: new Set(["length"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"dashed",
-					"dotted",
-					"double",
-					"groove",
-					"hidden",
-					"inset",
-					"none",
-					"outset",
-					"ridge",
-					"solid"
-				])
+				{
+					spellings: new Set([
+						"dashed",
+						"dotted",
+						"double",
+						"groove",
+						"hidden",
+						"inset",
+						"none",
+						"outset",
+						"ridge",
+						"solid"
+					]),
+					classes: new Set()
+				}
 			]
 		])
 	],
 	[
 		"flex-flow",
 		new Map([
-			["nowrap", new Set(["balance", "nowrap", "wrap", "wrap-reverse"])],
-			["row", new Set(["column", "column-reverse", "row", "row-reverse"])]
+			[
+				"nowrap",
+				{
+					spellings: new Set(["balance", "nowrap", "wrap", "wrap-reverse"]),
+					classes: new Set()
+				}
+			],
+			[
+				"row",
+				{
+					spellings: new Set([
+						"column",
+						"column-reverse",
+						"row",
+						"row-reverse"
+					]),
+					classes: new Set()
+				}
+			]
+		])
+	],
+	[
+		"list-style",
+		new Map([
+			[
+				"outside",
+				{ spellings: new Set(["inside", "outside"]), classes: new Set() }
+			]
 		])
 	],
-	["list-style", new Map([["outside", new Set(["inside", "outside"])]])],
 	[
 		"mask",
 		new Map([
-			["add", new Set(["add", "exclude", "intersect", "subtract"])],
-			["match-source", new Set(["alpha", "luminance", "match-source"])],
+			[
+				"add",
+				{
+					spellings: new Set(["add", "exclude", "intersect", "subtract"]),
+					classes: new Set()
+				}
+			],
+			[
+				"match-source",
+				{
+					spellings: new Set(["alpha", "luminance", "match-source"]),
+					classes: new Set()
+				}
+			],
 			[
 				"none",
-				new Set([
-					"color()",
-					"color-mix()",
-					"conic-gradient()",
-					"cross-fade()",
-					"element()",
-					"hsl()",
-					"hsla()",
-					"hwb()",
-					"image()",
-					"image-set()",
-					"lab()",
-					"lch()",
-					"light-dark()",
-					"linear-gradient()",
-					"none",
-					"oklab()",
-					"oklch()",
-					"paint()",
-					"radial-gradient()",
-					"repeating-conic-gradient()",
-					"repeating-linear-gradient()",
-					"repeating-radial-gradient()",
-					"rgb()",
-					"rgba()",
-					"src()",
-					"type()",
-					"url()"
-				])
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"conic-gradient()",
+						"cross-fade()",
+						"element()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"image()",
+						"image-set()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"linear-gradient()",
+						"none",
+						"oklab()",
+						"oklch()",
+						"paint()",
+						"radial-gradient()",
+						"repeating-conic-gradient()",
+						"repeating-linear-gradient()",
+						"repeating-radial-gradient()",
+						"rgb()",
+						"rgba()",
+						"src()",
+						"type()",
+						"url()"
+					]),
+					classes: new Set()
+				}
 			],
 			[
 				"repeat",
-				new Set([
-					"no-repeat",
-					"repeat",
-					"repeat-x",
-					"repeat-y",
-					"round",
-					"space"
-				])
+				{
+					spellings: new Set([
+						"no-repeat",
+						"repeat",
+						"repeat-x",
+						"repeat-y",
+						"round",
+						"space"
+					]),
+					classes: new Set()
+				}
 			]
 		])
 	],
 	[
 		"mask-border",
 		new Map([
-			["alpha", new Set(["alpha", "luminance"])],
+			[
+				"alpha",
+				{ spellings: new Set(["alpha", "luminance"]), classes: new Set() }
+			],
+			[
+				"none",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"conic-gradient()",
+						"cross-fade()",
+						"element()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"image()",
+						"image-set()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"linear-gradient()",
+						"none",
+						"oklab()",
+						"oklch()",
+						"paint()",
+						"radial-gradient()",
+						"repeating-conic-gradient()",
+						"repeating-linear-gradient()",
+						"repeating-radial-gradient()",
+						"rgb()",
+						"rgba()",
+						"src()",
+						"type()",
+						"url()"
+					]),
+					classes: new Set()
+				}
+			],
+			[
+				"stretch",
+				{
+					spellings: new Set(["repeat", "round", "space", "stretch"]),
+					classes: new Set()
+				}
+			]
+		])
+	],
+	[
+		"outline",
+		new Map([
+			[
+				"medium",
+				{
+					spellings: new Set(["medium", "thick", "thin"]),
+					classes: new Set(["length"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"color()",
-					"color-mix()",
-					"conic-gradient()",
-					"cross-fade()",
-					"element()",
-					"hsl()",
-					"hsla()",
-					"hwb()",
-					"image()",
-					"image-set()",
-					"lab()",
-					"lch()",
-					"light-dark()",
-					"linear-gradient()",
-					"none",
-					"oklab()",
-					"oklch()",
-					"paint()",
-					"radial-gradient()",
-					"repeating-conic-gradient()",
-					"repeating-linear-gradient()",
-					"repeating-radial-gradient()",
-					"rgb()",
-					"rgba()",
-					"src()",
-					"type()",
-					"url()"
-				])
-			],
-			["stretch", new Set(["repeat", "round", "space", "stretch"])]
+				{
+					spellings: new Set([
+						"auto",
+						"dashed",
+						"dotted",
+						"double",
+						"groove",
+						"inset",
+						"none",
+						"outset",
+						"ridge",
+						"solid"
+					]),
+					classes: new Set()
+				}
+			]
 		])
 	],
 	[
-		"outline",
+		"text-decoration",
 		new Map([
+			[
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
+			],
 			[
 				"none",
-				new Set([
-					"auto",
-					"dashed",
-					"dotted",
-					"double",
-					"groove",
-					"inset",
-					"none",
-					"outset",
-					"ridge",
-					"solid"
-				])
+				{
+					spellings: new Set([
+						"blink",
+						"grammar-error",
+						"line-through",
+						"none",
+						"overline",
+						"spelling-error",
+						"underline"
+					]),
+					classes: new Set()
+				}
+			],
+			[
+				"solid",
+				{
+					spellings: new Set(["dashed", "dotted", "double", "solid", "wavy"]),
+					classes: new Set()
+				}
 			]
 		])
 	],
 	[
-		"text-decoration",
+		"text-emphasis",
 		new Map([
 			[
-				"none",
-				new Set([
-					"blink",
-					"grammar-error",
-					"line-through",
-					"none",
-					"overline",
-					"spelling-error",
-					"underline"
-				])
+				"currentcolor",
+				{
+					spellings: new Set([
+						"color()",
+						"color-mix()",
+						"hsl()",
+						"hsla()",
+						"hwb()",
+						"lab()",
+						"lch()",
+						"light-dark()",
+						"oklab()",
+						"oklch()",
+						"rgb()",
+						"rgba()"
+					]),
+					classes: new Set(["color"])
+				}
 			],
-			["solid", new Set(["dashed", "dotted", "double", "solid", "wavy"])]
+			[
+				"none",
+				{
+					spellings: new Set([
+						"circle",
+						"dot",
+						"double-circle",
+						"filled",
+						"none",
+						"open",
+						"sesame",
+						"triangle"
+					]),
+					classes: new Set(["string"])
+				}
+			]
 		])
 	],
 	[
 		"transition",
 		new Map([
+			[
+				"all",
+				{
+					spellings: new Set(["all", "none"]),
+					classes: new Set(["custom-ident"])
+				}
+			],
 			[
 				"ease",
-				new Set([
-					"cubic-bezier()",
-					"ease",
-					"ease-in",
-					"ease-in-out",
-					"ease-out",
-					"linear",
-					"linear()",
-					"step-end",
-					"step-start",
-					"steps()"
-				])
+				{
+					spellings: new Set([
+						"cubic-bezier()",
+						"ease",
+						"ease-in",
+						"ease-in-out",
+						"ease-out",
+						"linear",
+						"linear()",
+						"step-end",
+						"step-start",
+						"steps()"
+					]),
+					classes: new Set()
+				}
 			],
-			["normal", new Set(["allow-discrete", "normal"])]
+			[
+				"normal",
+				{ spellings: new Set(["allow-discrete", "normal"]), classes: new Set() }
+			]
 		])
 	]
 ]);
@@ -2492,137 +3542,1147 @@ const CUBIC_BEZIER_KEYWORDS = new Map([
 	["0.42,0,0.58,1", "ease-in-out"]
 ]);
 
-// The two `flex` values CSS Flexbox 7.1.1 gives a keyword spelling.
-const FLEX_KEYWORDS = new Map([
-	["0 0 auto", "none"],
-	["1 1 auto", "auto"]
-]);
+// The two `flex` values CSS Flexbox 7.1.1 gives a keyword spelling.
+const FLEX_KEYWORDS = new Map([
+	["0 0 auto", "none"],
+	["1 1 auto", "auto"]
+]);
+
+// The `font-weight` keywords CSS Fonts 4 §2.2 defines as a number, which is what
+// `getComputedStyle().fontWeight` reports either way.
+const FONT_WEIGHT_NUMBERS = new Map([
+	["normal", "400"],
+	["bold", "700"]
+]);
+
+// Selectors 4 §3.3: the pseudo-elements engines must also accept with one colon,
+// so their second colon carries nothing.
+const LEGACY_PSEUDO_ELEMENTS = new Set([
+	"before",
+	"after",
+	"first-line",
+	"first-letter"
+]);
+
+// What may follow the `*` a compound selector implies: another simple selector
+// in the same compound. A separator between them would be a descendant
+// combinator instead, and `|` makes the `*` a namespace's, not a redundant one.
+const COMPOUND_CONTINUATIONS = new Set([":", ".", "#", "["]);
+
+// The pseudo-classes selecting a featureless element, which matches no type or
+// universal selector — so an implied `*` before one is what makes the selector
+// match nothing, and dropping it would bring the rule to life.
+const FEATURELESS_PSEUDO_CLASSES = new Set(["host", "host-context"]);
+
+// The properties whose zero length keeps its unit: those whose own grammar
+// offers a bare number beside the length, so the unit is what picks the
+// reading, and the two an engine reads its own way.
+const ZERO_UNIT_KEEPING_PROPERTIES = new Set([
+	"border-image",
+	"border-image-outset",
+	"border-image-width",
+	"columns",
+	"flex",
+	"flex-basis",
+	"font",
+	"line-height",
+	"mask-border",
+	"mask-border-outset",
+	"mask-border-width",
+	"overflow-clip-margin",
+	"stroke-dasharray",
+	"stroke-dashoffset",
+	"stroke-width",
+	"tab-size"
+]);
+
+// The properties an engine takes no `calc()` in, so one stays as written
+// rather than folding to the value it equals.
+const CALC_REJECTING_PROPERTIES = new Set(["overflow-clip-margin"]);
+
+// The range a `calc()` is clamped to where the literal outside it is invalid,
+// keyed by property: `[unit, min, max]`.
+/** @type {Map<string, [string, number, number]>} */
+const CLAMPED_VALUE_RANGES = new Map([["font-style", ["deg", -90, 90]]]);
+
+// At-rules whose empty block is inert, so dropping it changes nothing.
+const DROPPABLE_WHEN_EMPTY_AT_RULES = new Set([
+	"media",
+	"supports",
+	"container"
+]);
+
+// At-rules whose block holds rules and whose prelude states a condition, so two
+// adjacent blocks with the same prelude are the one block they resolve to.
+const MERGEABLE_AT_RULES = new Set([
+	"container",
+	"document",
+	"layer",
+	"media",
+	"scope",
+	"starting-style",
+	"supports"
+]);
+
+// The math functions whose result steps with their arguments, so a value inside
+// one keeps the unit and the digits it was written with.
+const STEPPED_FUNCTIONS = new Set(["mod", "rem", "round"]);
+
+// The units fixed against each other (CSS Values 4 §6.2, §8), as
+// `unit -> [group, how many of the group's base unit one is]`. Two units in the
+// same group convert into each other exactly when the ratio is binary-exact.
+/** @type {Map<string, [string, number]>} */
+const ABSOLUTE_UNIT_SCALE = new Map([
+	["px", ["length", 381]],
+	["pc", ["length", 6096]],
+	["pt", ["length", 508]],
+	["in", ["length", 36576]],
+	["cm", ["length", 14400]],
+	["mm", ["length", 1440]],
+	["q", ["length", 360]],
+	["ms", ["time", 1]],
+	["s", ["time", 1000]]
+]);
+
+// Each convertible group's reference unit, as `group -> [unit, scale]`. A sum
+// counted in the group's base unit divides by the scale to get back to a unit
+// that can be written down.
+/** @type {Map<string, [string, number]>} */
+const UNIT_GROUP_BASE = new Map([
+	["length", ["px", 381]],
+	["time", ["ms", 1]]
+]);
+
+// The units a conversion may emit. Every one is CSS 2.1's, so rewriting into it
+// cannot outrun what an engine reading the stylesheet already parses.
+const UNIT_CONVERSION_TARGETS = new Set([
+	"px",
+	"pc",
+	"pt",
+	"in",
+	"cm",
+	"mm",
+	"ms",
+	"s"
+]);
+
+// How each predefined color space is read back to sRGB: the matrix taking its
+// linear-light components to linear-light sRGB, and the function that reads one
+// stored component back to linear light. Both derived from the primaries,
+// white point and transfer function CSS Color 4 §10 states.
+/**
+ * A component already stored linearly.
+ * @param {number} c the stored component
+ * @returns {number} the same component
+ */
+const linearTransfer = (c) => c;
+
+/**
+ * The sRGB transfer function, which Display P3 shares.
+ * @param {number} c the stored component
+ * @returns {number} the linear-light component
+ */
+const srgbTransfer = (c) => {
+	const abs = Math.abs(c);
+	const sign = c < 0 ? -1 : 1;
+	return abs <= 0.04045 ? c / 12.92 : sign * ((abs + 0.055) / 1.055) ** 2.4;
+};
+
+/**
+ * Adobe RGB (1998)'s pure gamma of 563/256.
+ * @param {number} c the stored component
+ * @returns {number} the linear-light component
+ */
+const a98Transfer = (c) => {
+	const sign = c < 0 ? -1 : 1;
+	return sign * Math.abs(c) ** (563 / 256);
+};
+
+/**
+ * ProPhoto RGB's gamma of 1.8, with the linear segment below 16/512.
+ * @param {number} c the stored component
+ * @returns {number} the linear-light component
+ */
+const prophotoTransfer = (c) => {
+	const abs = Math.abs(c);
+	const sign = c < 0 ? -1 : 1;
+	return abs <= 16 / 512 ? c / 16 : sign * abs ** 1.8;
+};
+
+/**
+ * Rec. 2020's transfer function, with the constants ITU-R BT.2020 states.
+ * @param {number} c the stored component
+ * @returns {number} the linear-light component
+ */
+const rec2020Transfer = (c) => {
+	const alpha = 1.09929682680944;
+	const beta = 0.018053968510807;
+	const abs = Math.abs(c);
+	const sign = c < 0 ? -1 : 1;
+	return abs < beta * 4.5
+		? c / 4.5
+		: sign * ((abs + alpha - 1) / alpha) ** (1 / 0.45);
+};
+
+// What a color read in one space passes through on its way to a byte: nothing at
+// all, the sRGB transfer, or a matrix as well. `lib/css/syntax.js` reads how far
+// its answer can sit from an engine's from this.
+const ENCODED_ALREADY = 0;
+const THROUGH_TRANSFER = 1;
+const THROUGH_MATRIX = 2;
+const ENGINE_TRANSFER_DIFFERS = 3;
+
+/** @type {Map<string, { toSrgb: number[], transfer: (c: number) => number, conversion: number }>} */
+const PREDEFINED_COLOR_SPACES = new Map([
+	[
+		"srgb",
+		{
+			toSrgb: [1, 0, 0, 0, 1, 0, 0, 0, 1],
+			transfer: srgbTransfer,
+			conversion: 0
+		}
+	],
+	[
+		"srgb-linear",
+		{
+			toSrgb: [1, 0, 0, 0, 1, 0, 0, 0, 1],
+			transfer: linearTransfer,
+			conversion: 1
+		}
+	],
+	[
+		"display-p3",
+		{
+			toSrgb: [
+				1.2249401762805596, -0.22494017628055984, 0, -0.04205695470968812,
+				1.042056954709688, -2.0816681711721685e-17, -0.019637554590334425,
+				-0.0786360455506318, 1.0982736001409665
+			],
+			transfer: srgbTransfer,
+			conversion: 2
+		}
+	],
+	[
+		"a98-rgb",
+		{
+			toSrgb: [
+				1.3983557439607786, -0.39835574396077855, 5.551115123125783e-17,
+				-1.4072944198861848e-16, 1, -2.0816681711721685e-17,
+				1.734723475976807e-17, -0.04292898929447317, 1.042928989294473
+			],
+			transfer: a98Transfer,
+			conversion: 3
+		}
+	],
+	[
+		"prophoto-rgb",
+		{
+			toSrgb: [
+				2.034380836302867, -0.7276360137172471, -0.3067448320015419,
+				-0.228825697964331, 1.2317426727787788, -0.0029169277200310345,
+				-0.008558858080647581, -0.15326675125999153, 1.161825549670178
+			],
+			transfer: prophotoTransfer,
+			conversion: 3
+		}
+	],
+	[
+		"rec2020",
+		{
+			toSrgb: [
+				1.6604910021084347, -0.5876411387885495, -0.07284986331988486,
+				-0.12455047452159063, 1.1328998971259596, -0.008349422604369508,
+				-0.018150763354905206, -0.10057889800800737, 1.1187296613629127
+			],
+			transfer: rec2020Transfer,
+			conversion: 2
+		}
+	],
+	[
+		"xyz",
+		{
+			toSrgb: [
+				3.2409699419045226, -1.537383177570094, -0.4986107602930034,
+				-0.9692436362808796, 1.8759675015077202, 0.04155505740717559,
+				0.05563007969699366, -0.20397695888897652, 1.0569715142428786
+			],
+			transfer: linearTransfer,
+			conversion: 2
+		}
+	],
+	[
+		"xyz-d65",
+		{
+			toSrgb: [
+				3.2409699419045226, -1.537383177570094, -0.4986107602930034,
+				-0.9692436362808796, 1.8759675015077202, 0.04155505740717559,
+				0.05563007969699366, -0.20397695888897652, 1.0569715142428786
+			],
+			transfer: linearTransfer,
+			conversion: 2
+		}
+	],
+	[
+		"xyz-d50",
+		{
+			toSrgb: [
+				3.1341359569958707, -1.6173863321612538, -0.4906619460083532,
+				-0.978795502912089, 1.9162545672595237, 0.03344273116131948,
+				0.07195537988411684, -0.22897682641583222, 1.4053860583241256
+			],
+			transfer: linearTransfer,
+			conversion: 2
+		}
+	]
+]);
+
+// Linear-light sRGB -> linear-light Display P3, the inverse of the matrix above
+// it: a color outside sRGB keeps its gamut in a `color(display-p3 …)` fallback
+// wherever the target reads one.
+const LINEAR_SRGB_TO_P3 = [
+	0.8224619687143625, 0.17753803128563775, 3.3650564745655794e-18,
+	0.0331941988509616, 0.9668058011490385, 1.8324840583423322e-17,
+	0.017082630721120023, 0.07239744066396339, 0.9105199286149164
+];
+
+// The interpolation spaces a `color-mix()` or a relative color is read in, each
+// as the pair taking linear-light sRGB to its components and back, and which
+// component is an angle (`-1` for none). Every one derived from the primaries,
+// matrices and definitions the generator states.
+/**
+ * A 3x3 matrix, laid out row by row, times a column.
+ * @param {number[]} m the matrix
+ * @param {number[]} c the column
+ * @returns {number[]} the product
+ */
+const applyModel = (m, c) =>
+	[0, 3, 6].map((row) => m[row] * c[0] + m[row + 1] * c[1] + m[row + 2] * c[2]);
+
+/**
+ * @param {number} c a linear component
+ * @returns {number} the same component
+ */
+const linearEncode = (c) => c;
+
+/**
+ * @param {number} c a linear component
+ * @returns {number} the sRGB-encoded component
+ */
+const srgbEncode = (c) => {
+	const abs = Math.abs(c);
+	const sign = c < 0 ? -1 : 1;
+	return abs > 0.0031308
+		? sign * (1.055 * abs ** (1 / 2.4) - 0.055)
+		: 12.92 * c;
+};
+
+/**
+ * @param {number} c a linear component
+ * @returns {number} the Adobe RGB (1998) component
+ */
+const a98Encode = (c) => {
+	const sign = c < 0 ? -1 : 1;
+	return sign * Math.abs(c) ** (256 / 563);
+};
+
+/**
+ * @param {number} c a linear component
+ * @returns {number} the ProPhoto RGB component
+ */
+const prophotoEncode = (c) => {
+	const abs = Math.abs(c);
+	const sign = c < 0 ? -1 : 1;
+	return abs >= 1 / 512 ? sign * abs ** (1 / 1.8) : 16 * c;
+};
+
+/**
+ * @param {number} c a linear component
+ * @returns {number} the Rec. 2020 component
+ */
+const rec2020Encode = (c) => {
+	const alpha = 1.09929682680944;
+	const beta = 0.018053968510807;
+	const abs = Math.abs(c);
+	const sign = c < 0 ? -1 : 1;
+	return abs > beta ? sign * (alpha * abs ** 0.45 - (alpha - 1)) : 4.5 * c;
+};
+
+// The D50 white point Lab is defined against (CSS Color 4 §12), as XYZ.
+const LAB_WHITE = [0.3457 / 0.3585, 1, (1 - 0.3457 - 0.3585) / 0.3585];
+const LAB_EPSILON = 216 / 24389;
+const LAB_KAPPA = 24389 / 27;
+
+/**
+ * Linear-light sRGB -> CIE Lab, through XYZ at Lab's own white point.
+ * @param {number[]} c the linear-light components
+ * @returns {number[]} `[L, a, b]`, L in 0..100
+ */
+const toLab = (c) => {
+	const xyz = toXyzD50(c);
+	const f = xyz.map((value, at) => {
+		const t = value / LAB_WHITE[at];
+		return t > LAB_EPSILON ? Math.cbrt(t) : (LAB_KAPPA * t + 16) / 116;
+	});
+	return [116 * f[1] - 16, 500 * (f[0] - f[1]), 200 * (f[1] - f[2])];
+};
+
+/**
+ * CIE Lab -> linear-light sRGB.
+ * @param {number[]} c `[L, a, b]`
+ * @returns {number[]} the linear-light components
+ */
+const fromLab = (c) => {
+	const fy = (c[0] + 16) / 116;
+	const fx = c[1] / 500 + fy;
+	const fz = fy - c[2] / 200;
+	return fromXyzD50([
+		(fx ** 3 > LAB_EPSILON ? fx ** 3 : (116 * fx - 16) / LAB_KAPPA) *
+			LAB_WHITE[0],
+		(c[0] > LAB_KAPPA * LAB_EPSILON ? fy ** 3 : c[0] / LAB_KAPPA) *
+			LAB_WHITE[1],
+		(fz ** 3 > LAB_EPSILON ? fz ** 3 : (116 * fz - 16) / LAB_KAPPA) *
+			LAB_WHITE[2]
+	]);
+};
+
+/**
+ * Linear-light sRGB -> Oklab.
+ * @param {number[]} c the linear-light components
+ * @returns {number[]} `[L, a, b]`, L in 0..1
+ */
+const toOklab = (c) => applyModel(OKLAB_M, applyModel(LMS_M, c).map(Math.cbrt));
+
+/**
+ * Oklab -> linear-light sRGB.
+ * @param {number[]} c `[L, a, b]`
+ * @returns {number[]} the linear-light components
+ */
+const fromOklab = (c) =>
+	applyModel(
+		LMS_I,
+		applyModel(OKLAB_I, c).map((value) => value ** 3)
+	);
+
+/**
+ * A rectangular pair as chroma and hue, and back — the one relation `lch` has
+ * to `lab` and `oklch` to `oklab`.
+ * @param {number[]} c `[L, a, b]`
+ * @returns {number[]} `[L, C, H]`, H in degrees
+ */
+const toPolar = (c) => {
+	const chroma = Math.hypot(c[1], c[2]);
+	let hue = (Math.atan2(c[2], c[1]) * 180) / Math.PI;
+	if (hue < 0) hue += 360;
+	return [c[0], chroma, chroma === 0 ? 0 : hue];
+};
+
+/**
+ * @param {number[]} c `[L, C, H]`, H in degrees
+ * @returns {number[]} `[L, a, b]`
+ */
+const fromPolar = (c) => {
+	const hue = (c[2] * Math.PI) / 180;
+	return [c[0], c[1] * Math.cos(hue), c[1] * Math.sin(hue)];
+};
+
+/**
+ * @param {number[]} c the linear-light components
+ * @returns {number[]} `[L, C, H]`
+ */
+const toLch = (c) => toPolar(toLab(c));
+
+/**
+ * @param {number[]} c `[L, C, H]`
+ * @returns {number[]} the linear-light components
+ */
+const fromLch = (c) => fromLab(fromPolar(c));
 
-// The `font-weight` keywords CSS Fonts 4 §2.2 defines as a number, which is what
-// `getComputedStyle().fontWeight` reports either way.
-const FONT_WEIGHT_NUMBERS = new Map([
-	["normal", "400"],
-	["bold", "700"]
-]);
+/**
+ * @param {number[]} c the linear-light components
+ * @returns {number[]} `[L, C, H]`
+ */
+const toOklch = (c) => toPolar(toOklab(c));
 
-// Selectors 4 §3.3: the pseudo-elements engines must also accept with one colon,
-// so their second colon carries nothing.
-const LEGACY_PSEUDO_ELEMENTS = new Set([
-	"before",
-	"after",
-	"first-line",
-	"first-letter"
-]);
+/**
+ * @param {number[]} c `[L, C, H]`
+ * @returns {number[]} the linear-light components
+ */
+const fromOklch = (c) => fromOklab(fromPolar(c));
 
-// What may follow the `*` a compound selector implies: another simple selector
-// in the same compound. A separator between them would be a descendant
-// combinator instead, and `|` makes the `*` a namespace's, not a redundant one.
-const COMPOUND_CONTINUATIONS = new Set([":", ".", "#", "["]);
+/**
+ * Linear-light sRGB -> HSL (CSS Color 4 §7.1), through sRGB.
+ * @param {number[]} c the linear-light components
+ * @returns {number[]} `[H, S, L]`, H in degrees and the rest 0..1
+ */
+const toHsl = (c) => {
+	const [r, g, b] = c.map(srgbEncode);
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	const light = (min + max) / 2;
+	const range = max - min;
+	if (range === 0) return [0, 0, light];
+	let hue;
+	if (max === r) hue = ((g - b) / range) % 6;
+	else if (max === g) hue = (b - r) / range + 2;
+	else hue = (r - g) / range + 4;
+	hue *= 60;
+	if (hue < 0) hue += 360;
+	return [hue, range / (1 - Math.abs(2 * light - 1)), light];
+};
 
-// The pseudo-classes selecting a featureless element, which matches no type or
-// universal selector — so an implied `*` before one is what makes the selector
-// match nothing, and dropping it would bring the rule to life.
-const FEATURELESS_PSEUDO_CLASSES = new Set(["host", "host-context"]);
+/**
+ * HSL -> linear-light sRGB.
+ * @param {number[]} c `[H, S, L]`
+ * @returns {number[]} the linear-light components
+ */
+const fromHsl = (c) => {
+	let hue = c[0] % 360;
+	if (hue < 0) hue += 360;
+	const amount = c[1] * Math.min(c[2], 1 - c[2]);
+	return [0, 8, 4]
+		.map((n) => {
+			const k = (n + hue / 30) % 12;
+			return c[2] - amount * Math.max(-1, Math.min(k - 3, 9 - k, 1));
+		})
+		.map(srgbTransfer);
+};
 
-// The properties whose zero length keeps its unit: those whose own grammar
-// offers a bare number beside the length, so the unit is what picks the
-// reading, and the two an engine reads its own way.
-const ZERO_UNIT_KEEPING_PROPERTIES = new Set([
-	"border-image",
-	"border-image-outset",
-	"border-image-width",
-	"columns",
-	"flex",
-	"flex-basis",
-	"font",
-	"line-height",
-	"mask-border",
-	"mask-border-outset",
-	"mask-border-width",
-	"overflow-clip-margin",
-	"stroke-dasharray",
-	"stroke-dashoffset",
-	"stroke-width",
-	"tab-size"
-]);
+/**
+ * Linear-light sRGB -> HWB (CSS Color 4 §7.2).
+ * @param {number[]} c the linear-light components
+ * @returns {number[]} `[H, W, B]`
+ */
+const toHwb = (c) => {
+	const srgb = c.map(srgbEncode);
+	return [
+		toHsl(c)[0],
+		Math.min(srgb[0], srgb[1], srgb[2]),
+		1 - Math.max(srgb[0], srgb[1], srgb[2])
+	];
+};
 
-// The properties an engine takes no `calc()` in, so one stays as written
-// rather than folding to the value it equals.
-const CALC_REJECTING_PROPERTIES = new Set(["overflow-clip-margin"]);
+/**
+ * HWB -> linear-light sRGB.
+ * @param {number[]} c `[H, W, B]`
+ * @returns {number[]} the linear-light components
+ */
+const fromHwb = (c) => {
+	if (c[1] + c[2] >= 1) {
+		const gray = c[1] / (c[1] + c[2]);
+		return [gray, gray, gray].map(srgbTransfer);
+	}
+	return fromHsl([c[0], 1, 0.5]).map((value) =>
+		srgbTransfer(srgbEncode(value) * (1 - c[1] - c[2]) + c[1])
+	);
+};
 
-// The range a `calc()` is clamped to where the literal outside it is invalid,
-// keyed by property: `[unit, min, max]`.
-/** @type {Map<string, [string, number, number]>} */
-const CLAMPED_VALUE_RANGES = new Map([["font-style", ["deg", -90, 90]]]);
+const SRGB_M = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+const SRGB_I = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+/** @type {(c: number[]) => number[]} */
+const toSrgb = (c) => applyModel(SRGB_M, c).map(srgbEncode);
+/** @type {(c: number[]) => number[]} */
+const fromSrgb = (c) => applyModel(SRGB_I, c.map(srgbTransfer));
+const SRGB_LINEAR_M = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+const SRGB_LINEAR_I = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+/** @type {(c: number[]) => number[]} */
+const toSrgbLinear = (c) => applyModel(SRGB_LINEAR_M, c).map(linearEncode);
+/** @type {(c: number[]) => number[]} */
+const fromSrgbLinear = (c) => applyModel(SRGB_LINEAR_I, c.map(linearTransfer));
+const DISPLAY_P3_M = [
+	0.8224619687143625, 0.17753803128563775, 3.3650564745655794e-18,
+	0.0331941988509616, 0.9668058011490385, 1.8324840583423322e-17,
+	0.017082630721120023, 0.07239744066396339, 0.9105199286149164
+];
+const DISPLAY_P3_I = [
+	1.2249401762805596, -0.22494017628055984, 0, -0.04205695470968812,
+	1.042056954709688, -2.0816681711721685e-17, -0.019637554590334425,
+	-0.0786360455506318, 1.0982736001409665
+];
+/** @type {(c: number[]) => number[]} */
+const toDisplayP3 = (c) => applyModel(DISPLAY_P3_M, c).map(srgbEncode);
+/** @type {(c: number[]) => number[]} */
+const fromDisplayP3 = (c) => applyModel(DISPLAY_P3_I, c.map(srgbTransfer));
+const A98_RGB_M = [
+	0.7151256068556245, 0.2848743931443755, -3.237737802690131e-17,
+	1.0063922760456419e-16, 1, 1.9959826532201272e-17, -7.752312519259058e-18,
+	0.04116194845011838, 0.9588380515498818
+];
+const A98_RGB_I = [
+	1.3983557439607786, -0.39835574396077855, 5.551115123125783e-17,
+	-1.4072944198861848e-16, 1, -2.0816681711721685e-17, 1.734723475976807e-17,
+	-0.04292898929447317, 1.042928989294473
+];
+/** @type {(c: number[]) => number[]} */
+const toA98Rgb = (c) => applyModel(A98_RGB_M, c).map(a98Encode);
+/** @type {(c: number[]) => number[]} */
+const fromA98Rgb = (c) => applyModel(A98_RGB_I, c.map(a98Transfer));
+const PROPHOTO_RGB_M = [
+	0.5292769842583223, 0.3301545636252504, 0.14056844993940584,
+	0.09836583745016964, 0.8734706333869527, 0.028163490634021324,
+	0.016875355289046535, 0.1176594475769436, 0.8654652433945142
+];
+const PROPHOTO_RGB_I = [
+	2.034380836302867, -0.7276360137172471, -0.3067448320015419,
+	-0.228825697964331, 1.2317426727787788, -0.0029169277200310345,
+	-0.008558858080647581, -0.15326675125999153, 1.161825549670178
+];
+/** @type {(c: number[]) => number[]} */
+const toProphotoRgb = (c) => applyModel(PROPHOTO_RGB_M, c).map(prophotoEncode);
+/** @type {(c: number[]) => number[]} */
+const fromProphotoRgb = (c) =>
+	applyModel(PROPHOTO_RGB_I, c.map(prophotoTransfer));
+const REC2020_M = [
+	0.6274038959346989, 0.32928303837788375, 0.04331306568741721,
+	0.06909728935823205, 0.9195403950754593, 0.011362315566309202,
+	0.016391438875150217, 0.08801330787722576, 0.8955952532476239
+];
+const REC2020_I = [
+	1.6604910021084347, -0.5876411387885495, -0.07284986331988486,
+	-0.12455047452159063, 1.1328998971259596, -0.008349422604369508,
+	-0.018150763354905206, -0.10057889800800737, 1.1187296613629127
+];
+/** @type {(c: number[]) => number[]} */
+const toRec2020 = (c) => applyModel(REC2020_M, c).map(rec2020Encode);
+/** @type {(c: number[]) => number[]} */
+const fromRec2020 = (c) => applyModel(REC2020_I, c.map(rec2020Transfer));
+const XYZ_M = [
+	0.41239079926595934, 0.357584339383878, 0.18048078840183424,
+	0.21263900587151027, 0.7151686787677561, 0.07219231536073371,
+	0.01933081871559181, 0.11919477979462595, 0.9505321522496607
+];
+const XYZ_I = [
+	3.2409699419045226, -1.537383177570094, -0.4986107602930034,
+	-0.9692436362808796, 1.8759675015077202, 0.04155505740717559,
+	0.05563007969699366, -0.20397695888897652, 1.0569715142428786
+];
+const XYZ_D50_M = [
+	0.436065749632219, 0.3851515490648008, 0.14307837223757391,
+	0.22249316329879926, 0.7168869742512141, 0.06061983440080464,
+	0.01392393331799153, 0.09708135172457436, 0.7140993556376494
+];
+const XYZ_D50_I = [
+	3.1341359569958707, -1.6173863321612538, -0.4906619460083532,
+	-0.978795502912089, 1.9162545672595237, 0.03344273116131948,
+	0.07195537988411684, -0.22897682641583222, 1.4053860583241256
+];
+/** @type {(c: number[]) => number[]} */
+const toXyz = (c) => applyModel(XYZ_M, c);
+/** @type {(c: number[]) => number[]} */
+const fromXyz = (c) => applyModel(XYZ_I, c);
+/** @type {(c: number[]) => number[]} */
+const toXyzD50 = (c) => applyModel(XYZ_D50_M, c);
+/** @type {(c: number[]) => number[]} */
+const fromXyzD50 = (c) => applyModel(XYZ_D50_I, c);
+const LMS_M = [
+	0.4122214708, 0.5363325363, 0.0514459929, 0.2119034982, 0.6806995451,
+	0.1073969566, 0.0883024619, 0.2817188376, 0.6299787005
+];
+const LMS_I = [
+	4.076741661347994, -3.3077115904081933, 0.23096992872942784,
+	-1.268438004092176, 2.6097574006633715, -0.34131939631021946,
+	-0.004196086541837046, -0.7034186144594494, 1.7076147009309446
+];
+const OKLAB_M = [
+	0.2104542553, 0.793617785, -0.0040720468, 1.9779984951, -2.428592205,
+	0.4505937099, 0.0259040371, 0.7827717662, -0.808675766
+];
+const OKLAB_I = [
+	0.9999999984505199, 0.39633779217376786, 0.2158037580607588,
+	1.0000000088817607, -0.10556134232365634, -0.0638541747717059,
+	1.000000054672411, -0.08948418209496577, -1.291485537864092
+];
+/**
+ * @param {number[]} c a color's components in Oklch
+ * @returns {boolean} true where an engine may read the hue as missing
+ */
+const uncertainOklchHue = (c) => Math.abs(c[1]) < 0.03;
 
-// At-rules whose empty block is inert, so dropping it changes nothing.
-const DROPPABLE_WHEN_EMPTY_AT_RULES = new Set([
-	"media",
-	"supports",
-	"container"
-]);
+// The space a hex and an `rgb()` state their components in.
+const SRGB_SPACE = "srgb";
 
-// At-rules whose block holds rules and whose prelude states a condition, so two
-// adjacent blocks with the same prelude are the one block they resolve to.
-const MERGEABLE_AT_RULES = new Set([
-	"container",
-	"document",
-	"layer",
-	"media",
-	"scope",
-	"starting-style",
-	"supports"
+/** @typedef {{ to: (c: number[]) => number[], from: (c: number[]) => number[], hue: number, conversion: number, written: { open: string, scale: number[], percent: boolean[], feature: string }, uncertainHue: ((c: number[]) => boolean) | null }} ColorSpaceModel */
+
+/** @type {Map<string, ColorSpaceModel>} */
+const COLOR_SPACE_MODEL = new Map([
+	[
+		"srgb",
+		{
+			to: toSrgb,
+			from: fromSrgb,
+			hue: -1,
+			conversion: 0,
+			written: {
+				open: "color(srgb ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"srgb-linear",
+		{
+			to: toSrgbLinear,
+			from: fromSrgbLinear,
+			hue: -1,
+			conversion: 1,
+			written: {
+				open: "color(srgb-linear ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"display-p3",
+		{
+			to: toDisplayP3,
+			from: fromDisplayP3,
+			hue: -1,
+			conversion: 2,
+			written: {
+				open: "color(display-p3 ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"a98-rgb",
+		{
+			to: toA98Rgb,
+			from: fromA98Rgb,
+			hue: -1,
+			conversion: 3,
+			written: {
+				open: "color(a98-rgb ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"prophoto-rgb",
+		{
+			to: toProphotoRgb,
+			from: fromProphotoRgb,
+			hue: -1,
+			conversion: 3,
+			written: {
+				open: "color(prophoto-rgb ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"rec2020",
+		{
+			to: toRec2020,
+			from: fromRec2020,
+			hue: -1,
+			conversion: 2,
+			written: {
+				open: "color(rec2020 ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"xyz",
+		{
+			to: toXyz,
+			from: fromXyz,
+			hue: -1,
+			conversion: 2,
+			written: {
+				open: "color(xyz ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"xyz-d65",
+		{
+			to: toXyz,
+			from: fromXyz,
+			hue: -1,
+			conversion: 2,
+			written: {
+				open: "color(xyz-d65 ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"xyz-d50",
+		{
+			to: toXyzD50,
+			from: fromXyzD50,
+			hue: -1,
+			conversion: 2,
+			written: {
+				open: "color(xyz-d50 ",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "colorFunction"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"lab",
+		{
+			to: toLab,
+			from: fromLab,
+			hue: -1,
+			conversion: 2,
+			written: {
+				open: "lab(",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "labColors"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"lch",
+		{
+			to: toLch,
+			from: fromLch,
+			hue: 2,
+			conversion: 2,
+			written: {
+				open: "lch(",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "labColors"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"oklab",
+		{
+			to: toOklab,
+			from: fromOklab,
+			hue: -1,
+			conversion: 2,
+			written: {
+				open: "oklab(",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "oklabColors"
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"oklch",
+		{
+			to: toOklch,
+			from: fromOklch,
+			hue: 2,
+			conversion: 2,
+			written: {
+				open: "oklch(",
+				scale: [1, 1, 1],
+				percent: [false, false, false],
+				feature: "oklabColors"
+			},
+			uncertainHue: uncertainOklchHue
+		}
+	],
+	[
+		"hsl",
+		{
+			to: toHsl,
+			from: fromHsl,
+			hue: 0,
+			conversion: 0,
+			written: {
+				open: "hsl(",
+				scale: [1, 100, 100],
+				percent: [false, true, true],
+				feature: ""
+			},
+			uncertainHue: null
+		}
+	],
+	[
+		"hwb",
+		{
+			to: toHwb,
+			from: fromHwb,
+			hue: 0,
+			conversion: 0,
+			written: {
+				open: "hwb(",
+				scale: [1, 100, 100],
+				percent: [false, true, true],
+				feature: "hwbColors"
+			},
+			uncertainHue: null
+		}
+	]
 ]);
 
-// The math functions whose result steps with their arguments, so a value inside
-// one keeps the unit and the digits it was written with.
-const STEPPED_FUNCTIONS = new Set(["mod", "rem", "round"]);
+// The named colors an engine may not read while reading the rest, so one says
+// nothing about what another takes. Every other name is as old as naming one.
+const LATER_COLOR_NAMES = new Set(["rebeccapurple", "transparent"]);
 
-// The units fixed against each other (CSS Values 4 §6.2, §8), as
-// `unit -> [group, how many of the group's base unit one is]`. Two units in the
-// same group convert into each other exactly when the ratio is binary-exact.
-/** @type {Map<string, [string, number]>} */
-const ABSOLUTE_UNIT_SCALE = new Map([
-	["px", ["length", 381]],
-	["pc", ["length", 6096]],
-	["pt", ["length", 508]],
-	["in", ["length", 36576]],
-	["cm", ["length", 14400]],
-	["mm", ["length", 1440]],
-	["q", ["length", 360]],
-	["ms", ["time", 1]],
-	["s", ["time", 1000]]
+// Every named color as its packed `0xrrggbb` value — what a color a mix or a
+// relative reference names resolves through. The two tables above cut this one
+// down to the spellings worth rewriting; this one answers for every name.
+/** @type {Map<string, number>} */
+const COLOR_NAME_TO_RGB = new Map([
+	["aliceblue", 15792383],
+	["antiquewhite", 16444375],
+	["aqua", 65535],
+	["aquamarine", 8388564],
+	["azure", 15794175],
+	["beige", 16119260],
+	["bisque", 16770244],
+	["black", 0],
+	["blanchedalmond", 16772045],
+	["blue", 255],
+	["blueviolet", 9055202],
+	["brown", 10824234],
+	["burlywood", 14596231],
+	["cadetblue", 6266528],
+	["chartreuse", 8388352],
+	["chocolate", 13789470],
+	["coral", 16744272],
+	["cornflowerblue", 6591981],
+	["cornsilk", 16775388],
+	["crimson", 14423100],
+	["cyan", 65535],
+	["darkblue", 139],
+	["darkcyan", 35723],
+	["darkgoldenrod", 12092939],
+	["darkgray", 11119017],
+	["darkgreen", 25600],
+	["darkgrey", 11119017],
+	["darkkhaki", 12433259],
+	["darkmagenta", 9109643],
+	["darkolivegreen", 5597999],
+	["darkorange", 16747520],
+	["darkorchid", 10040012],
+	["darkred", 9109504],
+	["darksalmon", 15308410],
+	["darkseagreen", 9419919],
+	["darkslateblue", 4734347],
+	["darkslategray", 3100495],
+	["darkslategrey", 3100495],
+	["darkturquoise", 52945],
+	["darkviolet", 9699539],
+	["deeppink", 16716947],
+	["deepskyblue", 49151],
+	["dimgray", 6908265],
+	["dimgrey", 6908265],
+	["dodgerblue", 2003199],
+	["firebrick", 11674146],
+	["floralwhite", 16775920],
+	["forestgreen", 2263842],
+	["fuchsia", 16711935],
+	["gainsboro", 14474460],
+	["ghostwhite", 16316671],
+	["gold", 16766720],
+	["goldenrod", 14329120],
+	["gray", 8421504],
+	["green", 32768],
+	["greenyellow", 11403055],
+	["grey", 8421504],
+	["honeydew", 15794160],
+	["hotpink", 16738740],
+	["indianred", 13458524],
+	["indigo", 4915330],
+	["ivory", 16777200],
+	["khaki", 15787660],
+	["lavender", 15132410],
+	["lavenderblush", 16773365],
+	["lawngreen", 8190976],
+	["lemonchiffon", 16775885],
+	["lightblue", 11393254],
+	["lightcoral", 15761536],
+	["lightcyan", 14745599],
+	["lightgoldenrodyellow", 16448210],
+	["lightgray", 13882323],
+	["lightgreen", 9498256],
+	["lightgrey", 13882323],
+	["lightpink", 16758465],
+	["lightsalmon", 16752762],
+	["lightseagreen", 2142890],
+	["lightskyblue", 8900346],
+	["lightslategray", 7833753],
+	["lightslategrey", 7833753],
+	["lightsteelblue", 11584734],
+	["lightyellow", 16777184],
+	["lime", 65280],
+	["limegreen", 3329330],
+	["linen", 16445670],
+	["magenta", 16711935],
+	["maroon", 8388608],
+	["mediumaquamarine", 6737322],
+	["mediumblue", 205],
+	["mediumorchid", 12211667],
+	["mediumpurple", 9662683],
+	["mediumseagreen", 3978097],
+	["mediumslateblue", 8087790],
+	["mediumspringgreen", 64154],
+	["mediumturquoise", 4772300],
+	["mediumvioletred", 13047173],
+	["midnightblue", 1644912],
+	["mintcream", 16121850],
+	["mistyrose", 16770273],
+	["moccasin", 16770229],
+	["navajowhite", 16768685],
+	["navy", 128],
+	["oldlace", 16643558],
+	["olive", 8421376],
+	["olivedrab", 7048739],
+	["orange", 16753920],
+	["orangered", 16729344],
+	["orchid", 14315734],
+	["palegoldenrod", 15657130],
+	["palegreen", 10025880],
+	["paleturquoise", 11529966],
+	["palevioletred", 14381203],
+	["papayawhip", 16773077],
+	["peachpuff", 16767673],
+	["peru", 13468991],
+	["pink", 16761035],
+	["plum", 14524637],
+	["powderblue", 11591910],
+	["purple", 8388736],
+	["rebeccapurple", 6697881],
+	["red", 16711680],
+	["rosybrown", 12357519],
+	["royalblue", 4286945],
+	["saddlebrown", 9127187],
+	["salmon", 16416882],
+	["sandybrown", 16032864],
+	["seagreen", 3050327],
+	["seashell", 16774638],
+	["sienna", 10506797],
+	["silver", 12632256],
+	["skyblue", 8900331],
+	["slateblue", 6970061],
+	["slategray", 7372944],
+	["slategrey", 7372944],
+	["snow", 16775930],
+	["springgreen", 65407],
+	["steelblue", 4620980],
+	["tan", 13808780],
+	["teal", 32896],
+	["thistle", 14204888],
+	["tomato", 16737095],
+	["turquoise", 4251856],
+	["violet", 15631086],
+	["wheat", 16113331],
+	["white", 16777215],
+	["whitesmoke", 16119285],
+	["yellow", 16776960],
+	["yellowgreen", 10145074]
 ]);
 
-// Each convertible group's reference unit, as `group -> [unit, scale]`. A sum
-// counted in the group's base unit divides by the scale to get back to a unit
-// that can be written down.
-/** @type {Map<string, [string, number]>} */
-const UNIT_GROUP_BASE = new Map([
-	["length", ["px", 381]],
-	["time", ["ms", 1]]
+// What a layered shorthand's position, size, origin and clip hold when nothing
+// writes them, as `[x, y, size, origin, clip]`. A layer holding its own is a
+// layer the shorthand says without them.
+const LAYER_INITIALS = new Map([
+	["background", ["0%", "0%", "auto", "padding-box", "border-box"]],
+	["mask", ["0%", "0%", "auto", "border-box", "border-box"]]
 ]);
 
-// The units a conversion may emit. Every one is CSS 2.1's, so rewriting into it
-// cannot outrun what an engine reading the stylesheet already parses.
-const UNIT_CONVERSION_TARGETS = new Set([
-	"px",
-	"pc",
-	"pt",
-	"in",
-	"cm",
-	"mm",
-	"ms",
-	"s"
+// What each slot of a family shorthand holds when nothing writes it. A slot
+// holding its own initial says nothing beside the others.
+const FAMILY_SLOT_INITIALS = new Map([
+	["border-block-end-color", "currentcolor"],
+	["border-block-end-style", "none"],
+	["border-block-end-width", "medium"],
+	["border-block-start-color", "currentcolor"],
+	["border-block-start-style", "none"],
+	["border-block-start-width", "medium"],
+	["border-bottom-color", "currentcolor"],
+	["border-bottom-style", "none"],
+	["border-bottom-width", "medium"],
+	["border-inline-end-color", "currentcolor"],
+	["border-inline-end-style", "none"],
+	["border-inline-end-width", "medium"],
+	["border-inline-start-color", "currentcolor"],
+	["border-inline-start-style", "none"],
+	["border-inline-start-width", "medium"],
+	["border-left-color", "currentcolor"],
+	["border-left-style", "none"],
+	["border-left-width", "medium"],
+	["border-right-color", "currentcolor"],
+	["border-right-style", "none"],
+	["border-right-width", "medium"],
+	["border-top-color", "currentcolor"],
+	["border-top-style", "none"],
+	["border-top-width", "medium"],
+	["column-rule-color", "currentcolor"],
+	["column-rule-style", "none"],
+	["column-rule-width", "medium"],
+	["flex-direction", "row"],
+	["flex-wrap", "nowrap"],
+	["list-style-image", "none"],
+	["list-style-position", "outside"],
+	["list-style-type", "disc"],
+	["outline-color", "auto"],
+	["outline-style", "none"],
+	["outline-width", "medium"],
+	["text-decoration-color", "currentcolor"],
+	["text-decoration-line", "none"],
+	["text-decoration-style", "solid"],
+	["text-decoration-thickness", "auto"],
+	["text-emphasis-color", "currentcolor"],
+	["text-emphasis-style", "none"],
+	["text-wrap-mode", "wrap"],
+	["text-wrap-style", "auto"]
 ]);
 
+// The font stack `system-ui` names, for a target that does not read the keyword.
+const SYSTEM_UI_STACK =
+	"system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue";
+
 // The angle units. Excluded from rounding: `rotate()` runs its argument through
 // trig, which turns a truncated digit into a different computed matrix.
 const ANGLE_UNITS = new Set(["deg", "grad", "rad", "turn"]);
 
+// The constants a calculation may name (CSS Values 4 §10.7), as `name -> value`.
+// `infinity` and `NaN` are named with none: no printed number spells either, so
+// a calculation naming one is left as it stands.
+/** @type {Map<string, number | null>} */
+const CALC_CONSTANTS = new Map([
+	["e", Math.E],
+	["infinity", null],
+	["nan", null],
+	["pi", Math.PI]
+]);
+
 // A quarter turn in each unit that spells it exactly (CSS Values 4 §8.1), as
-// `unit -> the count`. The trig functions are folded only where their argument
-// is a whole number of these, which is where sine and cosine are rational.
+// `unit -> the count`. It is what a trig function's argument is read as degrees
+// through, and the eighths of it are where sine and cosine are rational.
 /** @type {Map<string, number>} */
 const QUARTER_TURN_ANGLE = new Map([
 	["deg", 90],
@@ -2683,83 +4743,106 @@ const ARC_TANGENT_DEGREES = new Map([
 	[1, 45]
 ]);
 
-// The reader that needs a table, built once here — `mathPrimitives` knows the
-// arithmetic of an eighth turn but not which units spell one.
-const readEighthTurn = eighthTurnReader(QUARTER_TURN_ANGLE);
+// The reader that needs a table, built once here — `mathPrimitives` knows how to
+// read an angle but not which units spell a quarter turn.
+const readAngle = angleReader(QUARTER_TURN_ANGLE);
+
+// The table a function that looks nothing up is handed.
+/** @type {Map<number, number>} */
+const NO_TABLE = new Map();
 
 // What folding each math function comes down to, as
 // `name -> { read, apply, result, table }`: how its arguments are read, which
 // arithmetic runs, and the unit the answer carries. `read` and `apply` are the
 // functions themselves, so `lib/css/syntax.js` drives the fold while naming
 // neither a math function nor an arithmetic of its own.
-/** @type {Map<string, { read: MathArgumentReader, apply: MathOperation, result: string, table: Map<number, number> | null }>} */
+/** @type {Map<string, { read: MathArgumentReader, apply: MathOperation, result: string, table: Map<number, number> }>} */
 const MATH_FUNCTION_FOLD = new Map([
-	["abs", { read: readSameUnit, apply: absolute, result: "same", table: null }],
+	[
+		"abs",
+		{ read: readSameUnit, apply: absolute, result: "same", table: NO_TABLE }
+	],
 	[
 		"acos",
 		{
 			read: readNumber,
-			apply: lookup,
+			apply: statedAngle,
 			result: "deg",
 			table: ARC_COSINE_DEGREES
 		}
 	],
 	[
 		"asin",
-		{ read: readNumber, apply: lookup, result: "deg", table: ARC_SINE_DEGREES }
+		{
+			read: readNumber,
+			apply: statedAngle,
+			result: "deg",
+			table: ARC_SINE_DEGREES
+		}
 	],
 	[
 		"atan",
 		{
 			read: readNumber,
-			apply: lookup,
+			apply: statedAngle,
 			result: "deg",
 			table: ARC_TANGENT_DEGREES
 		}
 	],
 	[
 		"atan2",
-		{ read: readSameUnit, apply: arcTangent2, result: "deg", table: null }
+		{ read: readSameUnit, apply: arcTangent2, result: "deg", table: NO_TABLE }
+	],
+	[
+		"clamp",
+		{ read: readSameUnit, apply: clamp, result: "same", table: NO_TABLE }
 	],
-	["clamp", { read: readSameUnit, apply: clamp, result: "same", table: null }],
 	[
 		"cos",
-		{
-			read: readEighthTurn,
-			apply: lookup,
-			result: "",
-			table: EIGHTH_TURN_COSINE
-		}
+		{ read: readAngle, apply: cosine, result: "", table: EIGHTH_TURN_COSINE }
+	],
+	[
+		"exp",
+		{ read: readNumber, apply: exponential, result: "", table: NO_TABLE }
 	],
-	["exp", { read: readNumber, apply: exponential, result: "", table: null }],
 	[
 		"hypot",
-		{ read: readSameUnit, apply: hypotenuse, result: "same", table: null }
+		{ read: readSameUnit, apply: hypotenuse, result: "same", table: NO_TABLE }
+	],
+	["log", { read: readNumber, apply: logarithm, result: "", table: NO_TABLE }],
+	[
+		"max",
+		{ read: readSameUnit, apply: maximum, result: "same", table: NO_TABLE }
+	],
+	[
+		"min",
+		{ read: readSameUnit, apply: minimum, result: "same", table: NO_TABLE }
+	],
+	[
+		"mod",
+		{ read: readSameUnit, apply: modulus, result: "same", table: NO_TABLE }
 	],
-	["log", { read: readNumber, apply: logarithm, result: "", table: null }],
-	["max", { read: readSameUnit, apply: maximum, result: "same", table: null }],
-	["min", { read: readSameUnit, apply: minimum, result: "same", table: null }],
-	["mod", { read: readSameUnit, apply: modulus, result: "same", table: null }],
-	["pow", { read: readNumber, apply: power, result: "", table: null }],
+	["pow", { read: readNumber, apply: power, result: "", table: NO_TABLE }],
 	[
 		"rem",
-		{ read: readSameUnit, apply: remainder, result: "same", table: null }
+		{ read: readSameUnit, apply: remainder, result: "same", table: NO_TABLE }
+	],
+	[
+		"round",
+		{ read: readSameUnit, apply: round, result: "same", table: NO_TABLE }
 	],
-	["round", { read: readSameUnit, apply: round, result: "same", table: null }],
-	["sign", { read: readSameUnit, apply: sign, result: "", table: null }],
+	["sign", { read: readSameUnit, apply: sign, result: "", table: NO_TABLE }],
 	[
 		"sin",
-		{ read: readEighthTurn, apply: lookup, result: "", table: EIGHTH_TURN_SINE }
+		{ read: readAngle, apply: sine, result: "", table: EIGHTH_TURN_SINE }
+	],
+	[
+		"sqrt",
+		{ read: readNumber, apply: squareRoot, result: "", table: NO_TABLE }
 	],
-	["sqrt", { read: readNumber, apply: squareRoot, result: "", table: null }],
 	[
 		"tan",
-		{
-			read: readEighthTurn,
-			apply: lookup,
-			result: "",
-			table: EIGHTH_TURN_TANGENT
-		}
+		{ read: readAngle, apply: tangent, result: "", table: EIGHTH_TURN_TANGENT }
 	]
 ]);
 
@@ -4525,80 +6608,99 @@ const SUPPORT_PROFILES = new Float64Array([
 	6200000, 4900000, 6200000, 6200000, 7900000, 4900000, 1e15, 1e15, 900003,
 	4700000, 4900000, 1000000, 800000, 7200000, 8300000, 7200000, 7200000,
 	7900000, 8300000, 1e15, 1e15, 1200002, 5100000, 6000000, 1200001, 1100000,
-	8700000, 6600000, 8700000, 8700000, 8700000, 6600000, 1e15, 1e15, 1400005,
-	6200000, 7300000, 1400001, 1400000, 10400000, 10200000, 10400000, 10400000,
-	10400000, 10200000, 1e15, 1e15, 1600004, 7100000, 9000000, 1600004, 2000000,
-	6800000, 6100000, 6800000, 6800000, 7900000, 6100000, 1e15, 1e15, 1300004,
-	4800000, 5500000, 1300001, 1000000, 5900000, 4500000, 5900000, 5900000,
-	7900000, 4500000, 1e15, 1e15, 1100000, 4300000, 4600000, 1100000, 700000,
-	1800000, 400000, 400004, 100000, 1200000, 100005, 900000, 900000, 300002,
-	1000001, 700000, 400000, 100000, 3700000, 4700000, 3700000, 3700000, 7900000,
-	4700000, 1e15, 1e15, 1500004, 2400000, 2400000, 1500004, 300000, 1800000,
-	400000, 400004, 100000, 1200000, 100005, 900000, 900000, 300000, 1000001,
-	700000, 400000, 100000, 13300000, 1e15, 13300000, 13300000, 13300000, 1e15,
-	1e15, 1e15, 2700000, 8800000, 11800000, 2700000, 2900000, 2600000, 5500000,
-	400004, 2600000, 7900000, 5500000, 1e15, 1e15, 700000, 1400000, 1500000,
-	700000, 100005, 13100000, 14300000, 13100000, 13100000, 13100000, 14300000,
-	1e15, 1e15, 1800004, 8700000, 11600000, 1800004, 2900000, 8900000, 8200000,
-	8900000, 8900000, 8900000, 8200000, 1e15, 1e15, 1400005, 6300000, 7500000,
-	1400001, 1500000, 1800000, 400000, 3700000, 100000, 1200000, 100000, 900000,
-	900000, 100000, 1000001, 700000, 100000, 100000, 1800000, 400000, 400004,
-	100000, 1200000, 100000, 900000, 900000, 100000, 1000001, 700000, 100000,
-	100000, 12100000, 1e15, 12100000, 12100000, 12100000, 1e15, 1e15, 1e15,
-	1700004, 8100000, 10700000, 1700004, 2500000, 10500000, 14900000, 10500000,
-	10500000, 10500000, 14900000, 1e15, 1e15, 1700002, 7200000, 9100000, 1700002,
-	2000000, 8600000, 6800000, 8600000, 8600000, 8600000, 6800000, 1e15, 1e15,
-	1100003, 6100000, 7200000, 1100001, 1400000, 7300000, 7900000, 7300000,
-	7300000, 7900000, 7200000, 1e15, 1e15, 1300004, 5200000, 6000000, 1300001,
-	1100000, 13500000, 1e15, 13500000, 13500000, 13500000, 1e15, 1e15, 1e15,
-	2700000, 8900000, 12000000, 2700000, 2900000, 5700000, 5100000, 5700000,
-	5700000, 7900000, 5100000, 1e15, 1e15, 1000003, 4300000, 4400000, 1000001,
-	700000, 1800000, 6200000, 3700000, 100000, 1200000, 6200000, 900000, 900000,
-	1e15, 1400000, 900005, 100001, 100000, 5000000, 6300000, 5000000, 5000000,
-	7900000, 6300000, 1e15, 1e15, 1000000, 3700000, 3700000, 1000000, 500000,
-	8900000, 13100000, 8900000, 8900000, 8900000, 13100000, 1e15, 1e15, 1800002,
-	6300000, 7500000, 1800002, 1500000, 10900000, 14400000, 10900000, 10900000,
-	10900000, 14400000, 1e15, 1e15, 1800000, 7400000, 9500000, 1800000, 2100000,
-	1800000, 400000, 400004, 100000, 1200000, 100000, 400000, 400000, 100000,
-	1000001, 500000, 100000, 100000, 12500000, 14400000, 12500000, 12500000,
-	12500000, 14400000, 1e15, 1e15, 1800000, 8300000, 11100000, 1800000, 2700000,
-	12500000, 14700000, 12500000, 12500000, 12500000, 14700000, 1e15, 1e15,
-	1800002, 8300000, 11100000, 1800002, 2700000, 6500000, 5000000, 6500000,
-	6500000, 7900000, 5000000, 1e15, 1e15, 900000, 4700000, 5200000, 900000,
-	900000, 11000000, 8600000, 11000000, 11000000, 11000000, 8600000, 1e15, 1e15,
-	1500000, 7400000, 9600000, 1500000, 2100000, 15200000, 15000000, 15200000,
-	15200000, 15200000, 15000000, 1e15, 1e15, 1500004, 1e15, 13600000, 1500004,
-	1e15, 1800000, 400000, 200000, 100000, 1200000, 100000, 900000, 900000,
-	200000, 1000001, 900000, 300001, 100000, 1800000, 400000, 3700000, 1000000,
-	7900000, 400000, 1e15, 1e15, 500000, 1000001, 1000000, 500000, 100000,
-	5400000, 6300000, 5400000, 5400000, 7900000, 6300000, 1e15, 1e15, 1000000,
-	4100000, 4100000, 1000000, 600000, 12000000, 4900000, 12000000, 12000000,
-	12000000, 4900000, 1e15, 1e15, 1600004, 8000000, 10600000, 1600004, 2500000,
+	11500000, 7900000, 11500000, 11500000, 11500000, 7000000, 1e15, 1e15, 1500000,
+	7700000, 10100000, 1500000, 2300000, 5600000, 9200000, 5600000, 5600000,
+	7900000, 9200000, 1e15, 1e15, 1100000, 4300000, 4300000, 1100000, 600000,
+	8800000, 7900000, 8800000, 8800000, 8800000, 7800000, 1e15, 1e15, 1400000,
+	6300000, 7400000, 1400000, 1500000, 1e15, 11400000, 1e15, 1e15, 1e15,
+	11400000, 1e15, 1e15, 900000, 1e15, 1e15, 900000, 1e15, 8800000, 8400000,
+	8800000, 8800000, 8800000, 8400000, 1e15, 1e15, 900000, 1e15, 7400000, 900000,
+	1500000, 12000000, 4900000, 12000000, 12000000, 12000000, 4900000, 1e15, 1e15,
+	1600004, 8000000, 10600000, 1600004, 2500000, 1e15, 1e15, 1e15, 1e15, 1e15,
+	1e15, 1e15, 1e15, 1e15, 1e15, 1e15, 1e15, 1e15, 12000000, 11700000, 12000000,
+	12000000, 12000000, 11700000, 1e15, 1e15, 1700002, 8000000, 10600000, 1700002,
+	2500000, 5700000, 600000, 5700000, 5700000, 7900000, 600000, 1e15, 1e15,
+	2600002, 4300000, 4400000, 2600002, 700000, 8700000, 7900000, 8700000,
+	8700000, 8700000, 7000000, 1e15, 1e15, 2600002, 6200000, 7300000, 2600002,
+	1400000, 11100000, 11300000, 11100000, 11100000, 11100000, 11300000, 1e15,
+	1e15, 1500000, 7500000, 9700000, 1500000, 2200000, 11100000, 11300000,
+	11100000, 11100000, 11100000, 11300000, 1e15, 1e15, 1600002, 7500000, 9700000,
+	1600002, 2200000, 10100000, 9600000, 10100000, 10100000, 10100000, 9600000,
+	1e15, 1e15, 1500000, 7000000, 8700000, 1500000, 1900000, 12300000, 12000000,
+	12300000, 12300000, 12300000, 12000000, 1e15, 1e15, 1700005, 8200000,
+	10900000, 1700005, 2700000, 11100000, 11300000, 11100000, 11100000, 11100000,
+	11300000, 1e15, 1e15, 1500004, 7500000, 9700000, 1500004, 2200000, 8700000,
+	6600000, 8700000, 8700000, 8700000, 6600000, 1e15, 1e15, 1400005, 6200000,
+	7300000, 1400001, 1400000, 10400000, 10200000, 10400000, 10400000, 10400000,
+	10200000, 1e15, 1e15, 1600004, 7100000, 9000000, 1600004, 2000000, 6800000,
+	6100000, 6800000, 6800000, 7900000, 6100000, 1e15, 1e15, 1300004, 4800000,
+	5500000, 1300001, 1000000, 5900000, 4500000, 5900000, 5900000, 7900000,
+	4500000, 1e15, 1e15, 1100000, 4300000, 4600000, 1100000, 700000, 1800000,
+	400000, 400004, 100000, 1200000, 100005, 900000, 900000, 300002, 1000001,
+	700000, 400000, 100000, 3700000, 4700000, 3700000, 3700000, 7900000, 4700000,
+	1e15, 1e15, 1500004, 2400000, 2400000, 1500004, 300000, 1800000, 400000,
+	400004, 100000, 1200000, 100005, 900000, 900000, 300000, 1000001, 700000,
+	400000, 100000, 13300000, 1e15, 13300000, 13300000, 13300000, 1e15, 1e15,
+	1e15, 2700000, 8800000, 11800000, 2700000, 2900000, 2600000, 5500000, 400004,
+	2600000, 7900000, 5500000, 1e15, 1e15, 700000, 1400000, 1500000, 700000,
+	100005, 13100000, 14300000, 13100000, 13100000, 13100000, 14300000, 1e15,
+	1e15, 1800004, 8700000, 11600000, 1800004, 2900000, 8900000, 8200000, 8900000,
+	8900000, 8900000, 8200000, 1e15, 1e15, 1400005, 6300000, 7500000, 1400001,
+	1500000, 1800000, 400000, 3700000, 100000, 1200000, 100000, 900000, 900000,
+	100000, 1000001, 700000, 100000, 100000, 1800000, 400000, 400004, 100000,
+	1200000, 100000, 900000, 900000, 100000, 1000001, 700000, 100000, 100000,
+	12100000, 1e15, 12100000, 12100000, 12100000, 1e15, 1e15, 1e15, 1700004,
+	8100000, 10700000, 1700004, 2500000, 10500000, 14900000, 10500000, 10500000,
+	10500000, 14900000, 1e15, 1e15, 1700002, 7200000, 9100000, 1700002, 2000000,
+	8600000, 6800000, 8600000, 8600000, 8600000, 6800000, 1e15, 1e15, 1100003,
+	6100000, 7200000, 1100001, 1400000, 7300000, 7900000, 7300000, 7300000,
+	7900000, 7200000, 1e15, 1e15, 1300004, 5200000, 6000000, 1300001, 1100000,
+	13500000, 1e15, 13500000, 13500000, 13500000, 1e15, 1e15, 1e15, 2700000,
+	8900000, 12000000, 2700000, 2900000, 5700000, 5100000, 5700000, 5700000,
+	7900000, 5100000, 1e15, 1e15, 1000003, 4300000, 4400000, 1000001, 700000,
+	1800000, 6200000, 3700000, 100000, 1200000, 6200000, 900000, 900000, 1e15,
+	1400000, 900005, 100001, 100000, 5000000, 6300000, 5000000, 5000000, 7900000,
+	6300000, 1e15, 1e15, 1000000, 3700000, 3700000, 1000000, 500000, 8900000,
+	13100000, 8900000, 8900000, 8900000, 13100000, 1e15, 1e15, 1800002, 6300000,
+	7500000, 1800002, 1500000, 10900000, 14400000, 10900000, 10900000, 10900000,
+	14400000, 1e15, 1e15, 1800000, 7400000, 9500000, 1800000, 2100000, 1800000,
+	400000, 400004, 100000, 1200000, 100000, 400000, 400000, 100000, 1000001,
+	500000, 100000, 100000, 12500000, 14400000, 12500000, 12500000, 12500000,
+	14400000, 1e15, 1e15, 1800000, 8300000, 11100000, 1800000, 2700000, 12500000,
+	14700000, 12500000, 12500000, 12500000, 14700000, 1e15, 1e15, 1800002,
+	8300000, 11100000, 1800002, 2700000, 6500000, 5000000, 6500000, 6500000,
+	7900000, 5000000, 1e15, 1e15, 900000, 4700000, 5200000, 900000, 900000,
+	11000000, 8600000, 11000000, 11000000, 11000000, 8600000, 1e15, 1e15, 1500000,
+	7400000, 9600000, 1500000, 2100000, 15200000, 15000000, 15200000, 15200000,
+	15200000, 15000000, 1e15, 1e15, 1500004, 1e15, 13600000, 1500004, 1e15,
 	1800000, 400000, 200000, 100000, 1200000, 100000, 900000, 900000, 200000,
-	1000001, 900005, 300001, 100000, 1800000, 11600000, 400004, 1800000, 1200000,
-	11600000, 800000, 800000, 600000, 1000001, 900002, 600000, 100000, 1800000,
-	400000, 400004, 400000, 1200000, 300000, 700000, 700000, 400000, 1000001,
-	900005, 300001, 100000, 1800000, 400000, 200000, 100000, 1200000, 300005,
-	900000, 900000, 200000, 1000001, 900005, 300001, 100000, 1800000, 400000,
-	400004, 100000, 1200000, 100000, 800000, 800000, 100000, 1000001, 700000,
-	100000, 100000, 8600000, 8500000, 8600000, 8600000, 8600000, 8500000, 1e15,
-	1e15, 1500004, 6100000, 7200000, 1500004, 1400000, 6000000, 5200000, 6000000,
-	6000000, 7900000, 5200000, 1e15, 1e15, 1000003, 4400000, 4700000, 1000001,
-	800000, 7100000, 6400000, 7100000, 7100000, 1200000, 6400000, 1e15, 1e15,
-	1600004, 5000000, 5800000, 1600004, 1000000, 2500000, 1e15, 400004, 2300000,
-	7900000, 1e15, 1e15, 1e15, 700000, 1400000, 1500000, 700000, 100005, 10500000,
-	12100000, 10500000, 10500000, 10500000, 12100000, 1e15, 1e15, 1500004,
-	7200000, 9100000, 1500004, 2000000, 1e15, 13600000, 1e15, 1e15, 1e15,
-	13600000, 1e15, 1e15, 1e15, 1e15, 1e15, 1e15, 1e15, 5400000, 1e15, 5400000,
-	5400000, 7900000, 1e15, 1e15, 1e15, 1e15, 4100000, 4100000, 1e15, 600000,
-	1800000, 400000, 400004, 100000, 1200000, 100000, 400000, 400000, 100000,
-	1000001, 400000, 200000, 100000, 1800000, 1600000, 200002, 1000000, 1300000,
-	2900000, 1e15, 1e15, 500000, 1100000, 1100000, 500001, 100000, 1800000,
-	400000, 400004, 100000, 1200000, 200000, 1000000, 1000000, 100000, 1000001,
-	900000, 300000, 100000, 1800000, 400000, 3700000, 1000000, 1200000, 400000,
-	1000000, 1000000, 500000, 1000001, 1000000, 500000, 100000, 8800000, 7900000,
-	8800000, 8800000, 8800000, 7800000, 1e15, 1e15, 1400000, 6300000, 7400000,
-	1400000, 1500000, 1800000, 400000, 400004, 100000, 1200000, 100000, 800000,
+	1000001, 900000, 300001, 100000, 1800000, 400000, 3700000, 1000000, 7900000,
+	400000, 1e15, 1e15, 500000, 1000001, 1000000, 500000, 100000, 5400000,
+	6300000, 5400000, 5400000, 7900000, 6300000, 1e15, 1e15, 1000000, 4100000,
+	4100000, 1000000, 600000, 1800000, 400000, 200000, 100000, 1200000, 100000,
+	900000, 900000, 200000, 1000001, 900005, 300001, 100000, 1800000, 11600000,
+	400004, 1800000, 1200000, 11600000, 800000, 800000, 600000, 1000001, 900002,
+	600000, 100000, 1800000, 400000, 400004, 400000, 1200000, 300000, 700000,
+	700000, 400000, 1000001, 900005, 300001, 100000, 1800000, 400000, 200000,
+	100000, 1200000, 300005, 900000, 900000, 200000, 1000001, 900005, 300001,
+	100000, 1800000, 400000, 400004, 100000, 1200000, 100000, 800000, 800000,
+	100000, 1000001, 700000, 100000, 100000, 8600000, 8500000, 8600000, 8600000,
+	8600000, 8500000, 1e15, 1e15, 1500004, 6100000, 7200000, 1500004, 1400000,
+	6000000, 5200000, 6000000, 6000000, 7900000, 5200000, 1e15, 1e15, 1000003,
+	4400000, 4700000, 1000001, 800000, 7100000, 6400000, 7100000, 7100000,
+	1200000, 6400000, 1e15, 1e15, 1600004, 5000000, 5800000, 1600004, 1000000,
+	2500000, 1e15, 400004, 2300000, 7900000, 1e15, 1e15, 1e15, 700000, 1400000,
+	1500000, 700000, 100005, 10500000, 12100000, 10500000, 10500000, 10500000,
+	12100000, 1e15, 1e15, 1500004, 7200000, 9100000, 1500004, 2000000, 1e15,
+	13600000, 1e15, 1e15, 1e15, 13600000, 1e15, 1e15, 1e15, 1e15, 1e15, 1e15,
+	1e15, 5400000, 1e15, 5400000, 5400000, 7900000, 1e15, 1e15, 1e15, 1e15,
+	4100000, 4100000, 1e15, 600000, 1800000, 400000, 400004, 100000, 1200000,
+	100000, 400000, 400000, 100000, 1000001, 400000, 200000, 100000, 1800000,
+	1600000, 200002, 1000000, 1300000, 2900000, 1e15, 1e15, 500000, 1100000,
+	1100000, 500001, 100000, 1800000, 400000, 400004, 100000, 1200000, 200000,
+	1000000, 1000000, 100000, 1000001, 900000, 300000, 100000, 1800000, 400000,
+	3700000, 1000000, 1200000, 400000, 1000000, 1000000, 500000, 1000001, 1000000,
+	500000, 100000, 1800000, 400000, 400004, 100000, 1200000, 100000, 800000,
 	800000, 200000, 1000001, 800000, 300001, 100000, 1800000, 400000, 400004,
 	100000, 1200000, 100000, 900000, 900000, 200000, 1000001, 900005, 300001,
 	100000, 1800000, 1e15, 400004, 600000, 1200000, 1e15, 800000, 800000, 400002,
@@ -4635,10 +6737,27 @@ const SUPPORT_PROFILES = new Float64Array([
 const SUPPORTED_FROM = new Map([
 	["colorHexAlpha", 0],
 	["gradientDoublePosition", 1],
-	["insetShorthand", 2],
-	["mediaQueryRange", 3],
-	["overflowTwoValues", 4],
-	["placeShorthand", 5]
+	["displayTwoValues", 2],
+	["systemUiFont", 3],
+	["isSelector", 4],
+	["langArgumentList", 5],
+	["notSelectorList", 6],
+	["whereSelector", 4],
+	["dirSelector", 7],
+	["customMedia", 8],
+	["nesting", 9],
+	["textDecorationColorStyle", 10],
+	["textDecorationThickness", 11],
+	["colorFunction", 12],
+	["colorMix", 13],
+	["hwbColors", 14],
+	["lightDark", 15],
+	["labColors", 12],
+	["oklabColors", 16],
+	["insetShorthand", 17],
+	["mediaQueryRange", 18],
+	["overflowTwoValues", 19],
+	["placeShorthand", 20]
 ]);
 
 // When each browser first read a pseudo-class or pseudo-element, by the spelling
@@ -4646,102 +6765,102 @@ const SUPPORTED_FROM = new Map([
 // so it never joins a selector list.
 /** @type {Map<string, number>} */
 const SELECTOR_SUPPORTED_FROM = new Map([
-	["::after", 6],
-	["::backdrop", 7],
-	["::before", 8],
-	["::checkmark", 9],
-	["::cue", 10],
-	["::cue", 10],
-	["::details-content", 11],
-	["::file-selector-button", 12],
-	["::first-letter", 13],
-	["::first-line", 14],
-	["::grammar-error", 15],
-	["::highlight", 16],
-	["::marker", 17],
-	["::part", 18],
-	["::picker", 19],
-	["::picker-icon", 9],
-	["::placeholder", 20],
-	["::selection", 21],
-	["::slotted", 22],
-	["::spelling-error", 15],
-	["::target-text", 23],
-	["::view-transition", 24],
-	["::view-transition-group", 24],
-	["::view-transition-image-pair", 24],
-	["::view-transition-new", 24],
-	["::view-transition-old", 24],
-	[":active", 25],
-	[":active-view-transition", 26],
-	[":active-view-transition-type", 27],
-	[":any-link", 28],
-	[":autofill", 29],
-	[":buffering", 30],
-	[":checked", 31],
-	[":default", 32],
-	[":defined", 33],
-	[":dir", 34],
-	[":disabled", 31],
-	[":empty", 35],
-	[":enabled", 31],
-	[":first", 36],
-	[":first-child", 37],
-	[":first-of-type", 38],
-	[":focus", 39],
-	[":focus-visible", 40],
-	[":focus-within", 41],
-	[":fullscreen", 42],
-	[":future", 43],
-	[":has", 44],
-	[":has-slotted", 45],
-	[":host", 33],
-	[":host", 33],
-	[":host-context", 46],
-	[":hover", 47],
-	[":in-range", 48],
-	[":indeterminate", 49],
-	[":invalid", 50],
-	[":is", 51],
-	[":lang", 52],
-	[":last-child", 53],
-	[":last-of-type", 38],
-	[":left", 54],
-	[":link", 55],
-	[":modal", 56],
-	[":muted", 30],
-	[":not", 35],
-	[":nth-child", 57],
-	[":nth-last-child", 58],
-	[":nth-last-of-type", 59],
-	[":nth-of-type", 38],
-	[":only-child", 60],
-	[":only-of-type", 38],
-	[":open", 61],
-	[":optional", 50],
-	[":out-of-range", 48],
-	[":past", 43],
-	[":paused", 30],
-	[":picture-in-picture", 62],
-	[":placeholder-shown", 63],
-	[":playing", 30],
-	[":popover-open", 64],
-	[":read-only", 65],
-	[":read-write", 65],
-	[":required", 66],
-	[":right", 54],
-	[":root", 67],
-	[":scope", 68],
-	[":seeking", 30],
-	[":stalled", 30],
-	[":state", 69],
-	[":target", 70],
-	[":user-invalid", 71],
-	[":user-valid", 71],
-	[":valid", 50],
-	[":visited", 72],
-	[":volume-locked", 30],
-	[":where", 51]
+	["::after", 21],
+	["::backdrop", 22],
+	["::before", 23],
+	["::checkmark", 24],
+	["::cue", 25],
+	["::cue", 25],
+	["::details-content", 26],
+	["::file-selector-button", 27],
+	["::first-letter", 28],
+	["::first-line", 29],
+	["::grammar-error", 30],
+	["::highlight", 31],
+	["::marker", 32],
+	["::part", 33],
+	["::picker", 34],
+	["::picker-icon", 24],
+	["::placeholder", 35],
+	["::selection", 36],
+	["::slotted", 37],
+	["::spelling-error", 30],
+	["::target-text", 38],
+	["::view-transition", 39],
+	["::view-transition-group", 39],
+	["::view-transition-image-pair", 39],
+	["::view-transition-new", 39],
+	["::view-transition-old", 39],
+	[":active", 40],
+	[":active-view-transition", 41],
+	[":active-view-transition-type", 42],
+	[":any-link", 43],
+	[":autofill", 44],
+	[":buffering", 45],
+	[":checked", 46],
+	[":default", 47],
+	[":defined", 48],
+	[":dir", 7],
+	[":disabled", 46],
+	[":empty", 49],
+	[":enabled", 46],
+	[":first", 50],
+	[":first-child", 51],
+	[":first-of-type", 52],
+	[":focus", 53],
+	[":focus-visible", 54],
+	[":focus-within", 55],
+	[":fullscreen", 56],
+	[":future", 57],
+	[":has", 58],
+	[":has-slotted", 59],
+	[":host", 48],
+	[":host", 48],
+	[":host-context", 60],
+	[":hover", 61],
+	[":in-range", 62],
+	[":indeterminate", 63],
+	[":invalid", 64],
+	[":is", 4],
+	[":lang", 65],
+	[":last-child", 66],
+	[":last-of-type", 52],
+	[":left", 67],
+	[":link", 68],
+	[":modal", 69],
+	[":muted", 45],
+	[":not", 49],
+	[":nth-child", 70],
+	[":nth-last-child", 71],
+	[":nth-last-of-type", 72],
+	[":nth-of-type", 52],
+	[":only-child", 73],
+	[":only-of-type", 52],
+	[":open", 74],
+	[":optional", 64],
+	[":out-of-range", 62],
+	[":past", 57],
+	[":paused", 45],
+	[":picture-in-picture", 75],
+	[":placeholder-shown", 76],
+	[":playing", 45],
+	[":popover-open", 77],
+	[":read-only", 78],
+	[":read-write", 78],
+	[":required", 79],
+	[":right", 67],
+	[":root", 80],
+	[":scope", 81],
+	[":seeking", 45],
+	[":stalled", 45],
+	[":state", 82],
+	[":target", 83],
+	[":user-invalid", 84],
+	[":user-valid", 84],
+	[":valid", 64],
+	[":visited", 85],
+	[":volume-locked", 45],
+	[":where", 4]
 ]);
 
 // The vendor spellings of a property's own keyword values, as `property ->
@@ -5241,13 +7360,17 @@ module.exports.AUTO_SECOND_VALUE_PROPERTIES = AUTO_SECOND_VALUE_PROPERTIES;
 module.exports.BOX_FAMILY_PREFIX = BOX_FAMILY_PREFIX;
 module.exports.BOX_LONGHANDS = BOX_LONGHANDS;
 module.exports.BOX_SHORTHANDS = BOX_SHORTHANDS;
+module.exports.CALC_CONSTANTS = CALC_CONSTANTS;
 module.exports.CALC_REJECTING_PROPERTIES = CALC_REJECTING_PROPERTIES;
 module.exports.CANONICAL_NAMES = CANONICAL_NAMES;
 module.exports.CLAMPED_VALUE_RANGES = CLAMPED_VALUE_RANGES;
 module.exports.COLOR_ARGUMENT_FUNCTIONS = COLOR_ARGUMENT_FUNCTIONS;
+module.exports.COLOR_FUNCTIONS = COLOR_FUNCTIONS;
 module.exports.COLOR_KEYWORDS = COLOR_KEYWORDS;
+module.exports.COLOR_NAME_TO_RGB = COLOR_NAME_TO_RGB;
 module.exports.COLOR_NAME_TO_SHORTEST = COLOR_NAME_TO_SHORTEST;
 module.exports.COLOR_ONLY_PROPERTIES = COLOR_ONLY_PROPERTIES;
+module.exports.COLOR_SPACE_MODEL = COLOR_SPACE_MODEL;
 module.exports.COMPOUND_CONTINUATIONS = COMPOUND_CONTINUATIONS;
 module.exports.CSS_MODULES_KEYWORDS = CSS_MODULES_KEYWORDS;
 module.exports.CSS_MODULES_KEYWORD_OPTIONS = CSS_MODULES_KEYWORD_OPTIONS;
@@ -5261,8 +7384,12 @@ module.exports.EASING_KEYWORDS = EASING_KEYWORDS;
 module.exports.EIGHTH_TURN_COSINE = EIGHTH_TURN_COSINE;
 module.exports.EIGHTH_TURN_SINE = EIGHTH_TURN_SINE;
 module.exports.EIGHTH_TURN_TANGENT = EIGHTH_TURN_TANGENT;
+module.exports.ENCODED_ALREADY = ENCODED_ALREADY;
+module.exports.ENGINE_TRANSFER_DIFFERS = ENGINE_TRANSFER_DIFFERS;
+module.exports.FAMILY_LIST_PROPERTIES = FAMILY_LIST_PROPERTIES;
 module.exports.FAMILY_LONGHANDS = FAMILY_LONGHANDS;
 module.exports.FAMILY_SLOT_CLASSES = FAMILY_SLOT_CLASSES;
+module.exports.FAMILY_SLOT_INITIALS = FAMILY_SLOT_INITIALS;
 module.exports.FAMILY_SLOT_KEYWORDS = FAMILY_SLOT_KEYWORDS;
 module.exports.FEATURELESS_PSEUDO_CLASSES = FEATURELESS_PSEUDO_CLASSES;
 module.exports.FILTER_FUNCTION_OMITTED = FILTER_FUNCTION_OMITTED;
@@ -5275,9 +7402,12 @@ module.exports.GRADIENT_LAST_POSITIONS = GRADIENT_LAST_POSITIONS;
 module.exports.INITIAL_VALUE_KEYWORDS = INITIAL_VALUE_KEYWORDS;
 module.exports.INTEGER_PROPERTIES = INTEGER_PROPERTIES;
 module.exports.KEYWORD_ONLY_PROPERTIES = KEYWORD_ONLY_PROPERTIES;
+module.exports.LATER_COLOR_NAMES = LATER_COLOR_NAMES;
+module.exports.LAYER_INITIALS = LAYER_INITIALS;
 module.exports.LEGACY_PSEUDO_ELEMENTS = LEGACY_PSEUDO_ELEMENTS;
 module.exports.LENGTH_ONLY_FUNCTIONS = LENGTH_ONLY_FUNCTIONS;
 module.exports.LINEAR_GRADIENTS = LINEAR_GRADIENTS;
+module.exports.LINEAR_SRGB_TO_P3 = LINEAR_SRGB_TO_P3;
 module.exports.MATH_FUNCTIONS = MATH_FUNCTIONS;
 module.exports.MATH_FUNCTION_ARITY = MATH_FUNCTION_ARITY;
 module.exports.MATH_FUNCTION_FOLD = MATH_FUNCTION_FOLD;
@@ -5297,6 +7427,7 @@ module.exports.PLACE_SHORTHANDS = PLACE_SHORTHANDS;
 module.exports.POSITION_PROPERTIES = POSITION_PROPERTIES;
 module.exports.POSITION_X_KEYWORDS = POSITION_X_KEYWORDS;
 module.exports.POSITION_Y_KEYWORDS = POSITION_Y_KEYWORDS;
+module.exports.PREDEFINED_COLOR_SPACES = PREDEFINED_COLOR_SPACES;
 module.exports.PREFIXED_AT_RULES = PREFIXED_AT_RULES;
 module.exports.PREFIXED_PROPERTIES = PREFIXED_PROPERTIES;
 module.exports.PREFIXED_SELECTORS = PREFIXED_SELECTORS;
@@ -5313,13 +7444,18 @@ module.exports.SELECTOR_FUNCTIONS = SELECTOR_FUNCTIONS;
 module.exports.SELECTOR_SUPPORTED_FROM = SELECTOR_SUPPORTED_FROM;
 module.exports.SHADOW_PROPERTIES = SHADOW_PROPERTIES;
 module.exports.SHORTHAND_INITIAL_KEYWORDS = SHORTHAND_INITIAL_KEYWORDS;
+module.exports.SHORTHAND_LONGHANDS = SHORTHAND_LONGHANDS;
 module.exports.SLASH_BOX_SHORTHANDS = SLASH_BOX_SHORTHANDS;
 module.exports.SLASH_LONGHANDS = SLASH_LONGHANDS;
+module.exports.SRGB_SPACE = SRGB_SPACE;
 module.exports.STEPPED_FUNCTIONS = STEPPED_FUNCTIONS;
 module.exports.SUBSTITUTION_FUNCTIONS = SUBSTITUTION_FUNCTIONS;
 module.exports.SUPPORTED_FROM = SUPPORTED_FROM;
 module.exports.SUPPORT_BROWSERS = SUPPORT_BROWSERS;
 module.exports.SUPPORT_PROFILES = SUPPORT_PROFILES;
+module.exports.SYSTEM_UI_STACK = SYSTEM_UI_STACK;
+module.exports.THROUGH_MATRIX = THROUGH_MATRIX;
+module.exports.THROUGH_TRANSFER = THROUGH_TRANSFER;
 module.exports.TRANSITION_BEHAVIORS = TRANSITION_BEHAVIORS;
 module.exports.UNIT_CONVERSION_TARGETS = UNIT_CONVERSION_TARGETS;
 module.exports.UNIT_GROUP_BASE = UNIT_GROUP_BASE;
@@ -5327,8 +7463,8 @@ module.exports.UNSHARED_LONGHAND_KEYWORDS = UNSHARED_LONGHAND_KEYWORDS;
 module.exports.X_AXIS_TRANSFORMS = X_AXIS_TRANSFORMS;
 module.exports.ZERO_ANGLE_FUNCTIONS = ZERO_ANGLE_FUNCTIONS;
 module.exports.ZERO_UNIT_KEEPING_PROPERTIES = ZERO_UNIT_KEEPING_PROPERTIES;
-// The exact arithmetic the printer's own evaluator needs. Sorted after the
-// tables: `import/order` orders exports by case, uppercase first.
-module.exports.exactAdd = exactAdd;
-module.exports.exactDivide = exactDivide;
-module.exports.exactMultiply = exactMultiply;
+// The arithmetic the printer's own evaluator needs. Sorted after the tables:
+// `import/order` orders exports by case, uppercase first.
+module.exports.foldAdd = foldAdd;
+module.exports.foldDivide = foldDivide;
+module.exports.foldMultiply = foldMultiply;