Fix async lifecycle ordering, add _spa_init boot phase, update to jqhtml _load_only/_load_render_only flags

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

node_modules/mdn-data/css/syntaxes.json

@@ -11,21 +11,42 @@
   "alpha-value": {
     "syntax": "<number> | <percentage>"
   },
+  "an+b": {
+    "syntax": "odd | even | <integer> | <n-dimension> | '+'?† n | -n | <ndashdigit-dimension> | '+'?† <ndashdigit-ident> | <dashndashdigit-ident> | <n-dimension> <signed-integer> | '+'?† n <signed-integer> | -n <signed-integer> | <ndash-dimension> <signless-integer> | '+'?† n- <signless-integer> | -n- <signless-integer> | <n-dimension> ['+' | '-'] <signless-integer> | '+'?† n ['+' | '-'] <signless-integer> | -n ['+' | '-'] <signless-integer>"
+  },
+  "anchor()": {
+    "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
+  },
+  "anchor-name": {
+    "syntax": "<dashed-ident>"
+  },
+  "anchor-side": {
+    "syntax": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
+  },
+  "anchor-size": {
+    "syntax": "width | height | block | inline | self-block | self-inline"
+  },
+  "anchor-size()": {
+    "syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"
+  },
   "angle-percentage": {
     "syntax": "<angle> | <percentage>"
   },
   "angular-color-hint": {
-    "syntax": "<angle-percentage>"
+    "syntax": "<angle-percentage> | <zero>"
   },
   "angular-color-stop": {
-    "syntax": "<color> && <color-stop-angle>?"
+    "syntax": "<color> <color-stop-angle>?"
   },
   "angular-color-stop-list": {
-    "syntax": "[ <angular-color-stop> [, <angular-color-hint>]? ]# , <angular-color-stop>"
+    "syntax": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"
   },
   "animateable-feature": {
     "syntax": "scroll-position | contents | <custom-ident>"
   },
+  "animation-action": {
+    "syntax": "none | play | play-once | play-forwards | play-backwards | pause | reset | replay"
+  },
   "asin()": {
     "syntax": "asin( <calc-sum> )"
   },
@@ -39,7 +60,7 @@
     "syntax": "scroll | fixed | local"
   },
   "attr()": {
-    "syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )"
+    "syntax": "attr( <attr-name> <attr-type>? , <declaration-value>? )"
   },
   "attr-matcher": {
     "syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
@@ -47,6 +68,9 @@
   "attr-modifier": {
     "syntax": "i | s"
   },
+  "attr-type": {
+    "syntax": "type( <syntax> ) | raw-string | number | <attr-unit>"
+  },
   "attribute-selector": {
     "syntax": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'"
   },
@@ -63,47 +87,56 @@
     "syntax": "[ first | last ]? baseline"
   },
   "basic-shape": {
-    "syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+    "syntax": "<inset()> | <xywh()> | <rect()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+  },
+  "basic-shape-rect": {
+    "syntax": "<inset()> | <rect()> | <xywh()>"
+  },
+  "bg-clip": {
+    "syntax": "<visual-box> | border-area | text"
   },
   "bg-image": {
-    "syntax": "none | <image>"
+    "syntax": "<image> | none"
   },
   "bg-layer": {
-    "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+    "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
   },
   "bg-position": {
     "syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
   },
   "bg-size": {
-    "syntax": "[ <length-percentage> | auto ]{1,2} | cover | contain"
-  },
-  "blur()": {
-    "syntax": "blur( <length> )"
+    "syntax": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"
   },
   "blend-mode": {
     "syntax": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
   },
-  "box": {
-    "syntax": "border-box | padding-box | content-box"
+  "blur()": {
+    "syntax": "blur( <length>? )"
   },
   "brightness()": {
-    "syntax": "brightness( <number-percentage> )"
+    "syntax": "brightness( [ <number> | <percentage> ]? )"
   },
   "calc()": {
     "syntax": "calc( <calc-sum> )"
   },
-  "calc-sum": {
-    "syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
+  "calc-constant": {
+    "syntax": "e | pi | infinity | -infinity | NaN"
   },
   "calc-product": {
     "syntax": "<calc-value> [ '*' <calc-value> | '/' <number> ]*"
   },
+  "calc-size()": {
+    "syntax": "calc-size( <calc-size-basis>, <calc-sum> )"
+  },
+  "calc-size-basis": {
+    "syntax": "<intrinsic-size-keyword> | <calc-size()> | any | <calc-sum>"
+  },
+  "calc-sum": {
+    "syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
+  },
   "calc-value": {
     "syntax": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"
   },
-  "calc-constant": {
-    "syntax": "e | pi | infinity | -infinity | NaN"
-  },
   "cf-final-image": {
     "syntax": "<image> | <color>"
   },
@@ -111,7 +144,7 @@
     "syntax": "<percentage>? && <image>"
   },
   "circle()": {
-    "syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
+    "syntax": "circle( <radial-size>? [ at <position> ]? )"
   },
   "clamp()": {
     "syntax": "clamp( <calc-sum>#{3} )"
@@ -123,22 +156,37 @@
     "syntax": "<url>"
   },
   "color": {
-    "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()> | <hex-color> | <named-color> | <system-color> | <deprecated-system-color> | currentcolor | transparent"
+    "syntax": "<color-base> | currentColor | <system-color> | <light-dark()> | <deprecated-system-color>"
+  },
+  "color()": {
+    "syntax": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
+  },
+  "color-base": {
+    "syntax": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent"
+  },
+  "color-function": {
+    "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
+  },
+  "color-interpolation-method": {
+    "syntax": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"
+  },
+  "color-mix()": {
+    "syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})"
   },
   "color-stop": {
     "syntax": "<color-stop-length> | <color-stop-angle>"
   },
   "color-stop-angle": {
-    "syntax": "<angle-percentage>{1,2}"
+    "syntax": "[ <angle-percentage> | <zero> ]{1,2}"
   },
   "color-stop-length": {
     "syntax": "<length-percentage>{1,2}"
   },
   "color-stop-list": {
-    "syntax": "[ <linear-color-stop> [, <linear-color-hint>]? ]# , <linear-color-stop>"
+    "syntax": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"
   },
-  "color-interpolation-method": {
-    "syntax": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]"
+  "colorspace-params": {
+    "syntax": "[<custom-params> | <predefined-rgb-params> | <xyz-params>]"
   },
   "combinator": {
     "syntax": "'>' | '+' | '~' | [ '||' ]"
@@ -147,7 +195,16 @@
     "syntax": "[ common-ligatures | no-common-ligatures ]"
   },
   "compat-auto": {
-    "syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
+    "syntax": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button"
+  },
+  "compat-special": {
+    "syntax": "textfield | menulist-button"
+  },
+  "complex-selector": {
+    "syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
+  },
+  "complex-selector-list": {
+    "syntax": "<complex-selector>#"
   },
   "composite-style": {
     "syntax": "clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor"
@@ -161,23 +218,26 @@
   "compound-selector-list": {
     "syntax": "<compound-selector>#"
   },
-  "complex-selector": {
-    "syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
-  },
-  "complex-selector-list": {
-    "syntax": "<complex-selector>#"
-  },
   "conic-gradient()": {
-    "syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
+    "syntax": "conic-gradient( [ <conic-gradient-syntax> ] )"
   },
-  "contextual-alt-values": {
-    "syntax": "[ contextual | no-contextual ]"
+  "conic-gradient-syntax": {
+    "syntax": "[ [ [ from [ <angle> | <zero> ] ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
+  },
+  "container-condition": {
+    "syntax": "[ <container-name>? <container-query>? ]!"
+  },
+  "container-name": {
+    "syntax": "<custom-ident>"
+  },
+  "container-query": {
+    "syntax": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"
   },
   "content-distribution": {
     "syntax": "space-between | space-around | space-evenly | stretch"
   },
   "content-list": {
-    "syntax": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> ]+"
+    "syntax": "[ <string> | <image> | <attr()> | <quote> | <counter> ]+"
   },
   "content-position": {
     "syntax": "center | start | end | flex-start | flex-end"
@@ -185,8 +245,17 @@
   "content-replacement": {
     "syntax": "<image>"
   },
+  "contextual-alt-values": {
+    "syntax": "[ contextual | no-contextual ]"
+  },
   "contrast()": {
-    "syntax": "contrast( [ <number-percentage> ] )"
+    "syntax": "contrast( [ <number> | <percentage> ]? )"
+  },
+  "coord-box": {
+    "syntax": "<paint-box> | view-box"
+  },
+  "corner-shape-value": {
+    "syntax": "round | scoop | bevel | notch | square | squircle | <superellipse()>"
   },
   "cos()": {
     "syntax": "cos( <calc-sum> )"
@@ -212,11 +281,29 @@
   "cross-fade()": {
     "syntax": "cross-fade( <cf-mixing-image> , <cf-final-image>? )"
   },
-  "cubic-bezier-timing-function": {
-    "syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)"
+  "cubic-bezier()": {
+    "syntax": "cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"
+  },
+  "cubic-bezier-easing-function": {
+    "syntax": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>"
+  },
+  "cursor-predefined": {
+    "syntax": "auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing"
+  },
+  "custom-color-space": {
+    "syntax": "<dashed-ident>"
+  },
+  "custom-params": {
+    "syntax": "<dashed-ident> [ <number> | <percentage> | none ]+"
+  },
+  "dasharray": {
+    "syntax": "[ [ <length-percentage> | <number> ]+ ]#"
+  },
+  "dashndashdigit-ident": {
+    "syntax": "<ident-token>"
   },
   "deprecated-system-color": {
-    "syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
+    "syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
   },
   "discretionary-lig-values": {
     "syntax": "[ discretionary-ligatures | no-discretionary-ligatures ]"
@@ -240,7 +327,13 @@
     "syntax": "block | inline | run-in"
   },
   "drop-shadow()": {
-    "syntax": "drop-shadow( <length>{2,3} <color>? )"
+    "syntax": "drop-shadow( [ <color>? && <length>{2,3} ] )"
+  },
+  "dynamic-range-limit-mix()": {
+    "syntax": "dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )"
+  },
+  "easing-function": {
+    "syntax": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
   },
   "east-asian-variant-values": {
     "syntax": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"
@@ -252,10 +345,7 @@
     "syntax": "element( <id-selector> )"
   },
   "ellipse()": {
-    "syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )"
-  },
-  "ending-shape": {
-    "syntax": "circle | ellipse"
+    "syntax": "ellipse( <radial-size>? [ at <position> ]? )"
   },
   "env()": {
     "syntax": "env( <custom-ident> , <declaration-value>? )"
@@ -290,17 +380,17 @@
   "feature-value-name": {
     "syntax": "<custom-ident>"
   },
-  "fill-rule": {
-    "syntax": "nonzero | evenodd"
-  },
   "filter-function": {
     "syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
   },
-  "filter-function-list": {
+  "filter-value-list": {
     "syntax": "[ <filter-function> | <url> ]+"
   },
   "final-bg-layer": {
-    "syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+    "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"
+  },
+  "fit-content()": {
+    "syntax": "fit-content( <length-percentage [0,∞]> )"
   },
   "fixed-breadth": {
     "syntax": "<length-percentage>"
@@ -314,23 +404,32 @@
   "font-stretch-absolute": {
     "syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"
   },
-  "font-variant-css21": {
-    "syntax": "[ normal | small-caps ]"
+  "font-variant-css2": {
+    "syntax": "normal | small-caps"
   },
   "font-weight-absolute": {
     "syntax": "normal | bold | <number [1,1000]>"
   },
+  "font-width-css3": {
+    "syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
+  },
+  "form-control-identifier": {
+    "syntax": "select"
+  },
   "frequency-percentage": {
     "syntax": "<frequency> | <percentage>"
   },
+  "generic-complete": {
+    "syntax": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
+  },
   "general-enclosed": {
     "syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
   },
   "generic-family": {
-    "syntax": "serif | sans-serif | cursive | fantasy | monospace"
+    "syntax": "<generic-complete> | <generic-incomplete> | emoji | fangsong"
   },
-  "generic-name": {
-    "syntax": "serif | sans-serif | cursive | fantasy | monospace"
+  "generic-incomplete": {
+    "syntax": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
   },
   "geometry-box": {
     "syntax": "<shape-box> | fill-box | stroke-box | view-box"
@@ -339,7 +438,7 @@
     "syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()>"
   },
   "grayscale()": {
-    "syntax": "grayscale( <number-percentage> )"
+    "syntax": "grayscale( [ <number> | <percentage> ]? )"
   },
   "grid-line": {
     "syntax": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]"
@@ -348,22 +447,22 @@
     "syntax": "[ historical-ligatures | no-historical-ligatures ]"
   },
   "hsl()": {
-    "syntax": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )"
+    "syntax": "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
   },
   "hsla()": {
-    "syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )"
+    "syntax": "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
   },
   "hue": {
     "syntax": "<number> | <angle>"
   },
-  "hue-rotate()": {
-    "syntax": "hue-rotate( <angle> )"
-  },
   "hue-interpolation-method": {
     "syntax": "[ shorter | longer | increasing | decreasing ] hue"
   },
+  "hue-rotate()": {
+    "syntax": "hue-rotate( [ <angle> | <zero> ]? )"
+  },
   "hwb()": {
-    "syntax": "hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
+    "syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
   },
   "hypot()": {
     "syntax": "hypot( <calc-sum># )"
@@ -395,20 +494,20 @@
   "inset()": {
     "syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
   },
-  "invert()": {
-    "syntax": "invert( <number-percentage> )"
+  "integer": {
+    "syntax": "<number-token>"
   },
-  "keyframes-name": {
-    "syntax": "<custom-ident> | <string>"
+  "invert()": {
+    "syntax": "invert( [ <number> | <percentage> ]? )"
   },
   "keyframe-block": {
     "syntax": "<keyframe-selector># {\n  <declaration-list>\n}"
   },
-  "keyframe-block-list": {
-    "syntax": "<keyframe-block>+"
-  },
   "keyframe-selector": {
-    "syntax": "from | to | <percentage> | <timeline-range-name> <percentage>"
+    "syntax": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>"
+  },
+  "keyframes-name": {
+    "syntax": "<custom-ident> | <string>"
   },
   "lab()": {
     "syntax": "lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
@@ -434,26 +533,35 @@
   "light-dark()": {
     "syntax": "light-dark( <color>, <color> )"
   },
-  "line-names": {
-    "syntax": "'[' <custom-ident>* ']'"
-  },
   "line-name-list": {
     "syntax": "[ <line-names> | <name-repeat> ]+"
   },
+  "line-names": {
+    "syntax": "'[' <custom-ident>* ']'"
+  },
   "line-style": {
     "syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"
   },
   "line-width": {
     "syntax": "<length> | thin | medium | thick"
   },
+  "linear()": {
+    "syntax": "linear( [ <number> && <percentage>{0,2} ]# )"
+  },
   "linear-color-hint": {
     "syntax": "<length-percentage>"
   },
   "linear-color-stop": {
     "syntax": "<color> <color-stop-length>?"
   },
+  "linear-easing-function": {
+    "syntax": "linear | <linear()>"
+  },
   "linear-gradient()": {
-    "syntax": "linear-gradient( [ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list> )"
+    "syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
+  },
+  "linear-gradient-syntax": {
+    "syntax": "[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"
   },
   "log()": {
     "syntax": "log( <calc-sum>, <calc-sum>? )"
@@ -536,15 +644,27 @@
   "mod()": {
     "syntax": "mod( <calc-sum>, <calc-sum> )"
   },
+  "n-dimension": {
+    "syntax": "<dimension-token>"
+  },
   "name-repeat": {
     "syntax": "repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+ )"
   },
   "named-color": {
-    "syntax": "transparent | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"
+    "syntax": "aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"
   },
   "namespace-prefix": {
     "syntax": "<ident>"
   },
+  "ndash-dimension": {
+    "syntax": "<dimension-token>"
+  },
+  "ndashdigit-dimension": {
+    "syntax": "<dimension-token>"
+  },
+  "ndashdigit-ident": {
+    "syntax": "<ident-token>"
+  },
   "ns-prefix": {
     "syntax": "[ <ident-token> | '*' ]? '|'"
   },
@@ -560,18 +680,30 @@
   "numeric-spacing-values": {
     "syntax": "[ proportional-nums | tabular-nums ]"
   },
-  "nth": {
-    "syntax": "<an-plus-b> | even | odd"
+  "offset-path": {
+    "syntax": "<ray()> | <url> | <basic-shape>"
+  },
+  "oklab()": {
+    "syntax": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
+  },
+  "oklch()": {
+    "syntax": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"
   },
   "opacity()": {
-    "syntax": "opacity( [ <number-percentage> ] )"
+    "syntax": "opacity( [ <number> | <percentage> ]? )"
   },
-  "overflow-position": {
-    "syntax": "unsafe | safe"
+  "opacity-value": {
+    "syntax": "<number> | <percentage>"
+  },
+  "outline-line-style": {
+    "syntax": "none | dotted | dashed | solid | double | groove | ridge | inset | outset"
   },
   "outline-radius": {
     "syntax": "<length> | <percentage>"
   },
+  "overflow-position": {
+    "syntax": "unsafe | safe"
+  },
   "page-body": {
     "syntax": "<declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>"
   },
@@ -581,36 +713,57 @@
   "page-margin-box-type": {
     "syntax": "@top-left-corner | @top-left | @top-center | @top-right | @top-right-corner | @bottom-left-corner | @bottom-left | @bottom-center | @bottom-right | @bottom-right-corner | @left-top | @left-middle | @left-bottom | @right-top | @right-middle | @right-bottom"
   },
-  "page-selector-list": {
-    "syntax": "[ <page-selector># ]?"
-  },
   "page-selector": {
     "syntax": "<pseudo-page>+ | <ident> <pseudo-page>*"
   },
+  "page-selector-list": {
+    "syntax": "[ <page-selector># ]?"
+  },
   "page-size": {
     "syntax": "A5 | A4 | A3 | B5 | B4 | JIS-B5 | JIS-B4 | letter | legal | ledger"
   },
-  "path()": {
-    "syntax": "path( [ <fill-rule>, ]? <string> )"
+  "paint": {
+    "syntax": "none | <color> | <url> [none | <color>]? | context-fill | context-stroke"
   },
   "paint()": {
     "syntax": "paint( <ident>, <declaration-value>? )"
   },
+  "paint-box": {
+    "syntax": "<visual-box> | fill-box | stroke-box"
+  },
+  "palette-identifier": {
+    "syntax": "<dashed-ident>"
+  },
+  "palette-mix()": {
+    "syntax": "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"
+  },
+  "path()": {
+    "syntax": "path( <'fill-rule'>? , <string> )"
+  },
   "perspective()": {
     "syntax": "perspective( [ <length [0,∞]> | none ] )"
   },
-  "polygon()": {
-    "syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
-  },
   "polar-color-space": {
     "syntax": "hsl | hwb | lch | oklch"
   },
+  "polygon()": {
+    "syntax": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"
+  },
   "position": {
     "syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
   },
+  "position-area": {
+    "syntax": "[ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2}"
+  },
   "pow()": {
     "syntax": "pow( <calc-sum>, <calc-sum> )"
   },
+  "predefined-rgb": {
+    "syntax": "srgb | srgb-linear | display-p3 | display-p3-linear | a98-rgb | prophoto-rgb | rec2020"
+  },
+  "predefined-rgb-params": {
+    "syntax": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
+  },
   "pseudo-class-selector": {
     "syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
   },
@@ -620,11 +773,26 @@
   "pseudo-page": {
     "syntax": ": [ left | right | first | blank ]"
   },
+  "query-in-parens": {
+    "syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"
+  },
   "quote": {
     "syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
   },
+  "radial-extent": {
+    "syntax": "closest-corner | closest-side | farthest-corner | farthest-side"
+  },
   "radial-gradient()": {
-    "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+    "syntax": "radial-gradient( [ <radial-gradient-syntax> ] )"
+  },
+  "radial-gradient-syntax": {
+    "syntax": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>"
+  },
+  "radial-shape": {
+    "syntax": "circle | ellipse"
+  },
+  "radial-size": {
+    "syntax": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
   },
   "ratio": {
     "syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
@@ -635,8 +803,11 @@
   "ray-size": {
     "syntax": "closest-side | closest-corner | farthest-side | farthest-corner | sides"
   },
+  "rect()": {
+    "syntax": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
+  },
   "rectangular-color-space": {
-    "syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
+    "syntax": "srgb | srgb-linear | display-p3 | display-p3-linear | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
   },
   "relative-selector": {
     "syntax": "<combinator>? <complex-selector>"
@@ -654,22 +825,22 @@
     "syntax": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"
   },
   "repeating-conic-gradient()": {
-    "syntax": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
+    "syntax": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )"
   },
   "repeating-linear-gradient()": {
-    "syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
+    "syntax": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
   },
   "repeating-radial-gradient()": {
-    "syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+    "syntax": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
   },
   "reversed-counter-name": {
     "syntax": "reversed( <counter-name> )"
   },
   "rgb()": {
-    "syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+    "syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
   },
   "rgba()": {
-    "syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+    "syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
   },
   "rotate()": {
     "syntax": "rotate( [ <angle> | <zero> ] )"
@@ -693,7 +864,7 @@
     "syntax": "nearest | up | down | to-zero"
   },
   "saturate()": {
-    "syntax": "saturate( <number-percentage> )"
+    "syntax": "saturate( [ <number> | <percentage> ]? )"
   },
   "scale()": {
     "syntax": "scale( [ <number> | <percentage> ]#{1,2} )"
@@ -710,32 +881,35 @@
   "scaleZ()": {
     "syntax": "scaleZ( [ <number> | <percentage> ] )"
   },
+  "scope-end": {
+    "syntax": "<selector-list>"
+  },
+  "scope-start": {
+    "syntax": "<selector-list>"
+  },
   "scroll()": {
-    "syntax": "scroll( [ <axis> || <scroller> ]? )"
+    "syntax": "scroll( [ <scroller> || <axis> ]? )"
   },
   "scroller": {
     "syntax": "root | nearest | self"
   },
+  "scroll-state-feature": {
+    "syntax": "<media-query-list>"
+  },
+  "scroll-state-in-parens": {
+    "syntax": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"
+  },
+  "scroll-state-query": {
+    "syntax": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>"
+  },
+  "selector-list": {
+    "syntax": "<complex-selector-list>"
+  },
   "self-position": {
     "syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
   },
-  "shape-radius": {
-    "syntax": "<length-percentage> | closest-side | farthest-side"
-  },
-  "sign()": {
-    "syntax": "sign( <calc-sum> )"
-  },
-  "skew()": {
-    "syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
-  },
-  "skewX()": {
-    "syntax": "skewX( [ <angle> | <zero> ] )"
-  },
-  "skewY()": {
-    "syntax": "skewY( [ <angle> | <zero> ] )"
-  },
   "sepia()": {
-    "syntax": "sepia( <number-percentage> )"
+    "syntax": "sepia( [ <number> | <percentage> ]? )"
   },
   "shadow": {
     "syntax": "inset? && <length>{2,4} && <color>?"
@@ -747,17 +921,29 @@
     "syntax": "rect(<top>, <right>, <bottom>, <left>)"
   },
   "shape-box": {
-    "syntax": "<box> | margin-box"
+    "syntax": "<visual-box> | margin-box"
   },
   "side-or-corner": {
     "syntax": "[ left | right ] || [ top | bottom ]"
   },
+  "sign()": {
+    "syntax": "sign( <calc-sum> )"
+  },
+  "signed-integer": {
+    "syntax": "<number-token>"
+  },
+  "signless-integer": {
+    "syntax": "<number-token>"
+  },
   "sin()": {
     "syntax": "sin( <calc-sum> )"
   },
   "single-animation": {
     "syntax": "<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>"
   },
+  "single-animation-composition": {
+    "syntax": "replace | add | accumulate"
+  },
   "single-animation-direction": {
     "syntax": "normal | reverse | alternate | alternate-reverse"
   },
@@ -782,29 +968,56 @@
   "size": {
     "syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
   },
+  "size-feature": {
+    "syntax": "<media-query-list>"
+  },
+  "skew()": {
+    "syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
+  },
+  "skewX()": {
+    "syntax": "skewX( [ <angle> | <zero> ] )"
+  },
+  "skewY()": {
+    "syntax": "skewY( [ <angle> | <zero> ] )"
+  },
   "sqrt()": {
     "syntax": "sqrt( <calc-sum> )"
   },
   "step-position": {
     "syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
   },
-  "step-timing-function": {
-    "syntax": "step-start | step-end | steps(<integer>[, <step-position>]?)"
+  "step-easing-function": {
+    "syntax": "step-start | step-end | <steps()>"
+  },
+  "steps()": {
+    "syntax": "steps( <integer>, <step-position>? )"
+  },
+  "style-feature": {
+    "syntax": "<declaration>"
+  },
+  "style-in-parens": {
+    "syntax": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
+  },
+  "style-query": {
+    "syntax": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>"
   },
   "subclass-selector": {
     "syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
   },
+  "superellipse()": {
+    "syntax": "superellipse( [ <number> | infinity | -infinity ] )"
+  },
   "supports-condition": {
     "syntax": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*"
   },
-  "supports-in-parens": {
-    "syntax": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
+  "supports-decl": {
+    "syntax": "( <declaration> )"
   },
   "supports-feature": {
     "syntax": "<supports-decl> | <supports-selector-fn>"
   },
-  "supports-decl": {
-    "syntax": "( <declaration> )"
+  "supports-in-parens": {
+    "syntax": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
   },
   "supports-selector-fn": {
     "syntax": "selector( <complex-selector> )"
@@ -812,9 +1025,18 @@
   "symbol": {
     "syntax": "<string> | <image> | <custom-ident>"
   },
+  "symbols()": {
+    "syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )"
+  },
+  "symbols-type": {
+    "syntax": "cyclic | numeric | alphabetic | symbolic | fixed"
+  },
   "system-color": {
     "syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
   },
+  "system-family-name": {
+    "syntax": "caption | icon | menu | message-box | small-caption | status-bar"
+  },
   "tan()": {
     "syntax": "tan( <calc-sum> )"
   },
@@ -830,15 +1052,15 @@
   "target-text()": {
     "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"
   },
+  "text-edge": {
+    "syntax": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?"
+  },
   "time-percentage": {
     "syntax": "<time> | <percentage>"
   },
   "timeline-range-name": {
     "syntax": "cover | contain | entry | exit | entry-crossing | exit-crossing"
   },
-  "easing-function": {
-    "syntax": "linear | <cubic-bezier-timing-function> | <step-timing-function>"
-  },
   "track-breadth": {
     "syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
   },
@@ -875,6 +1097,12 @@
   "translateZ()": {
     "syntax": "translateZ( <length> )"
   },
+  "try-size": {
+    "syntax": "most-width | most-height | most-block-size | most-inline-size"
+  },
+  "try-tactic": {
+    "syntax": "flip-block || flip-inline || flip-start"
+  },
   "type-or-unit": {
     "syntax": "string | color | url | integer | number | length | angle | time | frequency | cap | ch | em | ex | ic | lh | rlh | rem | vb | vi | vw | vh | vmin | vmax | mm | Q | cm | in | pt | pc | px | deg | grad | rad | turn | ms | s | Hz | kHz | %"
   },
@@ -895,5 +1123,14 @@
   },
   "wq-name": {
     "syntax": "<ns-prefix>? <ident-token>"
+  },
+  "xywh()": {
+    "syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
+  },
+  "xyz": {
+    "syntax": "xyz | xyz-d50 | xyz-d65"
+  },
+  "xyz-params": {
+    "syntax": "<xyz> [ <number> | <percentage> | none ]{3}"
   }
 }