@cyberskill/design 2.0.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (779) hide show
  1. package/DESIGN.md +87 -87
  2. package/README.md +3 -3
  3. package/SECURITY.md +4 -4
  4. package/VERSION +1 -1
  5. package/_ds_bundle.js +2 -2
  6. package/_ds_bundle.js.map +1 -1
  7. package/_ds_manifest.json +143 -143
  8. package/_esm/cs.mjs +2 -2
  9. package/base/collections.css +5 -4
  10. package/base/components.css +8 -7
  11. package/base/controls.css +16 -16
  12. package/base/data.css +5 -5
  13. package/base/feedback.css +5 -3
  14. package/base/forms.css +3 -2
  15. package/base/glass.css +4 -4
  16. package/base/interaction.css +6 -1
  17. package/base/navigation.css +3 -3
  18. package/base/reset.css +2 -0
  19. package/base/shell.css +8 -8
  20. package/base/typography.css +4 -4
  21. package/components/_i18n/strings.js +3 -3
  22. package/components/_utils/open-change.js +18 -0
  23. package/components/ai/ai-conversation.card.html +2 -0
  24. package/components/ai/ai-lumi.card.html +2 -0
  25. package/components/ai/ai.card.html +2 -0
  26. package/components/api-discovery.json +94 -24
  27. package/components/api-index.json +528 -80
  28. package/components/brand/brand.card.html +2 -0
  29. package/components/button/buttons.card.html +2 -0
  30. package/components/contracts.json +23 -9
  31. package/components/data/collections.card.html +2 -0
  32. package/components/data/data.card.html +2 -0
  33. package/components/datatable/DataGrid.jsx +1 -1
  34. package/components/datatable/datatable.card.html +2 -0
  35. package/components/dialog/Dialog.d.ts +3 -0
  36. package/components/dialog/Dialog.jsx +7 -5
  37. package/components/dialog/Dialog.prompt.md +1 -0
  38. package/components/dialog/dialog.card.html +2 -0
  39. package/components/feedback/Alert.d.ts +5 -1
  40. package/components/feedback/Alert.jsx +4 -3
  41. package/components/feedback/Alert.prompt.md +2 -0
  42. package/components/feedback/Toast.d.ts +3 -0
  43. package/components/feedback/Toast.jsx +4 -3
  44. package/components/feedback/Toast.prompt.md +1 -0
  45. package/components/feedback/feedback-2.card.html +2 -0
  46. package/components/feedback/feedback.card.html +2 -0
  47. package/components/forms/forms-2.card.html +2 -0
  48. package/components/forms/forms.card.html +2 -0
  49. package/components/i18n/i18n.card.html +2 -1
  50. package/components/icon/icon.card.html +2 -0
  51. package/components/lifecycle.json +433 -55
  52. package/components/logo/logo.card.html +2 -0
  53. package/components/navigation/CommandPalette.d.ts +4 -1
  54. package/components/navigation/CommandPalette.jsx +6 -5
  55. package/components/navigation/CommandPalette.prompt.md +1 -0
  56. package/components/navigation/Menubar.jsx +2 -2
  57. package/components/navigation/navigation.card.html +2 -0
  58. package/components/navigation/shell.card.html +2 -0
  59. package/components/overlays/Drawer.d.ts +3 -0
  60. package/components/overlays/Drawer.jsx +6 -5
  61. package/components/overlays/Drawer.prompt.md +1 -0
  62. package/components/overlays/Tour.d.ts +3 -0
  63. package/components/overlays/Tour.jsx +8 -5
  64. package/components/overlays/Tour.prompt.md +1 -0
  65. package/components/overlays/alertdialog.card.html +2 -0
  66. package/components/overlays/overlays.card.html +2 -0
  67. package/components/prompt-api.json +17 -10
  68. package/components/scenarios.json +37 -37
  69. package/components/specifications.json +3403 -1401
  70. package/components/static-html-reference.json +36 -36
  71. package/components/textfield/textfield.card.html +2 -0
  72. package/dist/esm/_esm/react.mjs +69 -68
  73. package/dist/esm/build.json +526 -518
  74. package/dist/esm/chunks/{chunk-FEUTSZBN.mjs → chunk-2CCVFTPL.mjs} +2 -2
  75. package/dist/esm/chunks/{chunk-W5VR7GTL.mjs → chunk-2VVGZEOQ.mjs} +2 -2
  76. package/dist/esm/chunks/{chunk-3RC4CDAE.mjs → chunk-3R5WJQCB.mjs} +2 -2
  77. package/dist/esm/chunks/{chunk-W6N22NMF.mjs → chunk-4FGB6VHN.mjs} +2 -2
  78. package/dist/esm/chunks/{chunk-JN57OITY.mjs → chunk-4RSFD6QC.mjs} +10 -7
  79. package/dist/esm/chunks/chunk-4RSFD6QC.mjs.map +7 -0
  80. package/dist/esm/chunks/{chunk-YZR3C7V2.mjs → chunk-4TO35YGK.mjs} +2 -2
  81. package/dist/esm/chunks/{chunk-JSAPFO73.mjs → chunk-4YWKKULF.mjs} +2 -2
  82. package/dist/esm/chunks/{chunk-W2RF4NWB.mjs → chunk-5FQGNCKS.mjs} +2 -2
  83. package/dist/esm/chunks/chunk-65SIJBJX.mjs +22 -0
  84. package/dist/esm/chunks/chunk-65SIJBJX.mjs.map +7 -0
  85. package/dist/esm/chunks/{chunk-SYCXNMYP.mjs → chunk-6ECKJ6RS.mjs} +2 -2
  86. package/dist/esm/chunks/{chunk-CH4W6RCG.mjs → chunk-6H7JYBPI.mjs} +10 -5
  87. package/dist/esm/chunks/chunk-6H7JYBPI.mjs.map +7 -0
  88. package/dist/esm/chunks/{chunk-72AUOI37.mjs → chunk-6TZDNLHE.mjs} +2 -2
  89. package/dist/esm/chunks/{chunk-QGCPHFSI.mjs → chunk-72STPBL4.mjs} +2 -2
  90. package/dist/esm/chunks/{chunk-37AN57S5.mjs → chunk-7GSR2NGL.mjs} +3 -3
  91. package/dist/esm/chunks/{chunk-A3PGQW3X.mjs → chunk-AA5BSO3T.mjs} +2 -2
  92. package/dist/esm/chunks/{chunk-NH6M42ZI.mjs → chunk-ASGO2FW5.mjs} +2 -2
  93. package/dist/esm/chunks/{chunk-GP5ITSCH.mjs → chunk-C3NAMBA7.mjs} +2 -2
  94. package/dist/esm/chunks/{chunk-YA7Y7PEC.mjs → chunk-CKBL3UEA.mjs} +2 -2
  95. package/dist/esm/chunks/{chunk-H7EJ7TNP.mjs → chunk-CYZ22MB7.mjs} +2 -2
  96. package/dist/esm/chunks/{chunk-JRIWHAWW.mjs → chunk-D7A4ZCMJ.mjs} +2 -2
  97. package/dist/esm/chunks/{chunk-A7RWM4XH.mjs → chunk-DANUZS4S.mjs} +2 -2
  98. package/dist/esm/chunks/{chunk-FAVSLU7E.mjs → chunk-DFBKBVSE.mjs} +2 -2
  99. package/dist/esm/chunks/{chunk-TNHQB6CI.mjs → chunk-DW4AWLA5.mjs} +2 -2
  100. package/dist/esm/chunks/{chunk-5R5KMLUR.mjs → chunk-DWJIX65T.mjs} +2 -2
  101. package/dist/esm/chunks/{chunk-YJNSQ5PJ.mjs → chunk-EITZT2U5.mjs} +2 -2
  102. package/dist/esm/chunks/{chunk-CSJHR2W2.mjs → chunk-EOCMQT4L.mjs} +2 -2
  103. package/dist/esm/chunks/{chunk-4QBKN42N.mjs → chunk-EXOOST5G.mjs} +2 -2
  104. package/dist/esm/chunks/{chunk-7HTAAMIY.mjs → chunk-FF5D53IP.mjs} +2 -2
  105. package/dist/esm/chunks/{chunk-JNK7QN24.mjs → chunk-FOEJO2YQ.mjs} +2 -2
  106. package/dist/esm/chunks/{chunk-F3M5TQ76.mjs → chunk-GB6VWFOE.mjs} +11 -6
  107. package/dist/esm/chunks/chunk-GB6VWFOE.mjs.map +7 -0
  108. package/dist/esm/chunks/{chunk-UFE32JPH.mjs → chunk-GHWOEHEX.mjs} +8 -4
  109. package/dist/esm/chunks/chunk-GHWOEHEX.mjs.map +7 -0
  110. package/dist/esm/chunks/{chunk-HYQG5XND.mjs → chunk-GLPQBE2J.mjs} +2 -2
  111. package/dist/esm/chunks/{chunk-HUW6OY7C.mjs → chunk-GNEVR5Q4.mjs} +2 -2
  112. package/dist/esm/chunks/{chunk-SEYKDGXE.mjs → chunk-H4TKHAB3.mjs} +2 -2
  113. package/dist/esm/chunks/{chunk-ANWF2NX3.mjs → chunk-H6HQZ5RI.mjs} +3 -3
  114. package/dist/esm/chunks/{chunk-ANWF2NX3.mjs.map → chunk-H6HQZ5RI.mjs.map} +2 -2
  115. package/dist/esm/chunks/{chunk-OR5UTKW7.mjs → chunk-I3H7EAH5.mjs} +2 -2
  116. package/dist/esm/chunks/{chunk-P64YS5W2.mjs → chunk-I3PQVFX5.mjs} +2 -2
  117. package/dist/esm/chunks/{chunk-5MR3C2QG.mjs → chunk-IOEWPBAL.mjs} +2 -2
  118. package/dist/esm/chunks/{chunk-TN2MZXGS.mjs → chunk-JIHWIDMP.mjs} +2 -2
  119. package/dist/esm/chunks/{chunk-FXELBWXK.mjs → chunk-JTAYZ36C.mjs} +4 -3
  120. package/dist/esm/chunks/{chunk-FXELBWXK.mjs.map → chunk-JTAYZ36C.mjs.map} +2 -2
  121. package/dist/esm/chunks/{chunk-25AOTZAM.mjs → chunk-JZYRXWPD.mjs} +4 -4
  122. package/dist/esm/chunks/{chunk-25AOTZAM.mjs.map → chunk-JZYRXWPD.mjs.map} +2 -2
  123. package/dist/esm/chunks/{chunk-YX62AV33.mjs → chunk-KAOUK33L.mjs} +2 -2
  124. package/dist/esm/chunks/{chunk-UVJ5BBQG.mjs → chunk-KWPNHP73.mjs} +2 -2
  125. package/dist/esm/chunks/{chunk-BABSYWVB.mjs → chunk-LCC4ZVVO.mjs} +2 -2
  126. package/dist/esm/chunks/{chunk-GWBINWTF.mjs → chunk-LWRFPVX7.mjs} +8 -4
  127. package/dist/esm/chunks/chunk-LWRFPVX7.mjs.map +7 -0
  128. package/dist/esm/chunks/{chunk-HVF4NT6P.mjs → chunk-MRXEJSQQ.mjs} +2 -2
  129. package/dist/esm/chunks/{chunk-DIIXA7WD.mjs → chunk-NZKMM4FK.mjs} +2 -2
  130. package/dist/esm/chunks/{chunk-CLWTVJM3.mjs → chunk-OEWAQZYE.mjs} +2 -2
  131. package/dist/esm/chunks/{chunk-IH4I7JSB.mjs → chunk-OILXJXVX.mjs} +10 -7
  132. package/dist/esm/chunks/chunk-OILXJXVX.mjs.map +7 -0
  133. package/dist/esm/chunks/{chunk-OOZKMXYB.mjs → chunk-PBP2MKZH.mjs} +2 -2
  134. package/dist/esm/chunks/{chunk-JKKJHQVQ.mjs → chunk-PE6KC2U7.mjs} +2 -2
  135. package/dist/esm/chunks/{chunk-N5TM7UIY.mjs → chunk-PFTKXY5Q.mjs} +2 -2
  136. package/dist/esm/chunks/{chunk-R7QVE2JP.mjs → chunk-PLN3ITUB.mjs} +2 -2
  137. package/dist/esm/chunks/{chunk-NEMFYL4X.mjs → chunk-QBPDNM7S.mjs} +2 -2
  138. package/dist/esm/chunks/{chunk-JDI3UMJW.mjs → chunk-SIMVM4RV.mjs} +2 -2
  139. package/dist/esm/chunks/{chunk-WJF2Q2Y3.mjs → chunk-TMXLSCAG.mjs} +2 -2
  140. package/dist/esm/chunks/{chunk-TGYG7JP4.mjs → chunk-TNQXCIBM.mjs} +2 -2
  141. package/dist/esm/chunks/{chunk-DHTD5KM5.mjs → chunk-TWCJMLGG.mjs} +2 -2
  142. package/dist/esm/chunks/{chunk-EPFDMHPK.mjs → chunk-U7RKPGRO.mjs} +2 -2
  143. package/dist/esm/chunks/{chunk-NMIGE2IM.mjs → chunk-UWNMGKAN.mjs} +2 -2
  144. package/dist/esm/chunks/{chunk-KXFGO7N4.mjs → chunk-VAPKJRQI.mjs} +2 -2
  145. package/dist/esm/chunks/{chunk-XTBN55D3.mjs → chunk-VUCJT2QJ.mjs} +2 -2
  146. package/dist/esm/chunks/{chunk-TVTBVHT2.mjs → chunk-WLANQTOU.mjs} +2 -2
  147. package/dist/esm/chunks/{chunk-3MCNCG2L.mjs → chunk-XZ5NWMO7.mjs} +2 -2
  148. package/dist/esm/chunks/{chunk-QPXQZBQC.mjs → chunk-YKU2KVAQ.mjs} +2 -2
  149. package/dist/esm/chunks/{chunk-ZKFOGW4D.mjs → chunk-YLSFKG64.mjs} +2 -2
  150. package/dist/esm/chunks/{chunk-TO2T6EEB.mjs → chunk-YVSAUCWW.mjs} +3 -3
  151. package/dist/esm/chunks/{chunk-XN74VX5H.mjs → chunk-ZKBAIIAQ.mjs} +2 -2
  152. package/dist/esm/chunks/{chunk-7IJTTRPK.mjs → chunk-ZPLENPV2.mjs} +2 -2
  153. package/dist/esm/components/ai/AIDisclosureBadge.mjs +2 -2
  154. package/dist/esm/components/ai/ChatMessage.mjs +2 -2
  155. package/dist/esm/components/ai/CitationList.mjs +2 -2
  156. package/dist/esm/components/ai/ConfidenceMeter.mjs +2 -2
  157. package/dist/esm/components/ai/HumanReviewGate.mjs +2 -2
  158. package/dist/esm/components/ai/PromptInput.mjs +2 -2
  159. package/dist/esm/components/ai/TypingIndicator.mjs +2 -2
  160. package/dist/esm/components/data/Carousel.mjs +2 -2
  161. package/dist/esm/components/data/Chart.mjs +2 -2
  162. package/dist/esm/components/data/CodeBlock.mjs +2 -2
  163. package/dist/esm/components/data/Comment.mjs +2 -2
  164. package/dist/esm/components/data/Image.mjs +2 -2
  165. package/dist/esm/components/data/Sortable.mjs +2 -2
  166. package/dist/esm/components/data/Splitter.mjs +2 -2
  167. package/dist/esm/components/data/Terminal.mjs +2 -2
  168. package/dist/esm/components/data/Tooltip.mjs +2 -2
  169. package/dist/esm/components/datatable/DataGrid.mjs +2 -2
  170. package/dist/esm/components/datatable/DataTable.mjs +3 -3
  171. package/dist/esm/components/datatable/TreeTable.mjs +2 -2
  172. package/dist/esm/components/dialog/Dialog.mjs +3 -2
  173. package/dist/esm/components/feedback/Alert.mjs +3 -2
  174. package/dist/esm/components/feedback/EmptyState.mjs +2 -2
  175. package/dist/esm/components/feedback/ProgressBar.mjs +2 -2
  176. package/dist/esm/components/feedback/Result.mjs +2 -2
  177. package/dist/esm/components/feedback/Spinner.mjs +2 -2
  178. package/dist/esm/components/feedback/Tag.mjs +2 -2
  179. package/dist/esm/components/feedback/Toast.mjs +3 -2
  180. package/dist/esm/components/forms/Calendar.mjs +2 -2
  181. package/dist/esm/components/forms/Cascader.mjs +2 -2
  182. package/dist/esm/components/forms/ColorPicker.mjs +2 -2
  183. package/dist/esm/components/forms/Combobox.mjs +2 -2
  184. package/dist/esm/components/forms/DatePicker.mjs +3 -3
  185. package/dist/esm/components/forms/Editor.mjs +2 -2
  186. package/dist/esm/components/forms/FileUpload.mjs +2 -2
  187. package/dist/esm/components/forms/Form.mjs +2 -2
  188. package/dist/esm/components/forms/InlineEdit.mjs +2 -2
  189. package/dist/esm/components/forms/InputGroup.mjs +2 -2
  190. package/dist/esm/components/forms/InputOTP.mjs +2 -2
  191. package/dist/esm/components/forms/Mentions.mjs +2 -2
  192. package/dist/esm/components/forms/NumberField.mjs +2 -2
  193. package/dist/esm/components/forms/Rating.mjs +2 -2
  194. package/dist/esm/components/forms/SearchField.mjs +2 -2
  195. package/dist/esm/components/forms/Select.mjs +2 -2
  196. package/dist/esm/components/forms/Slider.mjs +2 -2
  197. package/dist/esm/components/forms/Switch.mjs +2 -2
  198. package/dist/esm/components/forms/TagInput.mjs +2 -2
  199. package/dist/esm/components/forms/TimePicker.mjs +2 -2
  200. package/dist/esm/components/forms/Toggle.mjs +2 -2
  201. package/dist/esm/components/forms/Transfer.mjs +2 -2
  202. package/dist/esm/components/forms/TreeSelect.mjs +2 -2
  203. package/dist/esm/components/i18n/LocaleProvider.mjs +2 -2
  204. package/dist/esm/components/navigation/BackTop.mjs +2 -2
  205. package/dist/esm/components/navigation/Breadcrumb.mjs +2 -2
  206. package/dist/esm/components/navigation/CommandPalette.mjs +3 -2
  207. package/dist/esm/components/navigation/HotKeys.mjs +2 -2
  208. package/dist/esm/components/navigation/Menu.mjs +2 -2
  209. package/dist/esm/components/navigation/Menubar.mjs +2 -2
  210. package/dist/esm/components/navigation/Pagination.mjs +2 -2
  211. package/dist/esm/components/navigation/Steps.mjs +2 -2
  212. package/dist/esm/components/navigation/Tabs.mjs +2 -2
  213. package/dist/esm/components/navigation/Toolbar.mjs +2 -2
  214. package/dist/esm/components/overlays/AlertDialog.mjs +2 -2
  215. package/dist/esm/components/overlays/ContextMenu.mjs +2 -2
  216. package/dist/esm/components/overlays/Drawer.mjs +3 -2
  217. package/dist/esm/components/overlays/Popconfirm.mjs +2 -2
  218. package/dist/esm/components/overlays/Popover.mjs +2 -2
  219. package/dist/esm/components/overlays/Tour.mjs +3 -2
  220. package/dist/styles.min.css +1 -1
  221. package/docs/ci-cd.md +1 -1
  222. package/docs/component-api.md +1 -1
  223. package/docs/consuming.md +1 -1
  224. package/docs/contrast-report.md +196 -1
  225. package/docs/conventions.md +1 -1
  226. package/docs/design-styles.md +1 -1
  227. package/docs/manual-at-matrix.md +2 -0
  228. package/docs/quality-gates.md +2 -1
  229. package/docs/reference-catalog.json +81 -81
  230. package/docs/release-notes.md +1 -1
  231. package/docs/static-html-reference.md +27 -27
  232. package/docs/template-inventory.json +162 -162
  233. package/docs/vi/ci-cd.md +1 -1
  234. package/docs/vi/component-api.md +1 -1
  235. package/docs/vi/consuming.md +1 -1
  236. package/docs/vi/contrast-report.md +196 -1
  237. package/docs/vi/conventions.md +1 -1
  238. package/docs/vi/decisions/component-specification-evidence.md +1 -1
  239. package/docs/vi/decisions/token-alias-compatibility.md +1 -1
  240. package/docs/vi/design-styles.md +1 -1
  241. package/docs/vi/entrypoints/DESIGN.md +87 -87
  242. package/docs/vi/entrypoints/README.md +3 -3
  243. package/docs/vi/manual-at-matrix.md +2 -0
  244. package/docs/vi/quality-gates.md +2 -1
  245. package/docs/vi/release-notes.md +1 -1
  246. package/docs/vi/static-html-reference.md +27 -27
  247. package/docs/viewer.html +9 -12
  248. package/guidelines/atomic-view.html +39 -34
  249. package/guidelines/brand-iconography.html +33 -32
  250. package/guidelines/brand-imagery.html +2 -1
  251. package/guidelines/brand-interaction.html +3 -2
  252. package/guidelines/brand-voice.html +2 -1
  253. package/guidelines/colors-anchors.html +2 -1
  254. package/guidelines/colors-semantic.html +2 -1
  255. package/guidelines/colors-surfaces.html +2 -1
  256. package/guidelines/colors-text.html +2 -1
  257. package/guidelines/documents.html +3 -2
  258. package/guidelines/elements-components.html +4 -3
  259. package/guidelines/elements-concept.html +3 -2
  260. package/guidelines/elements-geometry.html +4 -3
  261. package/guidelines/elements-variants.html +18 -17
  262. package/guidelines/guideline-language.js +1 -1
  263. package/guidelines/motion-interaction.html +2 -1
  264. package/guidelines/motion.html +12 -13
  265. package/guidelines/responsive-bilingual.html +7 -6
  266. package/guidelines/rtl-preview.html +2 -2
  267. package/guidelines/spacing-breakpoints.html +2 -1
  268. package/guidelines/spacing-radius.html +4 -3
  269. package/guidelines/spacing-scale.html +2 -1
  270. package/guidelines/surfaces-aurora.html +2 -1
  271. package/guidelines/surfaces-depth.html +3 -2
  272. package/guidelines/surfaces-glass.html +2 -1
  273. package/guidelines/surfaces-shadow.html +2 -1
  274. package/guidelines/type-families.html +2 -1
  275. package/guidelines/type-lineheight.html +2 -1
  276. package/guidelines/type-scale.html +2 -1
  277. package/guidelines/type-weights.html +2 -1
  278. package/package.json +4 -2
  279. package/styles/components/manifest.json +156 -148
  280. package/styles.layered.css +492 -485
  281. package/styles.layered.provenance.json +17 -17
  282. package/templates/_vendor/deck-stage.js +3 -3
  283. package/templates/_vendor/doc-export.js +1 -1
  284. package/templates/_vendor/support.js +1 -1
  285. package/templates/ai-cluster-demo.html +2 -1
  286. package/templates/app-shell/AppShell.dc.html +2 -1
  287. package/templates/app-shell/support.js +1 -1
  288. package/templates/article/Article.dc.html +2 -1
  289. package/templates/article/support.js +1 -1
  290. package/templates/auth/Auth.dc.html +2 -1
  291. package/templates/auth/support.js +1 -1
  292. package/templates/bod-deck/BodDeck.dc.html +1 -0
  293. package/templates/bod-deck/support.js +1 -1
  294. package/templates/bod-investor-update/BodInvestorUpdate.dc.html +1 -0
  295. package/templates/bod-investor-update/support.js +1 -1
  296. package/templates/bod-memo/support.js +1 -1
  297. package/templates/bod-minutes/BodMinutes.dc.html +1 -0
  298. package/templates/bod-minutes/support.js +1 -1
  299. package/templates/bod-report/BodReport.dc.html +1 -0
  300. package/templates/bod-report/support.js +1 -1
  301. package/templates/bod-resolution/BodResolution.dc.html +1 -0
  302. package/templates/bod-resolution/support.js +1 -1
  303. package/templates/culture-event-invite/CultureEventInvite.dc.html +1 -0
  304. package/templates/culture-event-invite/support.js +1 -1
  305. package/templates/dashboard/Dashboard.dc.html +2 -1
  306. package/templates/dashboard/support.js +1 -1
  307. package/templates/delivery-change-note/DeliveryChangeNote.dc.html +1 -0
  308. package/templates/delivery-change-note/support.js +1 -1
  309. package/templates/delivery-kickoff/DeliveryKickoff.dc.html +1 -0
  310. package/templates/delivery-kickoff/support.js +1 -1
  311. package/templates/delivery-qbr-deck/DeliveryQbrDeck.dc.html +3 -2
  312. package/templates/delivery-qbr-deck/support.js +1 -1
  313. package/templates/delivery-runbook/DeliveryRunbook.dc.html +1 -0
  314. package/templates/delivery-runbook/support.js +1 -1
  315. package/templates/delivery-status-email/support.js +1 -1
  316. package/templates/doc-style-guide/DocStyleGuide.dc.html +1 -0
  317. package/templates/doc-style-guide/support.js +1 -1
  318. package/templates/doc-suite-index/DocSuiteIndex.dc.html +1 -0
  319. package/templates/doc-suite-index/support.js +1 -1
  320. package/templates/doc-templates/support.js +1 -1
  321. package/templates/email/Email-VN-standalone.html +2 -1
  322. package/templates/email/support.js +1 -1
  323. package/templates/email-safe/email-announcement.html +2 -1
  324. package/templates/email-safe/email-dunning.html +2 -1
  325. package/templates/email-safe/email-investor.html +2 -1
  326. package/templates/email-safe/email-launch.html +2 -1
  327. package/templates/email-safe/email-newsletter.html +2 -1
  328. package/templates/email-safe/email-status.html +2 -1
  329. package/templates/email-safe/email-transactional.html +2 -1
  330. package/templates/finance-dunning-email/support.js +1 -1
  331. package/templates/finance-expense-report/support.js +1 -1
  332. package/templates/finance-invoice/support.js +1 -1
  333. package/templates/finance-quote/support.js +1 -1
  334. package/templates/hr-announcement/support.js +1 -1
  335. package/templates/hr-interview-kit/HrInterviewKit.dc.html +1 -0
  336. package/templates/hr-interview-kit/support.js +1 -1
  337. package/templates/hr-offboarding/HrOffboarding.dc.html +1 -0
  338. package/templates/hr-offboarding/support.js +1 -1
  339. package/templates/hr-performance-review/HrPerformanceReview.dc.html +1 -0
  340. package/templates/hr-performance-review/support.js +1 -1
  341. package/templates/hr-pip/HrPip.dc.html +1 -0
  342. package/templates/hr-pip/support.js +1 -1
  343. package/templates/image-slots-demo.html +11 -9
  344. package/templates/kitchen-sink.html +8 -4
  345. package/templates/legal-msa/LegalMsa.dc.html +1 -0
  346. package/templates/legal-msa/support.js +1 -1
  347. package/templates/legal-sow/support.js +1 -1
  348. package/templates/marketing-campaign-brief/MarketingCampaignBrief.dc.html +1 -0
  349. package/templates/marketing-campaign-brief/support.js +1 -1
  350. package/templates/marketing-case-study/MarketingCaseStudy.dc.html +1 -0
  351. package/templates/marketing-case-study/support.js +1 -1
  352. package/templates/marketing-launch/support.js +1 -1
  353. package/templates/marketing-newsletter/support.js +1 -1
  354. package/templates/marketing-page/MarketingPage.dc.html +6 -3
  355. package/templates/marketing-page/support.js +1 -1
  356. package/templates/marketing-press-release/MarketingPressRelease.dc.html +2 -1
  357. package/templates/marketing-press-release/support.js +1 -1
  358. package/templates/marketing-social-kit/MarketingSocialKit.dc.html +1 -0
  359. package/templates/marketing-social-kit/support.js +1 -1
  360. package/templates/playground.html +9 -7
  361. package/templates/sales-one-pager/SalesOnePager.dc.html +1 -0
  362. package/templates/sales-one-pager/support.js +1 -1
  363. package/templates/sales-proposal-deck/SalesProposalDeck.dc.html +1 -0
  364. package/templates/sales-proposal-deck/support.js +1 -1
  365. package/templates/settings/Settings.dc.html +2 -1
  366. package/templates/settings/support.js +1 -1
  367. package/templates/slide-deck/SlideDeck.dc.html +1 -0
  368. package/templates/slide-deck/support.js +1 -1
  369. package/templates/team-meeting-agenda/TeamMeetingAgenda.dc.html +1 -0
  370. package/templates/team-meeting-agenda/support.js +1 -1
  371. package/templates/tech-incident-report/TechIncidentReport.dc.html +1 -0
  372. package/templates/tech-incident-report/support.js +1 -1
  373. package/templates/tech-release-notes/support.js +1 -1
  374. package/templates/tech-retro/TechRetro.dc.html +1 -0
  375. package/templates/tech-retro/support.js +1 -1
  376. package/templates/tech-rfc/TechRfc.dc.html +2 -1
  377. package/templates/tech-rfc/support.js +1 -1
  378. package/templates/vn-appointment-transfer/support.js +1 -1
  379. package/templates/vn-certificate-of-employment/support.js +1 -1
  380. package/templates/vn-code-of-conduct/support.js +1 -1
  381. package/templates/vn-compensation-regulation/support.js +1 -1
  382. package/templates/vn-contract-amendment/support.js +1 -1
  383. package/templates/vn-contractor-agreement/support.js +1 -1
  384. package/templates/vn-data-protection-policy/support.js +1 -1
  385. package/templates/vn-disciplinary-case-file/support.js +1 -1
  386. package/templates/vn-disciplinary-schedule/VnDisciplinarySchedule.dc.html +1 -0
  387. package/templates/vn-disciplinary-schedule/support.js +1 -1
  388. package/templates/vn-employee-request/support.js +1 -1
  389. package/templates/vn-exit-handover/support.js +1 -1
  390. package/templates/vn-foreign-employee-pack/VnForeignEmployeePack.dc.html +1 -0
  391. package/templates/vn-foreign-employee-pack/support.js +1 -1
  392. package/templates/vn-framework-agreement/support.js +1 -1
  393. package/templates/vn-grassroots-democracy/support.js +1 -1
  394. package/templates/vn-infosec-policy/support.js +1 -1
  395. package/templates/vn-internal-labor-regulations/support.js +1 -1
  396. package/templates/vn-internship-agreement/support.js +1 -1
  397. package/templates/vn-job-description/support.js +1 -1
  398. package/templates/vn-labor-contract/support.js +1 -1
  399. package/templates/vn-labour-management-book/VnLabourManagementBook.dc.html +1 -0
  400. package/templates/vn-labour-management-book/support.js +1 -1
  401. package/templates/vn-mutual-nda/support.js +1 -1
  402. package/templates/vn-ndnca-ip/support.js +1 -1
  403. package/templates/vn-offer-letter/support.js +1 -1
  404. package/templates/vn-onboarding-checklist/VnOnboardingChecklist.dc.html +1 -0
  405. package/templates/vn-onboarding-checklist/support.js +1 -1
  406. package/templates/vn-pdpl-consent/support.js +1 -1
  407. package/templates/vn-performance-evaluation-regulation/support.js +1 -1
  408. package/templates/vn-performance-review-form/support.js +1 -1
  409. package/templates/vn-phantom-stock/VnPhantomStock.dc.html +1 -0
  410. package/templates/vn-phantom-stock/support.js +1 -1
  411. package/templates/vn-probation-contract/support.js +1 -1
  412. package/templates/vn-receipt-acknowledgement/VnReceiptAcknowledgement.dc.html +1 -0
  413. package/templates/vn-receipt-acknowledgement/support.js +1 -1
  414. package/templates/vn-remote-work-policy/support.js +1 -1
  415. package/templates/vn-resignation-letter/support.js +1 -1
  416. package/templates/vn-salary-scale/VnSalaryScale.dc.html +1 -0
  417. package/templates/vn-salary-scale/support.js +1 -1
  418. package/templates/vn-sow-appendix/support.js +1 -1
  419. package/templates/vn-termination-decision/support.js +1 -1
  420. package/templates/vn-total-rewards-appendix/support.js +1 -1
  421. package/templates/vn-training-commitment/support.js +1 -1
  422. package/templates/vn-travel-expense-policy/support.js +1 -1
  423. package/tokens/base-inventory.json +22 -22
  424. package/tokens/component-tokens.css +38 -38
  425. package/tokens/declarations.json +490 -490
  426. package/tokens/element-seeds.json +41 -39
  427. package/tokens/elements.css +381 -381
  428. package/tokens/modes/dark__default__comfortable__high.dtcg.json +1 -1
  429. package/tokens/modes/dark__default__comfortable__standard.dtcg.json +1 -1
  430. package/tokens/modes/dark__default__compact__high.dtcg.json +1 -1
  431. package/tokens/modes/dark__default__compact__standard.dtcg.json +1 -1
  432. package/tokens/modes/dark__hoa-lava__comfortable__high.dtcg.json +1 -1
  433. package/tokens/modes/dark__hoa-lava__comfortable__standard.dtcg.json +1 -1
  434. package/tokens/modes/dark__hoa-lava__compact__high.dtcg.json +1 -1
  435. package/tokens/modes/dark__hoa-lava__compact__standard.dtcg.json +1 -1
  436. package/tokens/modes/dark__hoa-plasma__comfortable__high.dtcg.json +1 -1
  437. package/tokens/modes/dark__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  438. package/tokens/modes/dark__hoa-plasma__compact__high.dtcg.json +1 -1
  439. package/tokens/modes/dark__hoa-plasma__compact__standard.dtcg.json +1 -1
  440. package/tokens/modes/dark__hoa__comfortable__high.dtcg.json +1 -1
  441. package/tokens/modes/dark__hoa__comfortable__standard.dtcg.json +1 -1
  442. package/tokens/modes/dark__hoa__compact__high.dtcg.json +1 -1
  443. package/tokens/modes/dark__hoa__compact__standard.dtcg.json +1 -1
  444. package/tokens/modes/dark__kim-steel__comfortable__high.dtcg.json +1 -1
  445. package/tokens/modes/dark__kim-steel__comfortable__standard.dtcg.json +1 -1
  446. package/tokens/modes/dark__kim-steel__compact__high.dtcg.json +1 -1
  447. package/tokens/modes/dark__kim-steel__compact__standard.dtcg.json +1 -1
  448. package/tokens/modes/dark__kim-titanium__comfortable__high.dtcg.json +1 -1
  449. package/tokens/modes/dark__kim-titanium__comfortable__standard.dtcg.json +1 -1
  450. package/tokens/modes/dark__kim-titanium__compact__high.dtcg.json +1 -1
  451. package/tokens/modes/dark__kim-titanium__compact__standard.dtcg.json +1 -1
  452. package/tokens/modes/dark__kim__comfortable__high.dtcg.json +1 -1
  453. package/tokens/modes/dark__kim__comfortable__standard.dtcg.json +1 -1
  454. package/tokens/modes/dark__kim__compact__high.dtcg.json +1 -1
  455. package/tokens/modes/dark__kim__compact__standard.dtcg.json +1 -1
  456. package/tokens/modes/dark__moc-bamboo__comfortable__high.dtcg.json +1 -1
  457. package/tokens/modes/dark__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  458. package/tokens/modes/dark__moc-bamboo__compact__high.dtcg.json +1 -1
  459. package/tokens/modes/dark__moc-bamboo__compact__standard.dtcg.json +1 -1
  460. package/tokens/modes/dark__moc-forest__comfortable__high.dtcg.json +1 -1
  461. package/tokens/modes/dark__moc-forest__comfortable__standard.dtcg.json +1 -1
  462. package/tokens/modes/dark__moc-forest__compact__high.dtcg.json +1 -1
  463. package/tokens/modes/dark__moc-forest__compact__standard.dtcg.json +1 -1
  464. package/tokens/modes/dark__moc__comfortable__high.dtcg.json +1 -1
  465. package/tokens/modes/dark__moc__comfortable__standard.dtcg.json +1 -1
  466. package/tokens/modes/dark__moc__compact__high.dtcg.json +1 -1
  467. package/tokens/modes/dark__moc__compact__standard.dtcg.json +1 -1
  468. package/tokens/modes/dark__tho-clay__comfortable__high.dtcg.json +1 -1
  469. package/tokens/modes/dark__tho-clay__comfortable__standard.dtcg.json +1 -1
  470. package/tokens/modes/dark__tho-clay__compact__high.dtcg.json +1 -1
  471. package/tokens/modes/dark__tho-clay__compact__standard.dtcg.json +1 -1
  472. package/tokens/modes/dark__tho-sand__comfortable__high.dtcg.json +1 -1
  473. package/tokens/modes/dark__tho-sand__comfortable__standard.dtcg.json +1 -1
  474. package/tokens/modes/dark__tho-sand__compact__high.dtcg.json +1 -1
  475. package/tokens/modes/dark__tho-sand__compact__standard.dtcg.json +1 -1
  476. package/tokens/modes/dark__tho__comfortable__high.dtcg.json +1 -1
  477. package/tokens/modes/dark__tho__comfortable__standard.dtcg.json +1 -1
  478. package/tokens/modes/dark__tho__compact__high.dtcg.json +1 -1
  479. package/tokens/modes/dark__tho__compact__standard.dtcg.json +1 -1
  480. package/tokens/modes/dark__thuy-mist__comfortable__high.dtcg.json +1 -1
  481. package/tokens/modes/dark__thuy-mist__comfortable__standard.dtcg.json +1 -1
  482. package/tokens/modes/dark__thuy-mist__compact__high.dtcg.json +1 -1
  483. package/tokens/modes/dark__thuy-mist__compact__standard.dtcg.json +1 -1
  484. package/tokens/modes/dark__thuy-ocean__comfortable__high.dtcg.json +1 -1
  485. package/tokens/modes/dark__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  486. package/tokens/modes/dark__thuy-ocean__compact__high.dtcg.json +1 -1
  487. package/tokens/modes/dark__thuy-ocean__compact__standard.dtcg.json +1 -1
  488. package/tokens/modes/dark__thuy__comfortable__high.dtcg.json +1 -1
  489. package/tokens/modes/dark__thuy__comfortable__standard.dtcg.json +1 -1
  490. package/tokens/modes/dark__thuy__compact__high.dtcg.json +1 -1
  491. package/tokens/modes/dark__thuy__compact__standard.dtcg.json +1 -1
  492. package/tokens/modes/index.json +2068 -2068
  493. package/tokens/modes/light__default__comfortable__high.dtcg.json +1 -1
  494. package/tokens/modes/light__default__comfortable__standard.dtcg.json +1 -1
  495. package/tokens/modes/light__default__compact__high.dtcg.json +1 -1
  496. package/tokens/modes/light__default__compact__standard.dtcg.json +1 -1
  497. package/tokens/modes/light__hoa-lava__comfortable__high.dtcg.json +1 -1
  498. package/tokens/modes/light__hoa-lava__comfortable__standard.dtcg.json +1 -1
  499. package/tokens/modes/light__hoa-lava__compact__high.dtcg.json +1 -1
  500. package/tokens/modes/light__hoa-lava__compact__standard.dtcg.json +1 -1
  501. package/tokens/modes/light__hoa-plasma__comfortable__high.dtcg.json +1 -1
  502. package/tokens/modes/light__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  503. package/tokens/modes/light__hoa-plasma__compact__high.dtcg.json +1 -1
  504. package/tokens/modes/light__hoa-plasma__compact__standard.dtcg.json +1 -1
  505. package/tokens/modes/light__hoa__comfortable__high.dtcg.json +1 -1
  506. package/tokens/modes/light__hoa__comfortable__standard.dtcg.json +1 -1
  507. package/tokens/modes/light__hoa__compact__high.dtcg.json +1 -1
  508. package/tokens/modes/light__hoa__compact__standard.dtcg.json +1 -1
  509. package/tokens/modes/light__kim-steel__comfortable__high.dtcg.json +1 -1
  510. package/tokens/modes/light__kim-steel__comfortable__standard.dtcg.json +1 -1
  511. package/tokens/modes/light__kim-steel__compact__high.dtcg.json +1 -1
  512. package/tokens/modes/light__kim-steel__compact__standard.dtcg.json +1 -1
  513. package/tokens/modes/light__kim-titanium__comfortable__high.dtcg.json +1 -1
  514. package/tokens/modes/light__kim-titanium__comfortable__standard.dtcg.json +1 -1
  515. package/tokens/modes/light__kim-titanium__compact__high.dtcg.json +1 -1
  516. package/tokens/modes/light__kim-titanium__compact__standard.dtcg.json +1 -1
  517. package/tokens/modes/light__kim__comfortable__high.dtcg.json +1 -1
  518. package/tokens/modes/light__kim__comfortable__standard.dtcg.json +1 -1
  519. package/tokens/modes/light__kim__compact__high.dtcg.json +1 -1
  520. package/tokens/modes/light__kim__compact__standard.dtcg.json +1 -1
  521. package/tokens/modes/light__moc-bamboo__comfortable__high.dtcg.json +1 -1
  522. package/tokens/modes/light__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  523. package/tokens/modes/light__moc-bamboo__compact__high.dtcg.json +1 -1
  524. package/tokens/modes/light__moc-bamboo__compact__standard.dtcg.json +1 -1
  525. package/tokens/modes/light__moc-forest__comfortable__high.dtcg.json +1 -1
  526. package/tokens/modes/light__moc-forest__comfortable__standard.dtcg.json +1 -1
  527. package/tokens/modes/light__moc-forest__compact__high.dtcg.json +1 -1
  528. package/tokens/modes/light__moc-forest__compact__standard.dtcg.json +1 -1
  529. package/tokens/modes/light__moc__comfortable__high.dtcg.json +1 -1
  530. package/tokens/modes/light__moc__comfortable__standard.dtcg.json +1 -1
  531. package/tokens/modes/light__moc__compact__high.dtcg.json +1 -1
  532. package/tokens/modes/light__moc__compact__standard.dtcg.json +1 -1
  533. package/tokens/modes/light__tho-clay__comfortable__high.dtcg.json +1 -1
  534. package/tokens/modes/light__tho-clay__comfortable__standard.dtcg.json +1 -1
  535. package/tokens/modes/light__tho-clay__compact__high.dtcg.json +1 -1
  536. package/tokens/modes/light__tho-clay__compact__standard.dtcg.json +1 -1
  537. package/tokens/modes/light__tho-sand__comfortable__high.dtcg.json +1 -1
  538. package/tokens/modes/light__tho-sand__comfortable__standard.dtcg.json +1 -1
  539. package/tokens/modes/light__tho-sand__compact__high.dtcg.json +1 -1
  540. package/tokens/modes/light__tho-sand__compact__standard.dtcg.json +1 -1
  541. package/tokens/modes/light__tho__comfortable__high.dtcg.json +1 -1
  542. package/tokens/modes/light__tho__comfortable__standard.dtcg.json +1 -1
  543. package/tokens/modes/light__tho__compact__high.dtcg.json +1 -1
  544. package/tokens/modes/light__tho__compact__standard.dtcg.json +1 -1
  545. package/tokens/modes/light__thuy-mist__comfortable__high.dtcg.json +1 -1
  546. package/tokens/modes/light__thuy-mist__comfortable__standard.dtcg.json +1 -1
  547. package/tokens/modes/light__thuy-mist__compact__high.dtcg.json +1 -1
  548. package/tokens/modes/light__thuy-mist__compact__standard.dtcg.json +1 -1
  549. package/tokens/modes/light__thuy-ocean__comfortable__high.dtcg.json +1 -1
  550. package/tokens/modes/light__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  551. package/tokens/modes/light__thuy-ocean__compact__high.dtcg.json +1 -1
  552. package/tokens/modes/light__thuy-ocean__compact__standard.dtcg.json +1 -1
  553. package/tokens/modes/light__thuy__comfortable__high.dtcg.json +1 -1
  554. package/tokens/modes/light__thuy__comfortable__standard.dtcg.json +1 -1
  555. package/tokens/modes/light__thuy__compact__high.dtcg.json +1 -1
  556. package/tokens/modes/light__thuy__compact__standard.dtcg.json +1 -1
  557. package/tokens/modes/system-dark__default__comfortable__high.dtcg.json +1 -1
  558. package/tokens/modes/system-dark__default__comfortable__standard.dtcg.json +1 -1
  559. package/tokens/modes/system-dark__default__compact__high.dtcg.json +1 -1
  560. package/tokens/modes/system-dark__default__compact__standard.dtcg.json +1 -1
  561. package/tokens/modes/system-dark__hoa-lava__comfortable__high.dtcg.json +1 -1
  562. package/tokens/modes/system-dark__hoa-lava__comfortable__standard.dtcg.json +1 -1
  563. package/tokens/modes/system-dark__hoa-lava__compact__high.dtcg.json +1 -1
  564. package/tokens/modes/system-dark__hoa-lava__compact__standard.dtcg.json +1 -1
  565. package/tokens/modes/system-dark__hoa-plasma__comfortable__high.dtcg.json +1 -1
  566. package/tokens/modes/system-dark__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  567. package/tokens/modes/system-dark__hoa-plasma__compact__high.dtcg.json +1 -1
  568. package/tokens/modes/system-dark__hoa-plasma__compact__standard.dtcg.json +1 -1
  569. package/tokens/modes/system-dark__hoa__comfortable__high.dtcg.json +1 -1
  570. package/tokens/modes/system-dark__hoa__comfortable__standard.dtcg.json +1 -1
  571. package/tokens/modes/system-dark__hoa__compact__high.dtcg.json +1 -1
  572. package/tokens/modes/system-dark__hoa__compact__standard.dtcg.json +1 -1
  573. package/tokens/modes/system-dark__kim-steel__comfortable__high.dtcg.json +1 -1
  574. package/tokens/modes/system-dark__kim-steel__comfortable__standard.dtcg.json +1 -1
  575. package/tokens/modes/system-dark__kim-steel__compact__high.dtcg.json +1 -1
  576. package/tokens/modes/system-dark__kim-steel__compact__standard.dtcg.json +1 -1
  577. package/tokens/modes/system-dark__kim-titanium__comfortable__high.dtcg.json +1 -1
  578. package/tokens/modes/system-dark__kim-titanium__comfortable__standard.dtcg.json +1 -1
  579. package/tokens/modes/system-dark__kim-titanium__compact__high.dtcg.json +1 -1
  580. package/tokens/modes/system-dark__kim-titanium__compact__standard.dtcg.json +1 -1
  581. package/tokens/modes/system-dark__kim__comfortable__high.dtcg.json +1 -1
  582. package/tokens/modes/system-dark__kim__comfortable__standard.dtcg.json +1 -1
  583. package/tokens/modes/system-dark__kim__compact__high.dtcg.json +1 -1
  584. package/tokens/modes/system-dark__kim__compact__standard.dtcg.json +1 -1
  585. package/tokens/modes/system-dark__moc-bamboo__comfortable__high.dtcg.json +1 -1
  586. package/tokens/modes/system-dark__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  587. package/tokens/modes/system-dark__moc-bamboo__compact__high.dtcg.json +1 -1
  588. package/tokens/modes/system-dark__moc-bamboo__compact__standard.dtcg.json +1 -1
  589. package/tokens/modes/system-dark__moc-forest__comfortable__high.dtcg.json +1 -1
  590. package/tokens/modes/system-dark__moc-forest__comfortable__standard.dtcg.json +1 -1
  591. package/tokens/modes/system-dark__moc-forest__compact__high.dtcg.json +1 -1
  592. package/tokens/modes/system-dark__moc-forest__compact__standard.dtcg.json +1 -1
  593. package/tokens/modes/system-dark__moc__comfortable__high.dtcg.json +1 -1
  594. package/tokens/modes/system-dark__moc__comfortable__standard.dtcg.json +1 -1
  595. package/tokens/modes/system-dark__moc__compact__high.dtcg.json +1 -1
  596. package/tokens/modes/system-dark__moc__compact__standard.dtcg.json +1 -1
  597. package/tokens/modes/system-dark__tho-clay__comfortable__high.dtcg.json +1 -1
  598. package/tokens/modes/system-dark__tho-clay__comfortable__standard.dtcg.json +1 -1
  599. package/tokens/modes/system-dark__tho-clay__compact__high.dtcg.json +1 -1
  600. package/tokens/modes/system-dark__tho-clay__compact__standard.dtcg.json +1 -1
  601. package/tokens/modes/system-dark__tho-sand__comfortable__high.dtcg.json +1 -1
  602. package/tokens/modes/system-dark__tho-sand__comfortable__standard.dtcg.json +1 -1
  603. package/tokens/modes/system-dark__tho-sand__compact__high.dtcg.json +1 -1
  604. package/tokens/modes/system-dark__tho-sand__compact__standard.dtcg.json +1 -1
  605. package/tokens/modes/system-dark__tho__comfortable__high.dtcg.json +1 -1
  606. package/tokens/modes/system-dark__tho__comfortable__standard.dtcg.json +1 -1
  607. package/tokens/modes/system-dark__tho__compact__high.dtcg.json +1 -1
  608. package/tokens/modes/system-dark__tho__compact__standard.dtcg.json +1 -1
  609. package/tokens/modes/system-dark__thuy-mist__comfortable__high.dtcg.json +1 -1
  610. package/tokens/modes/system-dark__thuy-mist__comfortable__standard.dtcg.json +1 -1
  611. package/tokens/modes/system-dark__thuy-mist__compact__high.dtcg.json +1 -1
  612. package/tokens/modes/system-dark__thuy-mist__compact__standard.dtcg.json +1 -1
  613. package/tokens/modes/system-dark__thuy-ocean__comfortable__high.dtcg.json +1 -1
  614. package/tokens/modes/system-dark__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  615. package/tokens/modes/system-dark__thuy-ocean__compact__high.dtcg.json +1 -1
  616. package/tokens/modes/system-dark__thuy-ocean__compact__standard.dtcg.json +1 -1
  617. package/tokens/modes/system-dark__thuy__comfortable__high.dtcg.json +1 -1
  618. package/tokens/modes/system-dark__thuy__comfortable__standard.dtcg.json +1 -1
  619. package/tokens/modes/system-dark__thuy__compact__high.dtcg.json +1 -1
  620. package/tokens/modes/system-dark__thuy__compact__standard.dtcg.json +1 -1
  621. package/tokens/modes/system-light__default__comfortable__high.dtcg.json +1 -1
  622. package/tokens/modes/system-light__default__comfortable__standard.dtcg.json +1 -1
  623. package/tokens/modes/system-light__default__compact__high.dtcg.json +1 -1
  624. package/tokens/modes/system-light__default__compact__standard.dtcg.json +1 -1
  625. package/tokens/modes/system-light__hoa-lava__comfortable__high.dtcg.json +1 -1
  626. package/tokens/modes/system-light__hoa-lava__comfortable__standard.dtcg.json +1 -1
  627. package/tokens/modes/system-light__hoa-lava__compact__high.dtcg.json +1 -1
  628. package/tokens/modes/system-light__hoa-lava__compact__standard.dtcg.json +1 -1
  629. package/tokens/modes/system-light__hoa-plasma__comfortable__high.dtcg.json +1 -1
  630. package/tokens/modes/system-light__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  631. package/tokens/modes/system-light__hoa-plasma__compact__high.dtcg.json +1 -1
  632. package/tokens/modes/system-light__hoa-plasma__compact__standard.dtcg.json +1 -1
  633. package/tokens/modes/system-light__hoa__comfortable__high.dtcg.json +1 -1
  634. package/tokens/modes/system-light__hoa__comfortable__standard.dtcg.json +1 -1
  635. package/tokens/modes/system-light__hoa__compact__high.dtcg.json +1 -1
  636. package/tokens/modes/system-light__hoa__compact__standard.dtcg.json +1 -1
  637. package/tokens/modes/system-light__kim-steel__comfortable__high.dtcg.json +1 -1
  638. package/tokens/modes/system-light__kim-steel__comfortable__standard.dtcg.json +1 -1
  639. package/tokens/modes/system-light__kim-steel__compact__high.dtcg.json +1 -1
  640. package/tokens/modes/system-light__kim-steel__compact__standard.dtcg.json +1 -1
  641. package/tokens/modes/system-light__kim-titanium__comfortable__high.dtcg.json +1 -1
  642. package/tokens/modes/system-light__kim-titanium__comfortable__standard.dtcg.json +1 -1
  643. package/tokens/modes/system-light__kim-titanium__compact__high.dtcg.json +1 -1
  644. package/tokens/modes/system-light__kim-titanium__compact__standard.dtcg.json +1 -1
  645. package/tokens/modes/system-light__kim__comfortable__high.dtcg.json +1 -1
  646. package/tokens/modes/system-light__kim__comfortable__standard.dtcg.json +1 -1
  647. package/tokens/modes/system-light__kim__compact__high.dtcg.json +1 -1
  648. package/tokens/modes/system-light__kim__compact__standard.dtcg.json +1 -1
  649. package/tokens/modes/system-light__moc-bamboo__comfortable__high.dtcg.json +1 -1
  650. package/tokens/modes/system-light__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  651. package/tokens/modes/system-light__moc-bamboo__compact__high.dtcg.json +1 -1
  652. package/tokens/modes/system-light__moc-bamboo__compact__standard.dtcg.json +1 -1
  653. package/tokens/modes/system-light__moc-forest__comfortable__high.dtcg.json +1 -1
  654. package/tokens/modes/system-light__moc-forest__comfortable__standard.dtcg.json +1 -1
  655. package/tokens/modes/system-light__moc-forest__compact__high.dtcg.json +1 -1
  656. package/tokens/modes/system-light__moc-forest__compact__standard.dtcg.json +1 -1
  657. package/tokens/modes/system-light__moc__comfortable__high.dtcg.json +1 -1
  658. package/tokens/modes/system-light__moc__comfortable__standard.dtcg.json +1 -1
  659. package/tokens/modes/system-light__moc__compact__high.dtcg.json +1 -1
  660. package/tokens/modes/system-light__moc__compact__standard.dtcg.json +1 -1
  661. package/tokens/modes/system-light__tho-clay__comfortable__high.dtcg.json +1 -1
  662. package/tokens/modes/system-light__tho-clay__comfortable__standard.dtcg.json +1 -1
  663. package/tokens/modes/system-light__tho-clay__compact__high.dtcg.json +1 -1
  664. package/tokens/modes/system-light__tho-clay__compact__standard.dtcg.json +1 -1
  665. package/tokens/modes/system-light__tho-sand__comfortable__high.dtcg.json +1 -1
  666. package/tokens/modes/system-light__tho-sand__comfortable__standard.dtcg.json +1 -1
  667. package/tokens/modes/system-light__tho-sand__compact__high.dtcg.json +1 -1
  668. package/tokens/modes/system-light__tho-sand__compact__standard.dtcg.json +1 -1
  669. package/tokens/modes/system-light__tho__comfortable__high.dtcg.json +1 -1
  670. package/tokens/modes/system-light__tho__comfortable__standard.dtcg.json +1 -1
  671. package/tokens/modes/system-light__tho__compact__high.dtcg.json +1 -1
  672. package/tokens/modes/system-light__tho__compact__standard.dtcg.json +1 -1
  673. package/tokens/modes/system-light__thuy-mist__comfortable__high.dtcg.json +1 -1
  674. package/tokens/modes/system-light__thuy-mist__comfortable__standard.dtcg.json +1 -1
  675. package/tokens/modes/system-light__thuy-mist__compact__high.dtcg.json +1 -1
  676. package/tokens/modes/system-light__thuy-mist__compact__standard.dtcg.json +1 -1
  677. package/tokens/modes/system-light__thuy-ocean__comfortable__high.dtcg.json +1 -1
  678. package/tokens/modes/system-light__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  679. package/tokens/modes/system-light__thuy-ocean__compact__high.dtcg.json +1 -1
  680. package/tokens/modes/system-light__thuy-ocean__compact__standard.dtcg.json +1 -1
  681. package/tokens/modes/system-light__thuy__comfortable__high.dtcg.json +1 -1
  682. package/tokens/modes/system-light__thuy__comfortable__standard.dtcg.json +1 -1
  683. package/tokens/modes/system-light__thuy__compact__high.dtcg.json +1 -1
  684. package/tokens/modes/system-light__thuy__compact__standard.dtcg.json +1 -1
  685. package/tokens/native/CSModes.kt +658 -615
  686. package/tokens/native/CSModes.swift +658 -615
  687. package/tokens/native/CSTokens.kt +311 -311
  688. package/tokens/native/CSTokens.swift +311 -311
  689. package/tokens/native/cs_modes.dart +658 -615
  690. package/tokens/native/cs_tokens.dart +311 -311
  691. package/tokens/native/mode-provenance.json +12 -12
  692. package/tokens/provenance.json +6 -6
  693. package/tokens/theme-attributes.css +40 -40
  694. package/tokens/tokens.dtcg.json +451 -394
  695. package/tokens/tokens.js +242 -242
  696. package/tokens/tokens.json +241 -241
  697. package/tokens/typography.css +6 -6
  698. package/tokens/variables.css +464 -464
  699. package/tokens/viewer.html +15 -11
  700. package/ui_kits/deck/index.html +4 -2
  701. package/ui_kits/status-hub/StatusHub.jsx +7 -7
  702. package/ui_kits/status-hub/data.js +3 -3
  703. package/ui_kits/status-hub/index.html +1 -0
  704. package/ui_kits/status-hub/login.html +8 -6
  705. package/ui_kits/status-hub/project.html +7 -6
  706. package/ui_kits/status-hub/settings.html +9 -8
  707. package/ui_kits/status-hub/status.css +10 -8
  708. package/ui_kits/website/Website.jsx +3 -3
  709. package/ui_kits/website/careers.html +24 -7
  710. package/ui_kits/website/chat.html +5 -2
  711. package/ui_kits/website/index.html +1 -0
  712. package/ui_kits/website/site.css +30 -6
  713. package/ui_kits/website/work.html +12 -7
  714. package/components/_utils/use-viewport-panel.js +0 -30
  715. package/dist/esm/chunks/chunk-CH4W6RCG.mjs.map +0 -7
  716. package/dist/esm/chunks/chunk-F3M5TQ76.mjs.map +0 -7
  717. package/dist/esm/chunks/chunk-GWBINWTF.mjs.map +0 -7
  718. package/dist/esm/chunks/chunk-IH4I7JSB.mjs.map +0 -7
  719. package/dist/esm/chunks/chunk-JN57OITY.mjs.map +0 -7
  720. package/dist/esm/chunks/chunk-UFE32JPH.mjs.map +0 -7
  721. /package/dist/esm/chunks/{chunk-FEUTSZBN.mjs.map → chunk-2CCVFTPL.mjs.map} +0 -0
  722. /package/dist/esm/chunks/{chunk-W5VR7GTL.mjs.map → chunk-2VVGZEOQ.mjs.map} +0 -0
  723. /package/dist/esm/chunks/{chunk-3RC4CDAE.mjs.map → chunk-3R5WJQCB.mjs.map} +0 -0
  724. /package/dist/esm/chunks/{chunk-W6N22NMF.mjs.map → chunk-4FGB6VHN.mjs.map} +0 -0
  725. /package/dist/esm/chunks/{chunk-YZR3C7V2.mjs.map → chunk-4TO35YGK.mjs.map} +0 -0
  726. /package/dist/esm/chunks/{chunk-JSAPFO73.mjs.map → chunk-4YWKKULF.mjs.map} +0 -0
  727. /package/dist/esm/chunks/{chunk-W2RF4NWB.mjs.map → chunk-5FQGNCKS.mjs.map} +0 -0
  728. /package/dist/esm/chunks/{chunk-SYCXNMYP.mjs.map → chunk-6ECKJ6RS.mjs.map} +0 -0
  729. /package/dist/esm/chunks/{chunk-72AUOI37.mjs.map → chunk-6TZDNLHE.mjs.map} +0 -0
  730. /package/dist/esm/chunks/{chunk-QGCPHFSI.mjs.map → chunk-72STPBL4.mjs.map} +0 -0
  731. /package/dist/esm/chunks/{chunk-37AN57S5.mjs.map → chunk-7GSR2NGL.mjs.map} +0 -0
  732. /package/dist/esm/chunks/{chunk-A3PGQW3X.mjs.map → chunk-AA5BSO3T.mjs.map} +0 -0
  733. /package/dist/esm/chunks/{chunk-NH6M42ZI.mjs.map → chunk-ASGO2FW5.mjs.map} +0 -0
  734. /package/dist/esm/chunks/{chunk-GP5ITSCH.mjs.map → chunk-C3NAMBA7.mjs.map} +0 -0
  735. /package/dist/esm/chunks/{chunk-YA7Y7PEC.mjs.map → chunk-CKBL3UEA.mjs.map} +0 -0
  736. /package/dist/esm/chunks/{chunk-H7EJ7TNP.mjs.map → chunk-CYZ22MB7.mjs.map} +0 -0
  737. /package/dist/esm/chunks/{chunk-JRIWHAWW.mjs.map → chunk-D7A4ZCMJ.mjs.map} +0 -0
  738. /package/dist/esm/chunks/{chunk-A7RWM4XH.mjs.map → chunk-DANUZS4S.mjs.map} +0 -0
  739. /package/dist/esm/chunks/{chunk-FAVSLU7E.mjs.map → chunk-DFBKBVSE.mjs.map} +0 -0
  740. /package/dist/esm/chunks/{chunk-TNHQB6CI.mjs.map → chunk-DW4AWLA5.mjs.map} +0 -0
  741. /package/dist/esm/chunks/{chunk-5R5KMLUR.mjs.map → chunk-DWJIX65T.mjs.map} +0 -0
  742. /package/dist/esm/chunks/{chunk-YJNSQ5PJ.mjs.map → chunk-EITZT2U5.mjs.map} +0 -0
  743. /package/dist/esm/chunks/{chunk-CSJHR2W2.mjs.map → chunk-EOCMQT4L.mjs.map} +0 -0
  744. /package/dist/esm/chunks/{chunk-4QBKN42N.mjs.map → chunk-EXOOST5G.mjs.map} +0 -0
  745. /package/dist/esm/chunks/{chunk-7HTAAMIY.mjs.map → chunk-FF5D53IP.mjs.map} +0 -0
  746. /package/dist/esm/chunks/{chunk-JNK7QN24.mjs.map → chunk-FOEJO2YQ.mjs.map} +0 -0
  747. /package/dist/esm/chunks/{chunk-HYQG5XND.mjs.map → chunk-GLPQBE2J.mjs.map} +0 -0
  748. /package/dist/esm/chunks/{chunk-HUW6OY7C.mjs.map → chunk-GNEVR5Q4.mjs.map} +0 -0
  749. /package/dist/esm/chunks/{chunk-SEYKDGXE.mjs.map → chunk-H4TKHAB3.mjs.map} +0 -0
  750. /package/dist/esm/chunks/{chunk-OR5UTKW7.mjs.map → chunk-I3H7EAH5.mjs.map} +0 -0
  751. /package/dist/esm/chunks/{chunk-P64YS5W2.mjs.map → chunk-I3PQVFX5.mjs.map} +0 -0
  752. /package/dist/esm/chunks/{chunk-5MR3C2QG.mjs.map → chunk-IOEWPBAL.mjs.map} +0 -0
  753. /package/dist/esm/chunks/{chunk-TN2MZXGS.mjs.map → chunk-JIHWIDMP.mjs.map} +0 -0
  754. /package/dist/esm/chunks/{chunk-YX62AV33.mjs.map → chunk-KAOUK33L.mjs.map} +0 -0
  755. /package/dist/esm/chunks/{chunk-UVJ5BBQG.mjs.map → chunk-KWPNHP73.mjs.map} +0 -0
  756. /package/dist/esm/chunks/{chunk-BABSYWVB.mjs.map → chunk-LCC4ZVVO.mjs.map} +0 -0
  757. /package/dist/esm/chunks/{chunk-HVF4NT6P.mjs.map → chunk-MRXEJSQQ.mjs.map} +0 -0
  758. /package/dist/esm/chunks/{chunk-DIIXA7WD.mjs.map → chunk-NZKMM4FK.mjs.map} +0 -0
  759. /package/dist/esm/chunks/{chunk-CLWTVJM3.mjs.map → chunk-OEWAQZYE.mjs.map} +0 -0
  760. /package/dist/esm/chunks/{chunk-OOZKMXYB.mjs.map → chunk-PBP2MKZH.mjs.map} +0 -0
  761. /package/dist/esm/chunks/{chunk-JKKJHQVQ.mjs.map → chunk-PE6KC2U7.mjs.map} +0 -0
  762. /package/dist/esm/chunks/{chunk-N5TM7UIY.mjs.map → chunk-PFTKXY5Q.mjs.map} +0 -0
  763. /package/dist/esm/chunks/{chunk-R7QVE2JP.mjs.map → chunk-PLN3ITUB.mjs.map} +0 -0
  764. /package/dist/esm/chunks/{chunk-NEMFYL4X.mjs.map → chunk-QBPDNM7S.mjs.map} +0 -0
  765. /package/dist/esm/chunks/{chunk-JDI3UMJW.mjs.map → chunk-SIMVM4RV.mjs.map} +0 -0
  766. /package/dist/esm/chunks/{chunk-WJF2Q2Y3.mjs.map → chunk-TMXLSCAG.mjs.map} +0 -0
  767. /package/dist/esm/chunks/{chunk-TGYG7JP4.mjs.map → chunk-TNQXCIBM.mjs.map} +0 -0
  768. /package/dist/esm/chunks/{chunk-DHTD5KM5.mjs.map → chunk-TWCJMLGG.mjs.map} +0 -0
  769. /package/dist/esm/chunks/{chunk-EPFDMHPK.mjs.map → chunk-U7RKPGRO.mjs.map} +0 -0
  770. /package/dist/esm/chunks/{chunk-NMIGE2IM.mjs.map → chunk-UWNMGKAN.mjs.map} +0 -0
  771. /package/dist/esm/chunks/{chunk-KXFGO7N4.mjs.map → chunk-VAPKJRQI.mjs.map} +0 -0
  772. /package/dist/esm/chunks/{chunk-XTBN55D3.mjs.map → chunk-VUCJT2QJ.mjs.map} +0 -0
  773. /package/dist/esm/chunks/{chunk-TVTBVHT2.mjs.map → chunk-WLANQTOU.mjs.map} +0 -0
  774. /package/dist/esm/chunks/{chunk-3MCNCG2L.mjs.map → chunk-XZ5NWMO7.mjs.map} +0 -0
  775. /package/dist/esm/chunks/{chunk-QPXQZBQC.mjs.map → chunk-YKU2KVAQ.mjs.map} +0 -0
  776. /package/dist/esm/chunks/{chunk-ZKFOGW4D.mjs.map → chunk-YLSFKG64.mjs.map} +0 -0
  777. /package/dist/esm/chunks/{chunk-TO2T6EEB.mjs.map → chunk-YVSAUCWW.mjs.map} +0 -0
  778. /package/dist/esm/chunks/{chunk-XN74VX5H.mjs.map → chunk-ZKBAIIAQ.mjs.map} +0 -0
  779. /package/dist/esm/chunks/{chunk-7IJTTRPK.mjs.map → chunk-ZPLENPV2.mjs.map} +0 -0
package/docs/vi/static-html-reference.md CHANGED
@@ -34,7 +34,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
34
34
  ```
35
35
 
36
36
  ```html
37
- <span class="cs-ai-disclosure"><button type="button" class="cs-ai-disclosure__badge" aria-expanded="false">AI assisted</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: normal; color: rgb(255, 255, 255); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
37
+ <span class="cs-ai-disclosure"><button type="button" class="cs-ai-disclosure__badge" aria-expanded="false">AI assisted</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: normal; color: rgb(255, 255, 255); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
38
38
  ```
39
39
 
40
40
  ## Accordion
@@ -70,7 +70,7 @@ rendered-dom-reference — Gắn mẫu với cấu hình đã ghi; chưa thực
70
70
 
71
71
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
72
72
 
73
- Nguồn: `components/feedback/Alert.jsx`, SHA-256 `b9c0a4e67f41118230fec5abdad7f22e8a98a2a8c46420cde54c1a46759f9d91`.
73
+ Nguồn: `components/feedback/Alert.jsx`, SHA-256 `00beec82c17f94bc99069319b0e8a3a83d90ee8f5321fad72a72344761eb3f7a`.
74
74
 
75
75
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
76
76
 
@@ -548,7 +548,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
548
548
  ```
549
549
 
550
550
  ```html
551
- <div class="cs-cascader"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="listbox" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
551
+ <div class="cs-cascader"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="listbox" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
552
552
  ```
553
553
 
554
554
  ## Chart
@@ -718,7 +718,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
718
718
  ```
719
719
 
720
720
  ```html
721
- <span class="cs-colorpicker"><button id="reference-id-001" aria-label="Accent: #F4BA17" type="button" class="cs-colorpicker__field" aria-expanded="false"><i style="background: rgb(244, 186, 23);"></i><code>#F4BA17</code></button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;JetBrains Mono&quot;, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
721
+ <span class="cs-colorpicker"><button id="reference-id-001" aria-label="Accent: #F4BA17" type="button" class="cs-colorpicker__field" aria-expanded="false"><i style="background: rgb(244, 186, 23);"></i><code>#F4BA17</code></button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;JetBrains Mono&quot;, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
722
722
  ```
723
723
 
724
724
  ## Combobox
@@ -751,7 +751,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
751
751
  ```
752
752
 
753
753
  ```html
754
- <div class="cs-combobox"><input role="combobox" aria-expanded="false" aria-autocomplete="list" aria-label="Project" placeholder="Select or type…" id="reference-id-001" value="Alpha"><span class="cs-combobox__caret" aria-hidden="true">▾</span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
754
+ <div class="cs-combobox"><input role="combobox" aria-expanded="false" aria-autocomplete="list" aria-label="Project" placeholder="Select or type…" id="reference-id-001" value="Alpha"><span class="cs-combobox__caret" aria-hidden="true">▾</span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
755
755
  ```
756
756
 
757
757
  ## CommandPalette
@@ -760,7 +760,7 @@ interactive-dom-snapshot — Mẫu điều khiển open=true; ảnh chụp khôn
760
760
 
761
761
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
762
762
 
763
- Nguồn: `components/navigation/CommandPalette.jsx`, SHA-256 `7572bc9c884cc84b46d289947aad5d23a6b59bb222a207f7e49e4ce385eb5771`.
763
+ Nguồn: `components/navigation/CommandPalette.jsx`, SHA-256 `4d01c61f1a034b08686456d2fec66aa51291f7e9b0e95a9d4e8a8761c0ce9f01`.
764
764
 
765
765
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
766
766
 
@@ -861,7 +861,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
861
861
  ```
862
862
 
863
863
  ```html
864
- <div class="cs-ctxmenu-zone" role="group" aria-label="Context menu" tabindex="0"><div>Reference &lt;example&gt; &amp; "quoted" text</div></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
864
+ <div class="cs-ctxmenu-zone" role="group" aria-label="Context menu" tabindex="0"><div>Reference &lt;example&gt; &amp; "quoted" text</div></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
865
865
  ```
866
866
 
867
867
  ## DataGrid
@@ -870,7 +870,7 @@ rendered-dom-reference — Gắn mẫu với cấu hình đã ghi; chưa thực
870
870
 
871
871
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
872
872
 
873
- Nguồn: `components/datatable/DataGrid.jsx`, SHA-256 `f98b241da97de25b2014cc1e28d84d1f35e4f16aeaa64d0e92961eabbc9499c5`.
873
+ Nguồn: `components/datatable/DataGrid.jsx`, SHA-256 `e1c12c99dee3b1b1ab1cc81b0b8b6ba2efe8a6a9756f3d48d217366461ddd83f`.
874
874
 
875
875
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
876
876
 
@@ -950,7 +950,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
950
950
  ```
951
951
 
952
952
  ```html
953
- <div class="cs-datepicker"><button type="button" class="cs-datepicker__field" aria-haspopup="dialog" aria-expanded="false" aria-label="Date" id="reference-id-001"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="16" rx="2"></rect><path d="M8 3v4M16 3v4M3 10h18"></path></svg><span>20 Oct 2026</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
953
+ <div class="cs-datepicker"><button type="button" class="cs-datepicker__field" aria-haspopup="dialog" aria-expanded="false" aria-label="Date" id="reference-id-001"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="16" rx="2"></rect><path d="M8 3v4M16 3v4M3 10h18"></path></svg><span>20 Oct 2026</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
954
954
  ```
955
955
 
956
956
  ## DescriptionList
@@ -986,7 +986,7 @@ interactive-dom-snapshot — Mẫu điều khiển open=true; ảnh chụp khôn
986
986
 
987
987
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
988
988
 
989
- Nguồn: `components/dialog/Dialog.jsx`, SHA-256 `975f4e5ad0d0d9eb972f3f6e2eb6bd7ecd9ee00c3520268b8355998ab801c240`.
989
+ Nguồn: `components/dialog/Dialog.jsx`, SHA-256 `69ea5f27ca854cad7c029680a522df968f491e9aeab617b6104cccf73f318f66`.
990
990
 
991
991
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
992
992
 
@@ -1057,7 +1057,7 @@ interactive-dom-snapshot — Mẫu điều khiển open=true; ảnh chụp khôn
1057
1057
 
1058
1058
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
1059
1059
 
1060
- Nguồn: `components/overlays/Drawer.jsx`, SHA-256 `a98fc2c5e5bcfc3c8ff69005bcc5018a54685bfb971690e79cd483d8ce9e1bca`.
1060
+ Nguồn: `components/overlays/Drawer.jsx`, SHA-256 `4fa7fd44111751148d9c1e9e48ab4ffed0f17dd2dd64448d9ba354935969c2c1`.
1061
1061
 
1062
1062
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
1063
1063
 
@@ -1162,7 +1162,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
1162
1162
  ```
1163
1163
 
1164
1164
  ```html
1165
- <div class="cs-fab"><button type="button" class="cs-fab__main" aria-label="Create">+</button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
1165
+ <div class="cs-fab"><button type="button" class="cs-fab__main" aria-label="Create">+</button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
1166
1166
  ```
1167
1167
 
1168
1168
  ## Form
@@ -1373,7 +1373,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
1373
1373
  ```
1374
1374
 
1375
1375
  ```html
1376
- <span class="cs-hovercard"><button type="button">Hover reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
1376
+ <span class="cs-hovercard"><button type="button">Hover reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
1377
1377
  ```
1378
1378
 
1379
1379
  ## HumanReviewGate
@@ -1976,7 +1976,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
1976
1976
  ```
1977
1977
 
1978
1978
  ```html
1979
- <span class="cs-mentions"><textarea class="cs-field__control" rows="3" placeholder="Add a note — @ to mention" aria-label="Message" aria-autocomplete="list" aria-haspopup="listbox"></textarea></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
1979
+ <span class="cs-mentions"><textarea class="cs-field__control" rows="3" placeholder="Add a note — @ to mention" aria-label="Message" aria-autocomplete="list" aria-haspopup="listbox"></textarea></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
1980
1980
  ```
1981
1981
 
1982
1982
  ## Menu
@@ -2014,7 +2014,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
2014
2014
  ```
2015
2015
 
2016
2016
  ```html
2017
- <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2017
+ <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2018
2018
  ```
2019
2019
 
2020
2020
  ## MenuItem
@@ -2051,7 +2051,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
2051
2051
  ```
2052
2052
 
2053
2053
  ```html
2054
- <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2054
+ <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2055
2055
  ```
2056
2056
 
2057
2057
  ## Menubar
@@ -2060,7 +2060,7 @@ interactive-dom-snapshot — Mẫu ở trạng thái đóng/ẩn trợ giúp ban
2060
2060
 
2061
2061
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
2062
2062
 
2063
- Nguồn: `components/navigation/Menubar.jsx`, SHA-256 `21b8409d336182e0706de0d4ece24d2304d1978eea42dbc313949d9a46819ea9`.
2063
+ Nguồn: `components/navigation/Menubar.jsx`, SHA-256 `c53128a82420abbab20dad86abfd844d8e145544de3fbba52d8d8cba69b1574d`.
2064
2064
 
2065
2065
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
2066
2066
 
@@ -2082,7 +2082,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
2082
2082
  ```
2083
2083
 
2084
2084
  ```html
2085
- <div class="cs-menubar" role="menubar" aria-label="Application menu"><span class="cs-menubar__wrap"><button id="reference-id-001" type="button" role="menuitem" aria-haspopup="menu" aria-expanded="false" tabindex="0" class="cs-menubar__top">File</button></span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
2085
+ <div class="cs-menubar" role="menubar" aria-label="Application menu"><span class="cs-menubar__wrap"><button id="reference-id-001" type="button" role="menuitem" aria-haspopup="menu" aria-expanded="false" tabindex="0" class="cs-menubar__top">File</button></span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
2086
2086
  ```
2087
2087
 
2088
2088
  ## NativeSelect
@@ -2165,7 +2165,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
2165
2165
  ```
2166
2166
 
2167
2167
  ```html
2168
- <nav class="cs-navmenu"><a href="#reference" class="cs-navmenu__top">Reference</a></nav><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
2168
+ <nav class="cs-navmenu"><a href="#reference" class="cs-navmenu__top">Reference</a></nav><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
2169
2169
  ```
2170
2170
 
2171
2171
  ## NumberField
@@ -2270,7 +2270,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
2270
2270
  ```
2271
2271
 
2272
2272
  ```html
2273
- <span class="cs-popconfirm"><button type="button" aria-haspopup="dialog" aria-expanded="false">Confirm reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
2273
+ <span class="cs-popconfirm"><button type="button" aria-haspopup="dialog" aria-expanded="false">Confirm reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
2274
2274
  ```
2275
2275
 
2276
2276
  ## Popover
@@ -2303,7 +2303,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
2303
2303
  ```
2304
2304
 
2305
2305
  ```html
2306
- <span class="cs-popover"><button type="button" aria-haspopup="dialog" aria-expanded="true">Reference details</button></span><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><div class="cs-popover__panel" role="dialog" aria-label="Reference details" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 32px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 240px; max-height: 680px; min-height: 0px;" data-cs-placement="bottom-start">Reference &lt;example&gt; &amp; "quoted" text</div></span>
2306
+ <span class="cs-popover"><button type="button" aria-haspopup="dialog" aria-expanded="true">Reference details</button></span><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><div class="cs-popover__panel" role="dialog" aria-label="Reference details" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 32px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 240px; max-height: 680px; min-height: 0px;" data-cs-placement="bottom-start">Reference &lt;example&gt; &amp; "quoted" text</div></span>
2307
2307
  ```
2308
2308
 
2309
2309
  ## ProgressBar
@@ -3092,7 +3092,7 @@ rendered-dom-reference — Gắn mẫu với cấu hình đã ghi; chưa thực
3092
3092
 
3093
3093
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
3094
3094
 
3095
- Nguồn: `components/feedback/Toast.jsx`, SHA-256 `f5f63c8605972ff56334fc80071ec8e758f7e024d2528f0681fe17794ae7484c`.
3095
+ Nguồn: `components/feedback/Toast.jsx`, SHA-256 `600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206`.
3096
3096
 
3097
3097
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
3098
3098
 
@@ -3115,7 +3115,7 @@ rendered-dom-reference — Gắn mẫu với cấu hình đã ghi; chưa thực
3115
3115
 
3116
3116
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
3117
3117
 
3118
- Nguồn: `components/feedback/Toast.jsx`, SHA-256 `f5f63c8605972ff56334fc80071ec8e758f7e024d2528f0681fe17794ae7484c`.
3118
+ Nguồn: `components/feedback/Toast.jsx`, SHA-256 `600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206`.
3119
3119
 
3120
3120
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
3121
3121
 
@@ -3185,7 +3185,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
3185
3185
  ```
3186
3186
 
3187
3187
  ```html
3188
- <div class="cs-toolbar" role="toolbar" aria-orientation="horizontal"><button type="button" class="cs-toolbar__btn" tabindex="0"><span>Reference action</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
3188
+ <div class="cs-toolbar" role="toolbar" aria-orientation="horizontal"><button type="button" class="cs-toolbar__btn" tabindex="0"><span>Reference action</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
3189
3189
  ```
3190
3190
 
3191
3191
  ## Tooltip
@@ -3216,7 +3216,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
3216
3216
  ```
3217
3217
 
3218
3218
  ```html
3219
- <span class="cs-tooltip" data-managed="" data-open="false"><button type="button" aria-describedby="reference-id-001">Reference action</button></span><span data-cs-floating-root="" lang="en" data-managed="" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><span id="reference-id-001" class="cs-tooltip__bubble" role="tooltip" hidden="">Reference help</span></span>
3219
+ <span class="cs-tooltip" data-managed="" data-open="false"><button type="button" aria-describedby="reference-id-001">Reference action</button></span><span data-cs-floating-root="" lang="en" data-managed="" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><span id="reference-id-001" class="cs-tooltip__bubble" role="tooltip" hidden="">Reference help</span></span>
3220
3220
  ```
3221
3221
 
3222
3222
  ## Tour
@@ -3225,7 +3225,7 @@ interactive-dom-snapshot — Mẫu điều khiển open=true; ảnh chụp khôn
3225
3225
 
3226
3226
  Chỉ là ảnh chụp DOM. Sao chép HTML không cài đặt trạng thái React, xử lý sự kiện, quản lý tiêu điểm hay hành vi trợ năng.
3227
3227
 
3228
- Nguồn: `components/overlays/Tour.jsx`, SHA-256 `83459a653179098a298cbdbba807e2544ad3ed8ce2222934d3a61d0529fc8421`.
3228
+ Nguồn: `components/overlays/Tour.jsx`, SHA-256 `74775e9b0740f093f18283fdab036facbf8ac1370051c950807cae197b192010`.
3229
3229
 
3230
3230
  Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao gồm ngữ cảnh bọc đã khai báo):
3231
3231
 
@@ -3344,7 +3344,7 @@ Cấu hình mẫu (mô tả thành phần nằm trong tệp danh mục; HTML bao
3344
3344
  ```
3345
3345
 
3346
3346
  ```html
3347
- <div class="cs-treeselect"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="tree" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #F3B958; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #F3B958; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #F3B958; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D10; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D10; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D10; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
3347
+ <div class="cs-treeselect"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="tree" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --cs-glass-light-saturate: 130%; --_cs-dark-color-semantic-success-text: #68F798; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-sm-paddingY: 8px; --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --_cs-light-accent-strong: #916D11; --cs-density-space-5: 20px; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-space-24: 96px; --cs-font-weight-regular: 400; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-color-semantic-success-fg: #FFFFFF; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
3348
3348
  ```
3349
3349
 
3350
3350
  ## TreeTable