@felloinnovations/brand-kit 0.4.0 → 0.5.1

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 (363) hide show
  1. package/AGENTS.md +198 -24
  2. package/CHANGELOG.md +221 -0
  3. package/README.md +38 -9
  4. package/design-system/01-how-claude-decides.md +26 -17
  5. package/design-system/02-principles.md +11 -6
  6. package/design-system/03-colour.md +135 -47
  7. package/design-system/04-type.md +45 -23
  8. package/design-system/05-space-and-layout.md +175 -52
  9. package/design-system/06-sizing-profiles.md +4 -4
  10. package/design-system/07-scrolling.md +66 -20
  11. package/design-system/08-choosing-components.md +50 -22
  12. package/design-system/09-charts.md +71 -28
  13. package/design-system/10-patterns.md +33 -10
  14. package/design-system/11-page-recipes.md +110 -23
  15. package/design-system/12-content.md +2 -1
  16. package/design-system/13-motion.md +330 -47
  17. package/design-system/14-accessibility.md +47 -24
  18. package/design-system/15-ai-experiences.md +11 -6
  19. package/design-system/16-creativity.md +1 -1
  20. package/design-system/17-decisions.md +367 -1
  21. package/design-system/18-checklist.md +79 -16
  22. package/design-system/19-public-pages.md +6 -4
  23. package/design-system/20-palettes.md +275 -0
  24. package/design-system/README.md +30 -17
  25. package/design-system/components/ActionList/README.md +96 -10
  26. package/design-system/components/ActionList/preview.html +52 -7
  27. package/design-system/components/ActionList/style.css +64 -0
  28. package/design-system/components/ActivityGrid/README.md +38 -2
  29. package/design-system/components/ActivityGrid/preview.html +1 -1
  30. package/design-system/components/ActivityGrid/style.css +35 -0
  31. package/design-system/components/AppShell/README.md +205 -75
  32. package/design-system/components/AppShell/preview.html +339 -58
  33. package/design-system/components/AppShell/style.css +154 -0
  34. package/design-system/components/Avatar/README.md +37 -10
  35. package/design-system/components/Avatar/preview.html +13 -4
  36. package/design-system/components/Avatar/style.css +14 -0
  37. package/design-system/components/Badge/README.md +41 -19
  38. package/design-system/components/Badge/preview.html +13 -10
  39. package/design-system/components/Badge/style.css +23 -0
  40. package/design-system/components/Banner/README.md +30 -9
  41. package/design-system/components/Banner/preview.html +1 -1
  42. package/design-system/components/Banner/style.css +19 -0
  43. package/design-system/components/Breadcrumb/README.md +58 -46
  44. package/design-system/components/Breadcrumb/preview.html +16 -16
  45. package/design-system/components/Breadcrumb/style.css +17 -0
  46. package/design-system/components/Button/README.md +113 -55
  47. package/design-system/components/Button/preview.html +98 -25
  48. package/design-system/components/Button/style.css +86 -0
  49. package/design-system/components/Card/README.md +158 -49
  50. package/design-system/components/Card/preview.html +141 -19
  51. package/design-system/components/Card/style.css +115 -0
  52. package/design-system/components/CardBoard/README.md +58 -37
  53. package/design-system/components/CardBoard/preview.html +26 -29
  54. package/design-system/components/ChatCard/README.md +115 -29
  55. package/design-system/components/ChatCard/preview.html +149 -32
  56. package/design-system/components/ChatCard/style.css +49 -0
  57. package/design-system/components/ChatShell/README.md +116 -0
  58. package/design-system/components/ChatShell/preview.html +201 -0
  59. package/design-system/components/ChatShell/style.css +86 -0
  60. package/design-system/components/ChatTurn/README.md +78 -35
  61. package/design-system/components/ChatTurn/preview.html +60 -28
  62. package/design-system/components/ChatTurn/style.css +50 -0
  63. package/design-system/components/CheckRow/README.md +141 -0
  64. package/design-system/components/CheckRow/preview.html +140 -0
  65. package/design-system/components/CheckRow/style.css +88 -0
  66. package/design-system/components/Checkbox/README.md +58 -22
  67. package/design-system/components/Checkbox/preview.html +112 -50
  68. package/design-system/components/Checkbox/style.css +45 -0
  69. package/design-system/components/Chip/README.md +78 -47
  70. package/design-system/components/Chip/preview.html +29 -4
  71. package/design-system/components/Chip/style.css +17 -0
  72. package/design-system/components/Combobox/README.md +44 -11
  73. package/design-system/components/Combobox/preview.html +35 -12
  74. package/design-system/components/Combobox/style.css +54 -0
  75. package/design-system/components/Composer/README.md +137 -35
  76. package/design-system/components/Composer/preview.html +115 -40
  77. package/design-system/components/Composer/style.css +81 -0
  78. package/design-system/components/ConfirmDialog/README.md +73 -52
  79. package/design-system/components/ConfirmDialog/preview.html +70 -26
  80. package/design-system/components/ConfirmDialog/style.css +5 -0
  81. package/design-system/components/Cover/preview.html +3 -3
  82. package/design-system/components/Cover/style.css +19 -0
  83. package/design-system/components/DateInput/README.md +77 -12
  84. package/design-system/components/DateInput/preview.html +27 -12
  85. package/design-system/components/DateInput/style.css +38 -0
  86. package/design-system/components/Dialog/README.md +112 -44
  87. package/design-system/components/Dialog/preview.html +141 -18
  88. package/design-system/components/Dialog/style.css +74 -0
  89. package/design-system/components/EmptyState/README.md +42 -12
  90. package/design-system/components/EmptyState/preview.html +11 -11
  91. package/design-system/components/EmptyState/style.css +9 -0
  92. package/design-system/components/EntryShell/README.md +73 -48
  93. package/design-system/components/EntryShell/preview.html +60 -27
  94. package/design-system/components/EntryShell/style.css +19 -0
  95. package/design-system/components/FeatureGrid/README.md +61 -39
  96. package/design-system/components/FeatureGrid/preview.html +2 -2
  97. package/design-system/components/FeatureGrid/style.css +20 -0
  98. package/design-system/components/FileUpload/README.md +33 -3
  99. package/design-system/components/FileUpload/preview.html +18 -4
  100. package/design-system/components/FileUpload/style.css +23 -0
  101. package/design-system/components/FilterBar/README.md +114 -0
  102. package/design-system/components/FilterBar/preview.html +82 -0
  103. package/design-system/components/FilterBar/style.css +22 -0
  104. package/design-system/components/Fold/README.md +84 -26
  105. package/design-system/components/Fold/preview.html +77 -34
  106. package/design-system/components/Fold/style.css +48 -0
  107. package/design-system/components/Footer/README.md +62 -39
  108. package/design-system/components/Footer/preview.html +5 -5
  109. package/design-system/components/Footer/style.css +30 -0
  110. package/design-system/components/FunnelBars/README.md +24 -3
  111. package/design-system/components/FunnelBars/preview.html +5 -5
  112. package/design-system/components/FunnelBars/style.css +13 -0
  113. package/design-system/components/GoalBars/README.md +54 -10
  114. package/design-system/components/GoalBars/preview.html +69 -28
  115. package/design-system/components/GoalBars/style.css +51 -0
  116. package/design-system/components/GoalTicks/README.md +74 -58
  117. package/design-system/components/GoalTicks/preview.html +41 -118
  118. package/design-system/components/GoalTicks/style.css +37 -0
  119. package/design-system/components/GoalTubes/README.md +29 -3
  120. package/design-system/components/GoalTubes/preview.html +6 -6
  121. package/design-system/components/GoalTubes/style.css +23 -0
  122. package/design-system/components/Heatmap/README.md +133 -0
  123. package/design-system/components/Heatmap/preview.html +168 -0
  124. package/design-system/components/Heatmap/style.css +119 -0
  125. package/design-system/components/Hero/README.md +58 -40
  126. package/design-system/components/Hero/preview.html +1 -1
  127. package/design-system/components/Hero/style.css +19 -0
  128. package/design-system/components/HoverCard/README.md +114 -0
  129. package/design-system/components/HoverCard/preview.html +107 -0
  130. package/design-system/components/HoverCard/style.css +59 -0
  131. package/design-system/components/IconButton/README.md +69 -38
  132. package/design-system/components/IconButton/preview.html +77 -43
  133. package/design-system/components/IconButton/style.css +45 -0
  134. package/design-system/components/Input/README.md +36 -11
  135. package/design-system/components/Input/preview.html +1 -1
  136. package/design-system/components/Input/style.css +23 -0
  137. package/design-system/components/KanbanBoard/README.md +93 -45
  138. package/design-system/components/KanbanBoard/preview.html +159 -43
  139. package/design-system/components/KanbanBoard/style.css +53 -0
  140. package/design-system/components/Kbd/README.md +25 -9
  141. package/design-system/components/Kbd/preview.html +6 -2
  142. package/design-system/components/Kbd/style.css +9 -0
  143. package/design-system/components/KitButton/README.md +81 -47
  144. package/design-system/components/KitButton/preview.html +35 -13
  145. package/design-system/components/KitButton/style.css +46 -0
  146. package/design-system/components/KitCard/README.md +75 -44
  147. package/design-system/components/KitCard/preview.html +18 -10
  148. package/design-system/components/KitCard/style.css +15 -0
  149. package/design-system/components/KitInput/README.md +54 -39
  150. package/design-system/components/KitInput/preview.html +7 -7
  151. package/design-system/components/KitInput/style.css +23 -0
  152. package/design-system/components/Leaderboard/README.md +76 -49
  153. package/design-system/components/Leaderboard/preview.html +61 -26
  154. package/design-system/components/Leaderboard/style.css +44 -0
  155. package/design-system/components/ListDetail/README.md +222 -0
  156. package/design-system/components/ListDetail/preview.html +213 -0
  157. package/design-system/components/ListDetail/style.css +148 -0
  158. package/design-system/components/LoadBar/README.md +79 -0
  159. package/design-system/components/LoadBar/preview.html +40 -0
  160. package/design-system/components/LoadBar/style.css +17 -0
  161. package/design-system/components/MarketingNav/README.md +76 -42
  162. package/design-system/components/MarketingNav/preview.html +37 -8
  163. package/design-system/components/MarketingNav/style.css +45 -0
  164. package/design-system/components/Matrix/README.md +129 -0
  165. package/design-system/components/Matrix/preview.html +99 -0
  166. package/design-system/components/Matrix/style.css +84 -0
  167. package/design-system/components/Menu/README.md +117 -41
  168. package/design-system/components/Menu/preview.html +85 -23
  169. package/design-system/components/Menu/style.css +61 -0
  170. package/design-system/components/Meter/README.md +39 -4
  171. package/design-system/components/Meter/preview.html +18 -1
  172. package/design-system/components/Meter/style.css +23 -0
  173. package/design-system/components/MetricTile/README.md +237 -0
  174. package/design-system/components/MetricTile/preview.html +241 -0
  175. package/design-system/components/MetricTile/style.css +129 -0
  176. package/design-system/components/Morph/README.md +106 -0
  177. package/design-system/components/Morph/preview.html +103 -0
  178. package/design-system/components/Morph/style.css +31 -0
  179. package/design-system/components/Motion/README.md +164 -0
  180. package/design-system/components/Motion/preview.html +2537 -0
  181. package/design-system/components/NumberInput/README.md +27 -8
  182. package/design-system/components/NumberInput/preview.html +21 -5
  183. package/design-system/components/NumberInput/style.css +34 -0
  184. package/design-system/components/PaceBar/README.md +75 -0
  185. package/design-system/components/PaceBar/preview.html +67 -0
  186. package/design-system/components/PaceBar/style.css +25 -0
  187. package/design-system/components/Page/README.md +57 -18
  188. package/design-system/components/Page/preview.html +15 -17
  189. package/design-system/components/Page/style.css +7 -0
  190. package/design-system/components/PageBar/README.md +90 -34
  191. package/design-system/components/PageBar/preview.html +60 -19
  192. package/design-system/components/PageBar/style.css +35 -0
  193. package/design-system/components/PageHero/README.md +87 -51
  194. package/design-system/components/PageHero/preview.html +35 -6
  195. package/design-system/components/PageHero/style.css +31 -0
  196. package/design-system/components/Pagination/README.md +70 -49
  197. package/design-system/components/Pagination/preview.html +24 -15
  198. package/design-system/components/Pagination/style.css +12 -0
  199. package/design-system/components/Panel/README.md +109 -51
  200. package/design-system/components/Panel/preview.html +118 -20
  201. package/design-system/components/Panel/style.css +51 -0
  202. package/design-system/components/PasswordInput/README.md +50 -18
  203. package/design-system/components/PasswordInput/preview.html +71 -21
  204. package/design-system/components/PasswordInput/style.css +31 -0
  205. package/design-system/components/Plate/README.md +75 -17
  206. package/design-system/components/Plate/preview.html +40 -7
  207. package/design-system/components/Plate/style.css +37 -0
  208. package/design-system/components/Popover/README.md +70 -49
  209. package/design-system/components/Popover/preview.html +44 -22
  210. package/design-system/components/Popover/style.css +41 -0
  211. package/design-system/components/PricingTable/README.md +69 -49
  212. package/design-system/components/PricingTable/preview.html +21 -21
  213. package/design-system/components/PricingTable/style.css +21 -0
  214. package/design-system/components/ProgressPetals/README.md +31 -3
  215. package/design-system/components/ProgressPetals/preview.html +14 -15
  216. package/design-system/components/ProgressPetals/style.css +27 -0
  217. package/design-system/components/README.md +151 -0
  218. package/design-system/components/Radio/README.md +40 -17
  219. package/design-system/components/Radio/preview.html +16 -1
  220. package/design-system/components/Radio/style.css +21 -0
  221. package/design-system/components/RankBar/README.md +29 -2
  222. package/design-system/components/RankBar/preview.html +14 -12
  223. package/design-system/components/RankBar/style.css +18 -0
  224. package/design-system/components/Ring/README.md +61 -11
  225. package/design-system/components/Ring/preview.html +55 -10
  226. package/design-system/components/Ring/style.css +49 -0
  227. package/design-system/components/ScoreHero/README.md +91 -0
  228. package/design-system/components/ScoreHero/preview.html +104 -0
  229. package/design-system/components/ScoreHero/style.css +32 -0
  230. package/design-system/components/Section/README.md +72 -33
  231. package/design-system/components/Section/preview.html +46 -16
  232. package/design-system/components/Section/style.css +18 -0
  233. package/design-system/components/Segmented/README.md +100 -55
  234. package/design-system/components/Segmented/preview.html +107 -26
  235. package/design-system/components/Segmented/style.css +94 -0
  236. package/design-system/components/SegmentedProgress/README.md +64 -0
  237. package/design-system/components/SegmentedProgress/preview.html +69 -0
  238. package/design-system/components/SegmentedProgress/style.css +11 -0
  239. package/design-system/components/Select/README.md +47 -12
  240. package/design-system/components/Select/preview.html +28 -2
  241. package/design-system/components/Select/style.css +22 -0
  242. package/design-system/components/ShareBar/README.md +69 -0
  243. package/design-system/components/ShareBar/preview.html +72 -0
  244. package/design-system/components/ShareBar/style.css +25 -0
  245. package/design-system/components/SideList/README.md +147 -0
  246. package/design-system/components/SideList/preview.html +139 -0
  247. package/design-system/components/SideList/style.css +94 -0
  248. package/design-system/components/Skeleton/README.md +53 -16
  249. package/design-system/components/Skeleton/preview.html +35 -23
  250. package/design-system/components/Skeleton/style.css +17 -0
  251. package/design-system/components/Slider/README.md +95 -0
  252. package/design-system/components/Slider/preview.html +49 -0
  253. package/design-system/components/Slider/style.css +13 -0
  254. package/design-system/components/Split/README.md +112 -0
  255. package/design-system/components/Split/preview.html +105 -0
  256. package/design-system/components/Split/style.css +30 -0
  257. package/design-system/components/Starter/README.md +21 -9
  258. package/design-system/components/Starter/preview.html +5 -5
  259. package/design-system/components/Stat/README.md +64 -43
  260. package/design-system/components/Stat/preview.html +3 -3
  261. package/design-system/components/Stat/style.css +15 -0
  262. package/design-system/components/StatTiles/README.md +88 -44
  263. package/design-system/components/StatTiles/preview.html +142 -71
  264. package/design-system/components/StatTiles/style.css +64 -0
  265. package/design-system/components/StatusLine/README.md +85 -0
  266. package/design-system/components/StatusLine/preview.html +49 -0
  267. package/design-system/components/StatusLine/style.css +14 -0
  268. package/design-system/components/StatusScreen/README.md +49 -35
  269. package/design-system/components/StatusScreen/preview.html +20 -5
  270. package/design-system/components/StatusScreen/style.css +9 -0
  271. package/design-system/components/StepLine/README.md +97 -0
  272. package/design-system/components/StepLine/preview.html +108 -0
  273. package/design-system/components/StepLine/style.css +62 -0
  274. package/design-system/components/Stepper/README.md +35 -13
  275. package/design-system/components/Stepper/style.css +13 -0
  276. package/design-system/components/StreakCalendar/README.md +22 -1
  277. package/design-system/components/StreakCalendar/preview.html +10 -10
  278. package/design-system/components/StreakCalendar/style.css +12 -0
  279. package/design-system/components/SuggestionChip/README.md +87 -0
  280. package/design-system/components/SuggestionChip/preview.html +42 -0
  281. package/design-system/components/SuggestionChip/style.css +20 -0
  282. package/design-system/components/Switch/README.md +44 -24
  283. package/design-system/components/Switch/preview.html +23 -8
  284. package/design-system/components/Switch/style.css +31 -0
  285. package/design-system/components/Table/README.md +129 -58
  286. package/design-system/components/Table/preview.html +106 -72
  287. package/design-system/components/Table/style.css +104 -0
  288. package/design-system/components/Tabs/README.md +71 -46
  289. package/design-system/components/Tabs/preview.html +56 -24
  290. package/design-system/components/Tabs/style.css +44 -0
  291. package/design-system/components/Testimonial/README.md +48 -32
  292. package/design-system/components/Testimonial/preview.html +14 -14
  293. package/design-system/components/Testimonial/style.css +12 -0
  294. package/design-system/components/TextArea/README.md +27 -11
  295. package/design-system/components/TextArea/preview.html +8 -2
  296. package/design-system/components/TextArea/style.css +12 -0
  297. package/design-system/components/ThemeSwitch/README.md +116 -0
  298. package/design-system/components/ThemeSwitch/preview.html +57 -0
  299. package/design-system/components/ThemeSwitch/style.css +6 -0
  300. package/design-system/components/TickRow/README.md +52 -36
  301. package/design-system/components/TickRow/preview.html +64 -41
  302. package/design-system/components/TickRow/style.css +23 -0
  303. package/design-system/components/TickStrip/README.md +95 -0
  304. package/design-system/components/TickStrip/preview.html +88 -0
  305. package/design-system/components/TickStrip/style.css +42 -0
  306. package/design-system/components/Tile/README.md +79 -18
  307. package/design-system/components/Tile/preview.html +91 -40
  308. package/design-system/components/Tile/style.css +36 -0
  309. package/design-system/components/Timeline/README.md +68 -48
  310. package/design-system/components/Timeline/preview.html +27 -15
  311. package/design-system/components/Timeline/style.css +25 -0
  312. package/design-system/components/Toast/README.md +70 -38
  313. package/design-system/components/Toast/preview.html +43 -8
  314. package/design-system/components/Toast/style.css +25 -0
  315. package/design-system/components/Tooltip/README.md +93 -35
  316. package/design-system/components/Tooltip/preview.html +69 -15
  317. package/design-system/components/Tooltip/style.css +78 -0
  318. package/design-system/components/TopBar/README.md +67 -53
  319. package/design-system/components/TopBar/preview.html +14 -27
  320. package/design-system/components/TopBar/style.css +35 -0
  321. package/design-system/components/TopicRail/README.md +108 -0
  322. package/design-system/components/TopicRail/preview.html +58 -0
  323. package/design-system/components/TopicRail/style.css +48 -0
  324. package/design-system/components/TrendBars/README.md +52 -14
  325. package/design-system/components/TrendBars/preview.html +65 -32
  326. package/design-system/components/TrendBars/style.css +25 -0
  327. package/design-system/components/TrendLine/README.md +164 -0
  328. package/design-system/components/TrendLine/preview.html +373 -0
  329. package/design-system/components/TrendLine/style.css +155 -0
  330. package/design-system/components/Well/README.md +64 -22
  331. package/design-system/components/Well/preview.html +14 -14
  332. package/design-system/components/Well/style.css +22 -0
  333. package/design-system/components/_house.css +324 -0
  334. package/design-system/components/bundle.css +4086 -744
  335. package/design-system/tokens.json +1310 -124
  336. package/dist/fello-core.css +2 -2
  337. package/dist/fello.css +6 -1369
  338. package/dist/fello.scoped.css +7 -0
  339. package/dist/index.d.ts +109 -10
  340. package/dist/index.js +781 -96
  341. package/dist/palettes.d.ts +464 -0
  342. package/dist/palettes.js +497 -0
  343. package/dist/scoped.d.ts +3 -0
  344. package/dist/scoped.js +16 -0
  345. package/dist/toast.d.ts +14 -0
  346. package/dist/toast.js +33 -29
  347. package/dist/tokens.d.ts +1686 -62
  348. package/dist/tokens.js +1668 -61
  349. package/package.json +20 -4
  350. package/scripts/check-palette.mjs +295 -0
  351. package/scripts/token-model.mjs +552 -0
  352. package/tokens/_dark.css +173 -0
  353. package/tokens/_palettes.css +46 -0
  354. package/tokens/_product.css +266 -53
  355. package/tokens/_source.hubl.css +39 -19
  356. package/tokens/design-tokens.json +319 -0
  357. package/tokens/palettes.ts +504 -0
  358. package/tokens/shadcn-compat.css +19 -19
  359. package/tokens/shadcn-compat.hsl.css +76 -0
  360. package/tokens/tokens.css +1287 -62
  361. package/tokens/tokens.md +587 -61
  362. package/tokens/tokens.root.css +1293 -62
  363. package/tokens/tokens.ts +1677 -64
package/dist/fello-core.css CHANGED
@@ -1,3 +1,3 @@
1
- /* Fello brand kit 0.4.0: fello-core.css (tokens + house styles). Add each component's styles after it. */
1
+ /* Fello brand kit 0.5.1: fello-core.css (tokens + house styles). Add each component's styles after it. */
2
2
  @import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400..700&display=swap");
3
- :root{--color-brand-salmon: #FF725C;--color-brand-navy: #093555;--color-brand-mid-blue: #495883;--color-button-grad-start: #FF816D;--color-button-grad-end: #FF745E;--color-button-border: #DA624F;--color-tertiary-dark-blue: var(--color-brand-navy);--color-background: #FEFBF9;--color-white: #FFFFFF;--color-gray-1: #F9F9F9;--color-surface-stripe: #F7F4F4;--color-gray-2: #EDEDED;--color-gray-stroke: #E8E8E8;--color-gray-3: #D3D3D3;--color-gray-5: #A9A9A9;--color-gray-6: #7F7F7F;--color-gray-7: #545454;--color-gray-8: #292929;--color-text-primary: #353E5A;--color-ai-cyan: #14BACB;--color-ai-blue: #3898F0;--color-ai-violet: #8D6AE6;--color-ai-pink: #EC67A0;--color-ai-rose: #F59593;--gradient-ai: linear-gradient( 90deg, var(--color-ai-cyan) 0%, var(--color-ai-blue) 25%, var(--color-ai-violet) 50%, var(--color-ai-pink) 75%, var(--color-ai-rose) 100% );--color-dropdown-bg: #fcfaf9;--gradient-scrim-dropdown: linear-gradient( 180deg, rgba(237, 237, 237, 0) -2.85%, rgba(45, 45, 45, 0.5) 93.85% );--color-feedback-error: #ef6b51;--color-feedback-success-text: #4f7d24;--color-feedback-success-bg: #cde3cc;--color-alert: #e90f0f;--color-stat-positive: #098486;--color-bg-page: var(--color-background);--color-text-heading: var(--color-brand-navy);--color-text-body: var(--color-gray-7);--color-text-muted: #6E6E6E;--color-text-brand-strong: #B35040;--color-text-error-strong: #AE4E3B;--color-text-success-strong: #3C601B;--color-text-placeholder: #6E6E6E;--color-text-interactive: var(--color-brand-mid-blue);--color-border-default: var(--color-gray-stroke);--color-border-hairline: var(--color-gray-3);--color-border-btn: var(--color-button-border);--color-bg-dark: var(--color-brand-navy);--color-nav-hover-bg: color-mix(in srgb, var(--color-brand-mid-blue) 5%, transparent);--gradient-btn-primary: linear-gradient( 180deg, var(--color-button-grad-start), var(--color-button-grad-end) );--font-body: "Instrument Sans", sans-serif;--font-size-3xs: 10px;--font-size-2xs: 12px;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-lg2: 20px;--font-size-xl: 24px;--font-size-2xl: 26px;--font-size-3xl: 40px;--font-size-4xl: 48px;--font-size-5xl: 56px;--font-size-6xl: 64px;--font-size-7xl: 72px;--font-size-8xl: 193px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 80px;--space-6xl: 96px;--space-7xl: 120px;--space-8xl: 160px;--space-9xl: 200px;--letter-spacing-overline: 1.2px;--layout-canvas-max: 1440px;--layout-content-max: 1344px;--layout-margin: 48px;--layout-col-gap: 24px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--z-base: 0;--z-sticky: 50;--z-header: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--shadow-label-pill: 2px 22px 6px 0 rgba(0, 0, 0, 0), 1px 14px 6px 0 rgba(0, 0, 0, 0.01), 1px 8px 5px 0 rgba(0, 0, 0, 0.04), 0 3px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);--shadow-card-default: 0 1px 2px rgba(9, 53, 85, 0.04), 0 4px 8px rgba(9, 53, 85, 0.06);--shadow-card-hover: 0 4px 8px rgba(9, 53, 85, 0.06), 0 8px 24px rgba(9, 53, 85, 0.08);--shadow-pill: 0 8px 17px rgba(0, 0, 0, 0.07), 0 30px 30px rgba(0, 0, 0, 0.06), 0 68px 41px rgba(0, 0, 0, 0.04), 0 121px 48px rgba(0, 0, 0, 0.01);--shadow-dropdown: var(--shadow-pill);--shadow-btn: 0 21px 6px rgba(0, 0, 0, 0), 0 13px 5px rgba(0, 0, 0, 0.02), 0 7px 4px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.09), 0 1px 2px rgba(0, 0, 0, 0.11);--shadow-btn-hover: 0 32px 9px rgba(0, 0, 0, 0), 0 20px 8px rgba(0, 0, 0, 0.02), 0 11px 7px rgba(0, 0, 0, 0.06), 0 5px 5px rgba(0, 0, 0, 0.09), 0 1px 3px rgba(0, 0, 0, 0.11);--shadow-focus-ring: 0 0 0 3px rgba(255, 114, 92, 0.2);--transition-fast: 150ms ease-out;--transition-default: 200ms ease;--transition-slow: 300ms ease;--ws-page: var(--color-gray-stroke);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-gray-8));--ws-sidebar-hover: color-mix(in srgb, var(--color-gray-2) 85%, var(--color-white));--ws-sidebar-press: var(--color-gray-2);--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 87%, var(--color-gray-8));--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 96%, var(--color-gray-8));--ws-well: var(--color-gray-2);--ws-field: var(--color-white);--ws-tint-accent: var(--color-surface-stripe);--ws-tint-needs: color-mix(in srgb, var(--color-brand-salmon) 10%, var(--color-white));--ws-tint-live: color-mix(in srgb, var(--color-stat-positive) 12%, var(--color-white));--ws-edge: var(--color-border-default);--ws-edge-card: var(--color-gray-3);--ws-edge-chip: #d9d5d0;--ws-edge-slot: #e2e2e2;--ws-edge-tray: #d9d3cb;--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-word-needs: var(--color-text-brand-strong);--ws-word-positive: color-mix(in srgb, var(--color-stat-positive) 85%, var(--color-brand-navy));--ws-chart-finished: var(--color-stat-positive);--ws-chart-past-half: #6d4fc2;--ws-chart-under-half: var(--color-brand-salmon);--ws-chart-empty: var(--color-gray-1);--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 91%, var(--color-gray-8));--ws-chart-navy-light: #2e6088;--ws-chart-navy-fade: #a8c0d3;--ws-chart-salmon-fade: #ffd2c8;--ws-chart-purple-fade: #d8ccf6;--ws-chart-teal-fade: #b0e2dd;--ws-chart-finished-tint: #9fddd6;--ws-chart-past-half-tint: #cbbdf3;--ws-chart-under-half-tint: #f9dfc6;--ws-chart-cell-edge: var(--ws-edge-slot);--ws-card-tint-blue: color-mix(in srgb, var(--color-brand-mid-blue) 10%, var(--color-white));--ws-card-tint-done: color-mix(in srgb, var(--color-stat-positive) 10%, var(--color-white));--ws-scrim: color-mix(in srgb, var(--color-brand-navy) 35%, transparent);--ws-team-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-brand-mid-blue) 14%, transparent), transparent), radial-gradient(70% 75% at 95% 100%, color-mix(in srgb, var(--color-ai-rose) 22%, transparent), transparent), radial-gradient(55% 60% at 70% 45%, color-mix(in srgb, var(--color-ai-pink) 8%, transparent), transparent);--ws-cool-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-brand-mid-blue) 16%, transparent), transparent), radial-gradient(60% 70% at 92% 30%, color-mix(in srgb, var(--color-ai-blue) 10%, transparent), transparent), radial-gradient(70% 60% at 60% 100%, color-mix(in srgb, var(--color-brand-navy) 6%, transparent), transparent);--ws-text-micro: 11px;--ws-text-dense: var(--font-size-2xs);--ws-text-meta: var(--font-size-xs);--ws-text-body: var(--font-size-sm);--ws-text-chart: 15px;--ws-text-message: var(--ws-text-chart);--ws-text-value: var(--font-size-md);--ws-text-title: 22px;--ws-text-display: var(--font-size-7xl);--ws-leading-message: var(--space-lg);--ws-leading-title: calc(var(--space-lg) + var(--space-xxs));--ws-gap-tight: var(--space-xxs);--ws-gap: var(--space-xs);--ws-gap-loose: var(--space-sm);--ws-gap-component: var(--space-md);--ws-gap-group: var(--space-lg);--ws-gap-turn: calc(var(--space-lg) - var(--space-xxs) / 2);--ws-gutter: var(--space-lg);--ws-card-padding: var(--space-sm);--ws-card-padding-lg: var(--space-md);--ws-card-inset: calc(var(--space-md) + var(--space-xxs));--ws-band-inset: calc(var(--space-lg) + var(--space-xxs));--ws-rise: calc(var(--space-xxs) * 1.5);--ws-chart-dot-gap: calc(var(--space-xs) * 0.8125);--ws-radius-bar: calc(var(--radius-xs) / 2);--ws-radius-chip: var(--radius-xs);--ws-radius-control: var(--radius-sm);--ws-radius-row: var(--radius-md);--ws-radius-card: var(--radius-lg);--ws-radius-bubble: calc(var(--radius-lg) + var(--radius-sm));--ws-radius-panel: var(--radius-xl);--ws-shadow-hairline: 0 0 0 var(--ws-hairline) var(--ws-edge-card);--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray), inset 0 28px 8px 0 rgba(0, 0, 0, 0), inset 0 18px 7px 0 rgba(0, 0, 0, 0.01), inset 0 10px 6px 0 rgba(0, 0, 0, 0.03), inset 0 4px 4px 0 rgba(0, 0, 0, 0.05), inset 0 1px 2px 0 rgba(0, 0, 0, 0.06);--ws-shadow-lift: var(--shadow-card-hover);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--color-brand-navy) 55%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--color-brand-navy) 30%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--color-brand-navy) 12%, transparent);--ws-focus-inset: inset 0 0 0 2px var(--color-text-interactive);--ws-hairline: 0.5px;--ws-line: 1px;--ws-chart-line: 1.5px;--ws-ring: 2px;--ws-halo: 3px;--ws-control-h-sm: 28px;--ws-control-h: var(--space-xl);--ws-control-h-md: calc(var(--space-xl) + var(--space-xxs));--ws-touch: 40px;--ws-row-h: var(--space-3xl);--ws-row-h-dense: var(--space-2xl);--ws-composer-h: 52px;--ws-header-h: calc(var(--space-3xl) + var(--space-xs));--ws-topbar-h: var(--space-3xl);--ws-band-h: 80px;--ws-rail-width: calc(var(--space-2xl) + var(--space-xl));--ws-sidebar-width: calc(var(--space-9xl) + var(--space-xl));--ws-thing-width: calc(var(--space-9xl) * 2 + var(--space-2xl));--ws-chart-card-w: calc(var(--space-9xl) * 2 + var(--space-8xl) - var(--space-xxs));--ws-chart-card-min: 480px;--ws-column-width: calc(var(--space-9xl) * 3 + var(--space-3xl) + var(--space-xs));--ws-icon-sm: 12px;--ws-icon: 16px;--ws-icon-lg: 20px;--ws-avatar: 32px;--ws-tracking-title: -0.005em;--ws-tracking-display: -0.03em;--ws-duration-instant: 120ms;--ws-duration-gentle: 200ms;--ws-duration-settle: 320ms;--ws-duration-calm: 420ms;--ws-duration-glide: 400ms;--ws-stagger: 30ms;--ws-sweep: calc(var(--ws-duration-calm) - var(--ws-duration-gentle));--ws-loop: 1.2s;--ws-loop-slow: 2.4s;--ws-ease-soft: cubic-bezier(0.22, 1, 0.36, 1);--ws-ease-exit: cubic-bezier(0.4, 0, 1, 1);--ws-ease-glide: cubic-bezier(0.75, 0, 0.25, 1);--ws-ease-steady: linear;--ws-ease-spring: var(--ws-ease-soft);--ws-press-scale: 0.97;}*, *::before, *::after{box-sizing: border-box;}html{font-family: var(--font-body);-webkit-font-smoothing: antialiased;}body{margin: 0;background: var(--color-bg-page);color: var(--color-text-body);font-size: var(--ws-text-body);line-height: calc(var(--space-md) + var(--space-xxs));}h1, h2, h3, h4, p, ul, ol, figure{margin: 0;}ul, ol{padding: 0;list-style: none;}button, input, select, textarea{font: inherit;color: inherit;}svg{display: block;}.ws-tnum{font-variant-numeric: tabular-nums;}.ws-sr{position: absolute;width: var(--ws-line);height: var(--ws-line);overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;}.ws-stage{display: flex;flex-wrap: wrap;align-items: flex-start;gap: var(--ws-gap-component);padding: var(--ws-gap-component);background: var(--color-bg-page);}.ws-stage--grey{background: var(--ws-page);}.ws-stage--sunk{background: var(--ws-surface-sunk);}.ws-stage--column{flex-direction: column;flex-wrap: nowrap;align-items: stretch;gap: var(--ws-gap-group);}.ws-stage--bleed{padding: 0;}.ws-page{container-type: inline-size;display: flex;flex-direction: column;gap: var(--ws-gap-component);width: 100%;max-width: calc(var(--ws-chart-card-w) * 2 + var(--ws-gap-component) + var(--ws-gutter) * 2);margin-inline: auto;padding: var(--ws-gutter);}.ws-page--column{max-width: calc(var(--ws-column-width) + var(--ws-gutter) * 2);}@media (max-width: 40rem){.ws-page{padding: var(--space-md);}}.ws-area{container-type: inline-size;}.ws-board{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ws-chart-card-min)), 1fr));align-items: start;gap: var(--ws-gap-component);width: 100%;max-width: calc(var(--ws-chart-card-w) * 2 + var(--ws-gap-component));margin-inline: auto;}.ws-board > *{min-width: 0;}.ws-board__column{display: flex;flex-direction: column;gap: var(--ws-gap-component);}.ws-board--4{grid-template-columns: minmax(0, 1fr);}@container (min-width: 40rem){.ws-board--4{grid-template-columns: repeat(2, minmax(0, 1fr));}}@container (min-width: 60rem){.ws-board--4{grid-template-columns: repeat(4, minmax(0, 1fr));}}.ws-stack{display: flex;flex-direction: column;gap: var(--ws-gap);}.ws-cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--ws-gap);}.ws-cluster--start{align-items: flex-start;}.ws-stack--tight, .ws-cluster--tight{gap: var(--ws-gap-tight);}.ws-stack--loose, .ws-cluster--loose{gap: var(--ws-gap-loose);}.ws-stack--component, .ws-cluster--component{gap: var(--ws-gap-component);}.ws-stack--group, .ws-cluster--group{gap: var(--ws-gap-group);}.ws-card{border-radius: var(--ws-radius-card);background: var(--color-bg-page);outline: var(--ws-hairline) solid var(--ws-edge-card);outline-offset: calc(var(--ws-hairline) * -1);}@media (max-resolution: 1.49dppx){.ws-card{outline-color: color-mix(in srgb, var(--ws-edge-card) 50%, transparent);}}.ws-card--selected{box-shadow: var(--ws-ring-selected);}.ws-card--inset{padding: var(--ws-card-inset);}.ws-plate{border-radius: var(--ws-radius-card);background: var(--ws-surface-sunk);padding: var(--ws-card-padding);}.ws-well{border-radius: var(--ws-radius-card);background: var(--ws-well);padding: var(--space-xxs);display: flex;flex-direction: column;gap: var(--space-xxs);}.ws-well-row{display: flex;align-items: center;gap: var(--space-xs);min-height: var(--ws-row-h);padding: 0 var(--space-sm);border-radius: var(--ws-radius-row);background: var(--color-bg-page);color: var(--color-text-heading);font-weight: 500;text-align: left;width: 100%;border: 0;cursor: pointer;transition: background-color var(--ws-duration-instant) var(--ws-ease-soft);}.ws-well-row:hover{background: var(--color-white);}.ws-well-row:active{background: var(--ws-surface-press);}.ws-dots{background-image: radial-gradient(circle, var(--ws-chart-dot) calc(var(--ws-hairline) * 1.5), transparent calc(var(--ws-hairline) * 2.2));background-size: var(--ws-chart-dot-gap) var(--ws-chart-dot-gap);}.ws-band{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-sm) var(--space-md);min-height: var(--ws-band-h);padding: var(--space-md) var(--ws-band-inset);background: var(--ws-chart-foot);box-shadow: var(--ws-shadow-band);}.ws-band__words{display: flex;flex: 1;min-width: min(100%, var(--space-9xl));flex-direction: column;gap: var(--space-xxs);}.ws-band__title{font-size: var(--ws-text-value);line-height: calc(var(--space-md) + var(--space-xxs));font-weight: 500;color: var(--color-text-heading);}.ws-band__how{font-size: var(--ws-text-meta);line-height: var(--space-md);color: var(--color-text-muted);}.ws-head{display: flex;align-items: flex-start;gap: var(--space-md);padding: var(--ws-card-inset);}.ws-head > div{flex: 1;min-width: 0;display: flex;flex-direction: column;}.ws-menu{display: flex;flex-direction: column;border-radius: var(--ws-radius-card);background: var(--color-bg-page);padding: var(--space-xxs);box-shadow: var(--ws-shadow-lift);z-index: var(--z-dropdown);min-width: var(--space-9xl);}.ws-menu-item{display: flex;width: 100%;min-height: var(--ws-control-h);padding: var(--space-xxs) var(--space-sm);align-items: center;gap: var(--space-xs);border-radius: var(--ws-radius-control);text-align: left;font-size: var(--ws-text-body);font-weight: 500;color: var(--color-text-heading);background: none;border: 0;cursor: pointer;}.ws-menu-item:hover{background: var(--ws-surface-sunk);}.ws-menu-item:active{background: var(--ws-surface-press);}.ws-menu-line{height: var(--ws-line);margin: var(--space-xxs) 0;background: var(--ws-menu-line);}.ws-disc{display: inline-flex;flex-shrink: 0;align-items: center;justify-content: center;border-radius: var(--radius-full);background: var(--ws-surface-sunk);color: var(--color-text-heading);}.ws-title{font-size: var(--ws-text-title);line-height: var(--ws-leading-title);font-weight: 600;letter-spacing: var(--ws-tracking-title);color: var(--color-text-heading);}.ws-section{font-size: var(--ws-text-value);line-height: calc(var(--space-md) + var(--space-xxs));font-weight: 600;letter-spacing: var(--ws-tracking-title);color: var(--color-text-heading);}.ws-body{font-size: var(--ws-text-body);line-height: calc(var(--space-md) + var(--space-xxs));color: var(--color-text-body);}.ws-muted{font-size: var(--ws-text-dense);line-height: var(--space-md);color: var(--color-text-muted);}.ws-meta{font-size: var(--ws-text-meta);line-height: var(--space-md);color: var(--color-text-muted);}.ws-eyebrow{font-size: var(--ws-text-dense);line-height: var(--space-md);font-weight: 600;text-transform: uppercase;letter-spacing: var(--letter-spacing-overline);color: var(--color-text-muted);}.ws-link{color: var(--color-text-interactive);text-decoration: none;font-weight: 500;}.ws-link:hover{text-decoration: underline;}.ws-act{font-weight: 500;color: var(--color-text-heading);text-decoration: none;background: none;border: 0;padding: 0;cursor: pointer;}.ws-act:hover{text-decoration: underline;}.ws-display{font-size: var(--ws-text-display);line-height: var(--space-5xl);font-weight: 400;letter-spacing: var(--ws-tracking-display);color: var(--color-text-heading);font-variant-numeric: tabular-nums;}.ws-figure{font-size: var(--font-size-3xl);line-height: var(--font-size-3xl);font-weight: 400;letter-spacing: var(--ws-tracking-display);color: var(--color-text-heading);font-variant-numeric: tabular-nums;}.ws-positive{color: var(--ws-word-positive);}.ws-needs{color: var(--ws-word-needs);}.ws-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-xs);height: var(--ws-control-h);padding: 0 var(--space-sm);border: 0;border-radius: var(--ws-radius-control);font-size: var(--ws-text-body);line-height: 1;font-weight: 500;cursor: pointer;white-space: nowrap;outline: none;transition: background-color var(--ws-duration-instant) var(--ws-ease-soft), color var(--ws-duration-instant) var(--ws-ease-soft), opacity var(--ws-duration-instant) var(--ws-ease-soft), transform var(--ws-duration-instant) var(--ws-ease-soft);}.ws-btn:active{transform: scale(var(--ws-press-scale));}.ws-btn:focus-visible{box-shadow: var(--shadow-focus-ring);}.ws-btn--sm{height: var(--ws-control-h-sm);padding: 0 var(--space-xs);gap: var(--space-xxs);font-size: var(--ws-text-dense);}.ws-btn--lg{height: var(--ws-control-h-md);}.ws-btn--primary, .ws-btn[aria-pressed="true"]{background: var(--color-text-heading);color: var(--color-white);}.ws-btn--primary:hover{opacity: 0.9;}.ws-btn--secondary{background: var(--color-bg-page);color: var(--color-text-heading);box-shadow: var(--ws-shadow-hairline);}.ws-btn--secondary:hover{background: var(--ws-surface-sunk);}.ws-btn--ghost{background: transparent;color: var(--color-text-body);padding: 0 var(--space-xs);}.ws-btn--ghost:hover{background: var(--ws-surface-sunk);color: var(--color-text-heading);}.ws-btn--link, .ws-btn--text{height: auto;padding: 0;background: transparent;border-radius: var(--ws-radius-control);line-height: var(--space-md);}.ws-btn--link{color: var(--color-text-interactive);}.ws-btn--text{color: var(--color-text-heading);}.ws-btn--link:hover, .ws-btn--text:hover{text-decoration: underline;}.ws-btn:disabled{opacity: 0.4;pointer-events: none;}.ws-btn[aria-busy="true"]{cursor: progress;}@media (pointer: coarse){.ws-btn:not(.ws-btn--link):not(.ws-btn--text){min-height: var(--ws-touch);}.ws-btn--link, .ws-btn--text{min-height: var(--space-lg);}}.ws-dot{width: calc(var(--space-xxs) * 1.5);height: calc(var(--space-xxs) * 1.5);border-radius: var(--radius-full);background: currentColor;}.ws-icon-btn{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: var(--ws-control-h);height: var(--ws-control-h);border: 0;border-radius: var(--radius-full);background: transparent;color: var(--color-text-body);cursor: pointer;outline: none;transition: background-color var(--ws-duration-instant) var(--ws-ease-soft), transform var(--ws-duration-instant) var(--ws-ease-soft);}.ws-icon-btn:hover{background: var(--ws-surface-sunk);color: var(--color-text-heading);}.ws-icon-btn:active{transform: scale(var(--ws-press-scale));}.ws-icon-btn:focus-visible{box-shadow: var(--shadow-focus-ring);}.ws-icon-btn--xs{width: var(--space-lg);height: var(--space-lg);}.ws-icon-btn--sm{width: var(--ws-control-h-sm);height: var(--ws-control-h-sm);}.ws-icon-btn--lg{width: var(--ws-control-h-md);height: var(--ws-control-h-md);}.ws-icon-btn--outline{background: var(--color-bg-page);box-shadow: var(--ws-shadow-hairline);}.ws-icon-btn--solid{background: var(--ws-surface-sunk);color: var(--color-text-heading);}.ws-icon-btn--solid:hover{background: var(--color-gray-2);}.ws-icon-btn--primary, .ws-icon-btn[aria-pressed="true"]{background: var(--color-text-heading);color: var(--color-white);}.ws-icon-btn--primary:hover{background: var(--color-text-heading);opacity: 0.9;}.ws-icon-btn svg{width: var(--ws-icon);height: var(--ws-icon);}.ws-icon-btn--lg svg{width: var(--ws-icon-lg);height: var(--ws-icon-lg);}.ws-field{display: flex;flex-direction: column;gap: var(--space-xxs);}.ws-label{font-size: var(--ws-text-dense);line-height: var(--space-md);font-weight: 500;color: var(--color-text-body);}.ws-input, .ws-select, .ws-textarea{width: 100%;border: var(--ws-line) solid transparent;border-radius: var(--ws-radius-control);background: var(--ws-field);box-shadow: var(--ws-shadow-hairline);color: var(--color-gray-8);font-size: var(--ws-text-body);outline: none;transition: border-color var(--ws-duration-instant) var(--ws-ease-soft), box-shadow var(--ws-duration-instant) var(--ws-ease-soft);}.ws-input, .ws-select{height: var(--ws-control-h);padding: 0 var(--space-sm);}.ws-textarea{padding: var(--space-xs) var(--space-sm);line-height: calc(var(--space-md) + var(--space-xxs));resize: vertical;min-height: calc(var(--space-4xl) + var(--space-xs));}.ws-input::placeholder, .ws-textarea::placeholder{color: var(--color-text-placeholder);}.ws-input:focus-visible, .ws-select:focus-visible, .ws-textarea:focus-visible{border-color: var(--color-brand-mid-blue);background: var(--color-white);box-shadow: var(--ws-shadow-hairline), var(--shadow-focus-ring);}.ws-input[aria-invalid="true"], .ws-select[aria-invalid="true"], .ws-textarea[aria-invalid="true"]{border-color: var(--color-brand-salmon);}.ws-select-wrap{position: relative;display: flex;}.ws-select{appearance: none;padding-right: var(--space-xl);}.ws-select-wrap > svg{position: absolute;right: var(--space-xs);top: 50%;width: var(--ws-icon);height: var(--ws-icon);transform: translateY(-50%);pointer-events: none;color: var(--color-text-muted);}.ws-field-msg{font-size: var(--ws-text-dense);line-height: var(--space-md);color: var(--color-text-muted);}.ws-field-msg--error{display: flex;align-items: flex-start;gap: var(--space-xxs);color: var(--ws-word-needs);}.ws-field-msg--error svg{width: var(--ws-icon-sm);height: var(--ws-icon-sm);flex-shrink: 0;margin-top: calc(var(--space-xxs) / 2);}@media (pointer: coarse){.ws-input, .ws-select{height: var(--ws-touch);}}.ws-chip{display: inline-flex;align-items: center;gap: var(--space-xxs);height: var(--space-lg);padding: 0 var(--space-xs);border-radius: var(--ws-radius-chip);background: var(--color-bg-page);color: var(--color-text-body);font-size: var(--ws-text-dense);line-height: var(--space-md);font-weight: 500;white-space: nowrap;box-shadow: inset 0 0 0 var(--ws-hairline) var(--ws-edge-chip);}.ws-chip--sunk{background: var(--ws-surface-sunk);box-shadow: none;}.ws-chip--accent{background: var(--ws-surface-sunk);color: var(--color-text-interactive);box-shadow: none;}.ws-chip--live{background: var(--ws-tint-live);color: var(--ws-word-positive);box-shadow: none;}.ws-chip--navy{background: var(--ws-surface-sunk);color: var(--color-text-heading);font-weight: 600;box-shadow: none;}.ws-chip--needs{background: var(--ws-tint-needs);color: var(--ws-word-needs);box-shadow: none;}.ws-chip svg{width: var(--ws-icon-sm);height: var(--ws-icon-sm);}.ws-change{display: inline-flex;align-items: center;gap: var(--space-xxs);padding: var(--space-xxs) var(--space-xs);border-radius: var(--ws-radius-chip);background: var(--color-bg-page);font-size: var(--ws-text-dense);line-height: var(--space-md);font-weight: 500;white-space: nowrap;color: var(--color-text-muted);box-shadow: inset 0 0 0 var(--ws-hairline) var(--ws-edge-chip);}.ws-change--up{color: var(--ws-word-positive);}.ws-change--down{color: var(--color-text-interactive);}.ws-change svg{width: var(--ws-icon-sm);height: var(--ws-icon-sm);}.ws-kbd{display: inline-flex;align-items: center;justify-content: center;min-width: var(--space-lg);padding: 0 var(--space-xxs);border: var(--ws-line) solid var(--color-border-default);border-radius: var(--radius-xl);background: var(--ws-surface-sunk);color: var(--color-text-heading);font-family: var(--font-body);font-size: var(--font-size-2xs);line-height: 1.5;font-weight: 600;white-space: nowrap;}.ws-segmented{display: inline-flex;padding: calc(var(--space-xxs) / 2);gap: calc(var(--space-xxs) / 2);border-radius: var(--ws-radius-row);background: var(--color-bg-page);box-shadow: var(--ws-shadow-hairline);}.ws-segmented--stretch{display: flex;}.ws-segmented--stretch > *{flex: 1;}.ws-segmented__item{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-xxs);height: var(--ws-control-h-sm);padding: 0 var(--space-sm);border: 0;border-radius: var(--ws-radius-control);background: transparent;color: var(--color-text-body);font-size: var(--ws-text-dense);line-height: var(--space-md);font-weight: 500;cursor: pointer;white-space: nowrap;transition: background-color var(--ws-duration-instant) var(--ws-ease-soft), color var(--ws-duration-instant) var(--ws-ease-soft);}.ws-segmented__item:hover{color: var(--color-text-heading);}.ws-segmented__item[aria-selected="true"], .ws-segmented__item[aria-current]{background: var(--color-text-heading);color: var(--color-white);}.ws-segmented__item:focus-visible{box-shadow: var(--shadow-focus-ring);}.ws-row{display: flex;align-items: center;gap: var(--space-xs);min-height: var(--ws-row-h-dense);padding: 0 var(--space-sm);border-radius: var(--ws-radius-row);color: var(--color-text-heading);transition: background-color var(--ws-duration-instant) var(--ws-ease-soft);}.ws-row:hover{background: var(--ws-surface-sunk);}.ws-row:active{background: var(--ws-surface-press);}.ws-row__title{font-size: var(--ws-text-body);line-height: calc(var(--space-md) + var(--space-xxs));font-weight: 500;color: var(--color-text-heading);}.ws-rule{height: var(--ws-line);background: var(--ws-chart-cell-edge, var(--ws-edge-slot));}.ws-avatar{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: var(--ws-avatar);height: var(--ws-avatar);overflow: hidden;border-radius: var(--radius-full);background: var(--ws-surface-sunk);color: var(--color-text-heading);font-size: var(--ws-text-body);font-weight: 600;box-shadow: var(--ws-shadow-hairline);}.ws-avatar--plain{box-shadow: none;}.ws-avatar--dim{opacity: 0.6;}.ws-avatar--sm{width: var(--ws-control-h-sm);height: var(--ws-control-h-sm);font-size: var(--ws-text-dense);}.ws-avatar--deck{width: var(--space-3xl);height: var(--space-3xl);font-size: var(--ws-text-body);}.ws-avatar--panel{width: calc(var(--space-3xl) + var(--space-xs));height: calc(var(--space-3xl) + var(--space-xs));font-size: var(--ws-text-value);}.ws-avatar--xl{width: var(--space-4xl);height: var(--space-4xl);font-size: var(--font-size-xl);}.ws-avatar-stack{display: flex;align-items: center;}.ws-avatar-stack > * + *{margin-left: calc(var(--space-xxs) * -1);}.ws-avatar-stack > .ws-avatar{box-shadow: 0 0 0 var(--ws-ring) var(--color-bg-page);}.ws-avatar-stack__more{color: var(--color-text-body);}@keyframes ws-pulse{0%, 100%{opacity: 1;}50%{opacity: 0.35;}}@keyframes ws-rise{from{opacity: 0;transform: translateY(var(--ws-rise));}to{opacity: 1;transform: none;}}@keyframes ws-grow{from{transform: scaleX(0);}to{transform: none;}}@keyframes ws-grow-up{from{transform: scaleY(0);}to{transform: none;}}@keyframes ws-wipe{from{clip-path: inset(0 100% 0 0);}to{clip-path: inset(0);}}@keyframes ws-bloom{from{opacity: 0;transform: scale(0.6);}to{opacity: 1;transform: none;}}@keyframes ws-pop{from{transform: scale(0.85);}to{transform: none;}}@keyframes ws-draw{from{stroke-dasharray: 0 1;}}@media (prefers-reduced-motion: no-preference){.ws-working{animation: ws-pulse var(--ws-loop) var(--ws-ease-soft) infinite;}.ws-working-slow{animation: ws-pulse var(--ws-loop-slow) var(--ws-ease-soft) infinite;}.ws-arrive{animation: ws-rise var(--ws-duration-gentle) var(--ws-ease-soft) backwards;}.ws-rise{animation: ws-rise var(--ws-duration-settle) var(--ws-ease-soft) backwards;}.ws-grow{animation: ws-grow var(--ws-duration-calm) var(--ws-ease-soft) backwards;transform-origin: left;}.ws-grow-up{animation: ws-grow-up var(--ws-duration-calm) var(--ws-ease-soft) backwards;transform-origin: bottom;}.ws-wipe{animation: ws-wipe var(--ws-duration-calm) var(--ws-ease-soft) backwards;}.ws-bloom{animation: ws-bloom var(--ws-duration-settle) var(--ws-ease-soft) backwards;}.ws-pop{animation: ws-pop var(--ws-duration-settle) var(--ws-ease-soft) backwards;}}@media (prefers-reduced-motion: reduce){.ws-btn, .ws-icon-btn{transition: none;}.ws-btn:active, .ws-icon-btn:active{transform: none;}}
3
+ :root{--color-brand-salmon: #FF725C;--color-brand-navy: #093555;--color-brand-mid-blue: #495883;--color-button-grad-start: #FF816D;--color-button-grad-end: #FF745E;--color-button-border: #DA624F;--color-tertiary-dark-blue: var(--color-brand-navy);--color-background: #FEFBF9;--color-white: #FFFFFF;--color-gray-1: #F9F9F9;--color-surface-stripe: var(--ws-tint-accent);--color-gray-2: #EDEDED;--color-gray-stroke: #E8E8E8;--color-gray-3: #D3D3D3;--color-gray-5: #A9A9A9;--color-gray-6: #7F7F7F;--color-gray-7: #545454;--color-gray-8: #292929;--color-text-primary: color-mix(in srgb, var(--color-text-heading) 50%, #61475f);--color-ai-cyan: #14BACB;--color-ai-blue: #3898F0;--color-ai-violet: #8D6AE6;--color-ai-pink: #EC67A0;--color-ai-rose: #F59593;--gradient-ai: linear-gradient( 90deg, var(--color-ai-cyan) 0%, var(--color-ai-blue) 25%, var(--color-ai-violet) 50%, var(--color-ai-pink) 75%, var(--color-ai-rose) 100% );--color-dropdown-bg: #fcfaf9;--gradient-scrim-dropdown: linear-gradient( 180deg, rgba(237, 237, 237, 0) -2.85%, rgba(45, 45, 45, 0.5) 93.85% );--color-feedback-error: color-mix(in srgb, var(--ws-chart-under-half) 87.5%, #7f3a04);--color-feedback-success-text: #4f7d24;--color-feedback-success-bg: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(254 250.75 221.5));--color-alert: #e90f0f;--color-stat-positive: var(--ws-chart-finished);--color-text-brand-strong: var(--ws-word-needs);--color-text-error-strong: color-mix(in srgb, var(--ws-word-needs) 95%, #944b00);--color-text-success-strong: color-mix(in srgb, var(--ws-word-positive) 20%, rgb(72.75 91.74 3.19));--color-text-placeholder: color-mix(in srgb, var(--color-text-muted) 93.75%, #e6e6e6);--color-border-default: var(--ws-edge);--color-border-hairline: var(--ws-edge-card);--color-border-btn: var(--color-button-border);--color-bg-dark: var(--color-brand-navy);--color-nav-hover-bg: color-mix(in srgb, var(--color-text-interactive) 5%, transparent);--gradient-btn-primary: linear-gradient( 180deg, var(--color-button-grad-start), var(--color-button-grad-end) );--font-body: "Instrument Sans", sans-serif;--font-size-3xs: 10px;--font-size-2xs: 12px;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-lg2: 20px;--font-size-xl: 24px;--font-size-2xl: 26px;--font-size-3xl: 40px;--font-size-4xl: 48px;--font-size-5xl: 56px;--font-size-6xl: 64px;--font-size-7xl: 72px;--font-size-8xl: 193px;--space-3xs: 2px;--space-xxs: 4px;--space-xxs-plus: 6px;--space-xs: 8px;--space-xs-plus: 10px;--space-sm: 12px;--space-sm-plus: 14px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 80px;--space-6xl: 96px;--space-7xl: 120px;--space-8xl: 160px;--space-9xl: 200px;--letter-spacing-overline: 1.2px;--layout-canvas-max: 1440px;--layout-content-max: 1344px;--layout-margin: 48px;--layout-col-gap: 24px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--z-base: 0;--z-sticky: 50;--z-header: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--shadow-label-pill: 2px 22px 6px 0 rgba(0, 0, 0, 0), 1px 14px 6px 0 rgba(0, 0, 0, 0.01), 1px 8px 5px 0 rgba(0, 0, 0, 0.04), 0 3px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);--shadow-card-default: 0 1px 2px color-mix(in srgb, var(--color-text-heading) 4%, transparent), 0 4px 8px color-mix(in srgb, var(--color-text-heading) 6%, transparent);--shadow-card-hover: 0 4px 8px color-mix(in srgb, var(--color-text-heading) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--color-text-heading) 8%, transparent);--shadow-pill: 0 8px 17px rgba(0, 0, 0, 0.07), 0 30px 30px rgba(0, 0, 0, 0.06), 0 68px 41px rgba(0, 0, 0, 0.04), 0 121px 48px rgba(0, 0, 0, 0.01);--shadow-dropdown: var(--shadow-pill);--shadow-btn: 0 21px 6px rgba(0, 0, 0, 0), 0 13px 5px rgba(0, 0, 0, 0.02), 0 7px 4px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.09), 0 1px 2px rgba(0, 0, 0, 0.11);--shadow-btn-hover: 0 32px 9px rgba(0, 0, 0, 0), 0 20px 8px rgba(0, 0, 0, 0.02), 0 11px 7px rgba(0, 0, 0, 0.06), 0 5px 5px rgba(0, 0, 0, 0.09), 0 1px 3px rgba(0, 0, 0, 0.11);--shadow-focus-ring: 0 0 0 2px var(--color-bg-page), 0 0 0 4px var(--color-text-heading);--transition-fast: 150ms ease-out;--transition-default: 200ms ease;--transition-slow: 300ms ease;--ws-page: color-mix(in srgb, var(--ws-tray) 97.5%, #252525);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-gray-8));--ws-sidebar-hover: color-mix(in srgb, var(--ws-tray) 85%, var(--color-surface));--ws-sidebar-press: var(--ws-tray);--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 87%, var(--color-gray-8));--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 96%, var(--color-gray-8));--ws-well: var(--ws-tray);--ws-field: var(--color-surface);--ws-tint-accent: color-mix(in srgb, var(--color-bg-page) 96%, #4f4c7c);--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 10%, var(--color-surface));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 12%, var(--color-surface));--ws-edge-card-1x: color-mix(in srgb, var(--ws-edge-card) 50%, transparent);--ws-edge-chip: color-mix(in srgb, var(--ws-edge-card) 75%, #ebdbc7);--ws-edge-slot: color-mix(in srgb, var(--ws-edge-card) 62.5%, #fbfbfb);--ws-edge-tray: color-mix(in srgb, var(--ws-tray) 84%, rgb(112 74.5 24.5));--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-track: var(--ws-tray);--ws-field-ink: color-mix(in srgb, var(--color-text-body) 46.25%, #040404);--ws-field-mark: var(--color-text-heading);--ws-ink: var(--color-text-heading);--ws-shade: var(--color-text-heading);--ws-ink-rgb: 9, 53, 85;--ws-shade-rgb: 9, 53, 85;--ws-inverse: var(--color-text-heading);--ws-on-inverse: var(--ws-on-act);--ws-control-off: color-mix(in srgb, var(--color-text-muted) 80%, #e3e3e3);--ws-raised-sunk: var(--ws-surface-sunk);--ws-act-light: color-mix(in srgb, var(--ws-on-act) 24%, transparent);--ws-mask: #000;--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 76%, #fcfcfc);--ws-chart-rest: color-mix(in srgb, var(--ws-tray) 90%, #252525);--ws-ghost: color-mix(in srgb, var(--ws-well-hover) 98%, #b24c17);--ws-veil: color-mix(in srgb, var(--ws-page) 30%, transparent);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 71.25%, #040404);--ws-rim: var(--ws-line);--ws-divider: var(--ws-hairline) solid var(--ws-edge);--ws-divider-inset: inset 0 var(--ws-hairline) 0 var(--ws-edge);--ws-frame: linear-gradient(180deg, var(--ws-frame-top) 0, var(--color-bg-page) 640px) var(--color-bg-page);--ws-stage-wash: linear-gradient(180deg, var(--color-bg-page), var(--ws-stage-foot));--ws-glass: color-mix(in srgb, var(--color-surface) 59%, transparent);--ws-glass-blur: 4px;--ws-glass-blur-chat: 28px;--ws-edge-stage: var(--ws-page);--ws-stage-inset-top: 13px;--ws-stage-inset: var(--space-sm);--ws-word-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 37.5%, rgb(142.2 4.8 68));--ws-word-past-half: var(--ws-chart-past-half);--ws-tint-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 20%, var(--color-bg-page));--ws-chart-empty: #f9f9f9;--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 91%, var(--color-gray-8));--ws-chart-navy-fade: #a8c0d3;--ws-chart-salmon-fade: #ffd2c8;--ws-chart-purple-fade: #d8ccf6;--ws-chart-teal-fade: #b0e2dd;--ws-chart-finished-tint: #9fddd6;--ws-chart-past-half-tint: #cbbdf3;--ws-chart-under-half-tint: #f9dfc6;--ws-chart-cell-edge: var(--ws-edge-slot);--ws-shimmer-ground: var(--ws-ghost);--ws-shimmer: linear-gradient(100deg in srgb, var(--ws-shimmer-ground) 0 34%, color-mix(in srgb, var(--ws-shimmer-ground) 30%, var(--color-bg-page)) 50%, var(--ws-shimmer-ground) 66% 100%);--ws-card-tint-blue: color-mix(in srgb, var(--ws-rating-middle) 10%, var(--color-surface));--ws-card-tint-done: color-mix(in srgb, var(--ws-chart-finished) 10%, var(--color-surface));--ws-scrim: color-mix(in srgb, var(--color-text-heading) 35%, transparent);--ws-glow-rose: color-mix(in srgb, var(--ws-chart-under-half) 50%, #ebb8ca);--ws-glow-pink: color-mix(in srgb, var(--ws-chart-needs-work) 90%, #ad167c);--ws-glow-blue: color-mix(in srgb, var(--ws-chart-navy-light) 10%, rgb(57.1111111111 158.2222222222 251.5555555556));--ws-team-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-text-interactive) 14%, transparent), transparent), radial-gradient(70% 75% at 95% 100%, color-mix(in srgb, var(--ws-glow-rose) 22%, transparent), transparent), radial-gradient(55% 60% at 70% 45%, color-mix(in srgb, var(--ws-glow-pink) 8%, transparent), transparent);--ws-cool-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-text-interactive) 16%, transparent), transparent), radial-gradient(60% 70% at 92% 30%, color-mix(in srgb, var(--ws-glow-blue) 10%, transparent), transparent), radial-gradient(70% 60% at 60% 100%, color-mix(in srgb, var(--color-text-heading) 6%, transparent), transparent);--ws-orb: radial-gradient(circle at 30% 30% in srgb, color-mix(in srgb, var(--ws-chart-finished) 37.5%, rgb(26.6 218.4 244.4)), var(--ws-glow-blue) 45%, color-mix(in srgb, var(--ws-chart-past-half) 37.5%, rgb(160.2 122.2 251.6)) 80%);--ws-text-micro: 11px;--ws-text-dense: var(--font-size-2xs);--ws-text-meta: var(--font-size-xs);--ws-text-body: var(--font-size-sm);--ws-text-chart: 15px;--ws-text-message: var(--ws-text-chart);--ws-text-value: var(--font-size-md);--ws-text-title: 22px;--ws-text-display: var(--font-size-7xl);--ws-leading-message: var(--space-lg);--ws-leading-title: calc(var(--space-lg) + var(--space-xxs));--ws-text-control: var(--font-size-xs);--ws-leading-control: 18px;--ws-text-section: var(--ws-text-chart);--ws-leading-section: 22px;--ws-leading-row: calc(var(--space-md) + var(--space-xxs));--ws-leading-micro: 13px;--ws-text-figure-row: 28px;--ws-leading-figure-row: var(--space-xl);--ws-text-figure: var(--space-xl);--ws-leading-figure: 38px;--ws-text-figure-lg: 44px;--ws-leading-figure-lg: var(--space-3xl);--ws-text-score: var(--space-6xl);--ws-leading-score: var(--space-6xl);--ws-gap-tight: var(--space-xxs);--ws-gap: var(--space-xs);--ws-gap-loose: var(--space-sm);--ws-gap-component: var(--space-md);--ws-gap-group: var(--space-lg);--ws-gap-turn: calc(var(--space-lg) + var(--space-xxs));--ws-gap-block: var(--space-xl);--ws-gap-section: calc(var(--space-3xl) + var(--space-xs));--ws-gutter: var(--space-xl);--ws-card-padding: var(--space-sm);--ws-card-padding-lg: var(--space-md);--ws-card-inset: calc(var(--space-md) + var(--space-xxs));--ws-band-inset: calc(var(--space-lg) + var(--space-xxs));--ws-rise: calc(var(--space-xxs) * 1.5);--ws-chart-dot-gap: calc(var(--space-xs) * 0.8125);--ws-radius-bar: 1px;--ws-radius-chip: 2px;--ws-radius-control: 4px;--ws-radius-row: 6px;--ws-radius-card: 8px;--ws-radius-menu: 10px;--ws-radius-card-inner: calc(var(--ws-radius-card) - var(--ws-rim));--ws-radius-bubble: 12px;--ws-radius-drawer: var(--ws-radius-bubble);--ws-radius-drawer-inner: calc(var(--ws-radius-drawer) - var(--ws-rim));--ws-radius-panel: 16px;--ws-shadow-hairline: 0 0 0 var(--ws-hairline) var(--ws-edge-card);--ws-shadow-hairline-in: inset 0 0 0 var(--ws-hairline) var(--ws-edge-card);--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray), inset 0 28px 8px 0 rgba(0, 0, 0, 0), inset 0 18px 7px 0 rgba(0, 0, 0, 0.01), inset 0 10px 6px 0 rgba(0, 0, 0, 0.03), inset 0 4px 4px 0 rgba(0, 0, 0, 0.05), inset 0 1px 2px 0 rgba(0, 0, 0, 0.06);--ws-shadow-lift: var(--shadow-card-hover);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 55%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 30%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--ws-ink) 12%, transparent);--ws-float-rim: 0 0 0 0 transparent;--ws-shadow-pop: var(--ws-float-rim), 0 12px 32px -16px color-mix(in srgb, var(--ws-shade) 35%, transparent);--ws-shadow-menu: var(--ws-float-rim), 0 16px 32px -16px color-mix(in srgb, var(--ws-shade) 35%, transparent);--ws-shadow-tip: var(--ws-float-rim), 0 16px 32px -20px color-mix(in srgb, var(--ws-shade) 45%, transparent);--ws-shadow-float: var(--ws-float-rim), 0 40px 80px -30px color-mix(in srgb, var(--ws-shade) 30%, transparent), 0 10px 24px -12px color-mix(in srgb, var(--ws-shade) 14%, transparent);--ws-shadow-bar: var(--ws-float-rim), 0 24px 60px -24px color-mix(in srgb, var(--ws-shade) 32%, transparent), 0 2px 10px color-mix(in srgb, var(--ws-shade) 6%, transparent);--ws-hover-faint: color-mix(in srgb, var(--ws-ink) 3.137254902%, transparent);--ws-hover: color-mix(in srgb, var(--ws-ink) 5.0980392157%, transparent);--ws-hover-strong: color-mix(in srgb, var(--ws-ink) 5.8823529412%, transparent);--ws-focus-width: var(--ws-ring);--ws-focus-offset: var(--ws-ring);--ws-focus-inset: inset 0 0 0 var(--ws-focus-width) var(--ws-focus-color);--ws-hairline: 0.5px;--ws-line: 1px;--ws-chart-line: 1.5px;--ws-ring: 2px;--ws-halo: 3px;--ws-control-h-sm: 28px;--ws-control-h: var(--space-xl);--ws-control-h-md: calc(var(--space-xl) + var(--space-xxs));--ws-touch: 40px;--ws-touch-public: 44px;--ws-row-h: var(--space-3xl);--ws-row-h-dense: var(--space-2xl);--ws-composer-h: 52px;--ws-header-h: calc(var(--space-3xl) + var(--space-xs));--ws-topbar-h: var(--space-3xl);--ws-band-h: 80px;--ws-rail-width: var(--space-4xl);--ws-sidebar-width: calc(var(--space-9xl) + var(--space-xl));--ws-thing-width: calc(var(--space-9xl) * 2 + var(--space-2xl));--ws-chart-card-w: calc(var(--space-9xl) * 2 + var(--space-8xl) - var(--space-xxs));--ws-chart-card-min: 480px;--ws-column-width: calc(var(--space-9xl) * 3 + var(--space-3xl) + var(--space-xs));--ws-float-width: calc(var(--space-9xl) * 1.5);--ws-icon-sm: 12px;--ws-icon: 16px;--ws-icon-lg: 20px;--ws-avatar: 32px;--ws-tracking-title: -0.005em;--ws-tracking-display: -0.03em;--ws-duration-instant: 120ms;--ws-duration-exit: 120ms;--ws-duration-gentle: 200ms;--ws-duration-hover: 200ms;--ws-duration-text: 250ms;--ws-duration-settle: 320ms;--ws-duration-reveal: 350ms;--ws-duration-shrink: 400ms;--ws-duration-calm: 420ms;--ws-duration-glide: 400ms;--ws-duration-morph: 450ms;--ws-duration-grow: 550ms;--ws-duration-shift: 550ms;--ws-duration-fill: 700ms;--ws-duration-draw: 900ms;--ws-duration-draw-chat: 1500ms;--ws-duration-fill-page: 1700ms;--ws-duration-build: 2400ms;--ws-stagger: 30ms;--ws-stagger-detail: 22ms;--ws-stagger-row: 45ms;--ws-stagger-part: 70ms;--ws-ripple: 4ms;--ws-stagger-square: 35ms;--ws-hover-intent: 40ms;--ws-hover-leave: 60ms;--ws-hover-grace: 180ms;--ws-close-delay: 160ms;--ws-sweep: calc(var(--ws-duration-calm) - var(--ws-duration-gentle));--ws-loop: 1s;--ws-loop-status: 1.6s;--ws-loop-shimmer: 1.8s;--ws-loop-slow: 2.4s;--ws-loop-ambient: 6s;--ws-ease-soft: cubic-bezier(0.22, 1, 0.36, 1);--ws-ease-exit: cubic-bezier(0.4, 0, 1, 1);--ws-ease-glide: cubic-bezier(0.75, 0, 0.25, 1);--ws-ease-steady: linear;--ws-ease-spring: var(--ws-ease-soft);--ws-ease-settle: cubic-bezier(0.16, 1, 0.3, 1);--ws-ease-grow: cubic-bezier(0.32, 0.72, 0, 1);--ws-ease-shift: cubic-bezier(0.25, 1, 0.5, 1);--ws-ease-morph: cubic-bezier(0.5, 0, 0.15, 1);--ws-ease-sweep: cubic-bezier(0.45, 0, 0.55, 1);--ws-ease-commit: cubic-bezier(0.65, 0, 0.35, 1);--ws-ease-shimmer: cubic-bezier(0.4, 0, 0.2, 1);--ws-ease-ambient: cubic-bezier(0.45, 0, 0.3, 1);--ws-ease-loop: cubic-bezier(0.42, 0, 0.58, 1);--ws-ease-pop: cubic-bezier(0.34, 1.4, 0.64, 1);--ws-ease-lift: cubic-bezier(0.22, 1.25, 0.36, 1);--ws-press-scale: 0.97;--ws-press-scale-round: 0.94;--ws-press-scale-send: 0.92;--ws-open-scale: 0.97;--ws-open-scale-pane: 0.98;--ws-open-scale-toast: 0.96;--ws-pop-scale: 0.94;--ws-grow-scale: 1.16;--ws-dim: 0.3;--ws-nudge: var(--space-xxs);--ws-drop: var(--space-sm);--ws-blur-arrive: 3px;--ws-blur-panel: 8px;--ws-spring-press: linear(0, 0.0207, 0.0748, 0.1513, 0.2416, 0.3384, 0.4362, 0.531, 0.6197, 0.7005, 0.7722, 0.8343, 0.8868, 0.9302, 0.9651, 0.9924, 1.0129, 1.0275, 1.0373, 1.0431, 1.0457, 1.0458, 1.044, 1.041, 1.0372, 1.0328, 1.0283, 1.0239, 1.0196, 1.0157, 1.0122, 1.0091, 1.0065, 1.0042, 1.0024, 1.001, 0.9999, 0.9991, 0.9985, 0.9981, 0.9979, 0.9979, 0.9979, 0.998, 0.9982, 0.9984, 0.9986, 0.9988, 0.999, 0.9992, 0.9994, 0.9995, 0.9996, 0.9998, 0.9998, 1);--ws-spring-press-duration: 450ms;--ws-spring-follow: linear(0, 0.0215, 0.0744, 0.1452, 0.2248, 0.3067, 0.3868, 0.4627, 0.5327, 0.5962, 0.653, 0.7032, 0.7472, 0.7855, 0.8186, 0.847, 0.8713, 0.892, 0.9096, 0.9245, 0.937, 0.9475, 0.9564, 0.9638, 0.97, 0.9751, 0.9794, 0.983, 0.986, 0.9884, 0.9905, 0.9922, 0.9935, 0.9947, 0.9956, 0.9964, 0.9971, 0.9976, 0.998, 0.9984, 0.9987, 0.9989, 0.9991, 0.9993, 0.9994, 0.9995, 0.9996, 0.9997, 1);--ws-spring-follow-duration: 450ms;--ws-spring-pop: linear(0, 0.0212, 0.0745, 0.1471, 0.23, 0.3164, 0.4018, 0.483, 0.5583, 0.6265, 0.6873, 0.7407, 0.7869, 0.8265, 0.8601, 0.8882, 0.9116, 0.9309, 0.9466, 0.9593, 0.9695, 0.9775, 0.9838, 0.9887, 0.9925, 0.9953, 0.9974, 0.9989, 1, 1.0007, 1.0011, 1.0014, 1.0015, 1.0015, 1);--ws-spring-pop-duration: 500ms;--ws-spring-settle: linear(0, 0.0206, 0.0724, 0.1434, 0.2246, 0.3096, 0.3939, 0.4744, 0.5493, 0.6174, 0.6783, 0.732, 0.7788, 0.819, 0.8532, 0.8821, 0.9062, 0.9261, 0.9425, 0.9558, 0.9665, 0.9751, 0.9819, 0.9871, 0.9912, 0.9943, 0.9966, 0.9983, 0.9995, 1.0004, 1.0009, 1.0013, 1.0015, 1.0015, 1);--ws-spring-settle-duration: 450ms;--ws-spring-fold: linear(0, 0.0215, 0.0744, 0.1452, 0.2248, 0.3067, 0.3868, 0.4627, 0.5327, 0.5962, 0.653, 0.7032, 0.7472, 0.7855, 0.8186, 0.847, 0.8713, 0.892, 0.9096, 0.9245, 0.937, 0.9475, 0.9564, 0.9638, 0.97, 0.9751, 0.9794, 0.983, 0.986, 0.9884, 0.9905, 0.9922, 0.9935, 0.9947, 0.9956, 0.9964, 0.9971, 0.9976, 0.998, 0.9984, 0.9987, 0.9989, 0.9991, 0.9993, 1);--ws-spring-fold-duration: 600ms;--ws-spring-indicator: linear(0, 0.0212, 0.0751, 0.1495, 0.2349, 0.3247, 0.4139, 0.499, 0.578, 0.6495, 0.7131, 0.7685, 0.8162, 0.8565, 0.8901, 0.9178, 0.9402, 0.9582, 0.9722, 0.9831, 0.9913, 0.9973, 1.0016, 1.0044, 1.0063, 1.0073, 1.0077, 1.0077, 1.0073, 1.0068, 1.0062, 1.0055, 1.0048, 1.0041, 1.0035, 1.0029, 1.0024, 1.002, 1.0016, 1.0012, 1.0009, 1.0007, 1.0005, 1.0004, 1);--ws-spring-indicator-duration: 700ms;--ws-spring-highlight: linear(0, 0.0207, 0.0731, 0.1454, 0.2285, 0.3158, 0.4027, 0.4858, 0.5631, 0.6334, 0.6962, 0.7513, 0.7989, 0.8396, 0.8739, 0.9024, 0.9259, 0.9449, 0.9602, 0.9723, 0.9817, 0.9889, 0.9943, 0.9982, 1.001, 1.0029, 1.0041, 1.0047, 1.005, 1.005, 1.0048, 1.0045, 1.0041, 1.0036, 1.0032, 1.0028, 1.0024, 1.002, 1.0017, 1.0014, 1.0011, 1.0009, 1.0007, 1);--ws-spring-highlight-duration: 800ms;--ws-spring-nav: linear(0, 0.0209, 0.0734, 0.1452, 0.2271, 0.3128, 0.3976, 0.4784, 0.5535, 0.6217, 0.6826, 0.7361, 0.7826, 0.8225, 0.8565, 0.885, 0.9088, 0.9284, 0.9444, 0.9575, 0.9679, 0.9763, 0.9828, 0.9879, 0.9918, 0.9948, 0.997, 0.9986, 0.9997, 1.0005, 1.001, 1.0013, 1.0015, 1);--ws-spring-nav-duration: 550ms;--ws-spring-reorder: linear(0, 0.0215, 0.0744, 0.1452, 0.2248, 0.3067, 0.3868, 0.4627, 0.5327, 0.5962, 0.653, 0.7032, 0.7472, 0.7855, 0.8186, 0.847, 0.8713, 0.892, 0.9096, 0.9245, 0.937, 0.9475, 0.9564, 0.9638, 0.97, 0.9751, 0.9794, 0.983, 0.986, 0.9884, 0.9905, 0.9922, 0.9935, 0.9947, 0.9956, 0.9964, 0.9971, 0.9976, 0.998, 0.9984, 0.9987, 0.9989, 0.9991, 0.9993, 1);--ws-spring-reorder-duration: 750ms;--ws-spring-tile: linear(0, 0.0213, 0.0743, 0.1461, 0.2276, 0.312, 0.3952, 0.4741, 0.5472, 0.6134, 0.6725, 0.7246, 0.7699, 0.809, 0.8424, 0.8707, 0.8945, 0.9144, 0.931, 0.9447, 0.9559, 0.9651, 0.9725, 0.9785, 0.9833, 0.9872, 0.9902, 0.9926, 0.9945, 0.996, 0.9971, 0.9979, 0.9986, 0.9991, 0.9994, 0.9997, 0.9999, 1, 1.0001, 1.0001, 1.0002, 1);--ws-spring-tile-duration: 450ms;--ws-spring-lane: linear(0, 0.0208, 0.0727, 0.1429, 0.2224, 0.3049, 0.3862, 0.4635, 0.5352, 0.6004, 0.6588, 0.7104, 0.7557, 0.7949, 0.8286, 0.8575, 0.882, 0.9027, 0.9201, 0.9346, 0.9467, 0.9567, 0.965, 0.9718, 0.9773, 0.9819, 0.9856, 0.9886, 0.991, 0.9929, 0.9944, 0.9957, 0.9966, 0.9974, 0.998, 0.9985, 0.9989, 0.9992, 0.9994, 1);--ws-spring-lane-duration: 750ms;--ws-spring-lens: linear(0, 0.0207, 0.0723, 0.1421, 0.2213, 0.3035, 0.3846, 0.4618, 0.5334, 0.5985, 0.657, 0.7087, 0.754, 0.7933, 0.8272, 0.8561, 0.8808, 0.9016, 0.9191, 0.9338, 0.946, 0.9561, 0.9644, 0.9713, 0.9769, 0.9815, 0.9853, 0.9883, 0.9908, 0.9927, 0.9943, 0.9956, 0.9966, 0.9973, 0.998, 0.9985, 0.9988, 0.9991, 0.9994, 0.9995, 1);--ws-spring-lens-duration: 750ms;--ws-spring-swap: linear(0, 0.0208, 0.0726, 0.1431, 0.2232, 0.3066, 0.3888, 0.4672, 0.5399, 0.6061, 0.6653, 0.7176, 0.7633, 0.8028, 0.8367, 0.8655, 0.8899, 0.9104, 0.9274, 0.9415, 0.9532, 0.9628, 0.9705, 0.9769, 0.9819, 0.986, 0.9893, 0.9919, 0.9939, 0.9955, 0.9967, 0.9976, 0.9983, 0.9989, 0.9993, 0.9996, 1);--ws-spring-swap-duration: 900ms;--ws-spring-panel: linear(0, 0.0202, 0.0715, 0.142, 0.223, 0.3082, 0.393, 0.4743, 0.55, 0.6192, 0.6811, 0.7357, 0.7832, 0.8241, 0.8588, 0.888, 0.9123, 0.9323, 0.9486, 0.9617, 0.9722, 0.9804, 0.9868, 0.9917, 0.9954, 0.9981, 1, 1.0013, 1.0022, 1.0027, 1.0029, 1.003, 1);--ws-spring-panel-duration: 550ms;--ws-spring-card: linear(0, 0.0215, 0.0753, 0.1484, 0.2312, 0.3173, 0.4021, 0.4825, 0.5568, 0.6241, 0.6839, 0.7365, 0.782, 0.8211, 0.8542, 0.8821, 0.9054, 0.9247, 0.9406, 0.9535, 0.964, 0.9724, 0.9791, 0.9844, 0.9886, 0.9918, 0.9942, 0.9961, 0.9975, 0.9986, 0.9993, 0.9998, 1.0002, 1);--ws-spring-card-duration: 700ms;--ws-spring-text: linear(0, 0.0204, 0.0726, 0.1454, 0.2301, 0.3199, 0.4099, 0.4966, 0.5776, 0.6514, 0.7173, 0.775, 0.8246, 0.8666, 0.9016, 0.9303, 0.9533, 0.9715, 0.9855, 0.996, 1.0036, 1.0089, 1.0123, 1.0142, 1.0151, 1.0151, 1.0145, 1.0135, 1.0123, 1.011, 1.0096, 1.0083, 1.007, 1.0058, 1.0048, 1.0038, 1.003, 1.0023, 1.0017, 1.0013, 1.0009, 1.0006, 1);--ws-spring-text-duration: 1200ms;--ws-spring-badge: linear(0, 0.0203, 0.0741, 0.1519, 0.2453, 0.3473, 0.4519, 0.5545, 0.6515, 0.7405, 0.8197, 0.8883, 0.946, 0.9929, 1.0296, 1.057, 1.076, 1.0879, 1.0937, 1.0946, 1.0916, 1.0857, 1.0778, 1.0686, 1.0588, 1.0489, 1.0393, 1.0303, 1.0222, 1.015, 1.0088, 1.0036, 0.9995, 0.9963, 0.994, 0.9924, 0.9914, 0.991, 0.9911, 0.9915, 0.9921, 0.9929, 0.9938, 0.9947, 0.9956, 0.9965, 0.9974, 0.9981, 0.9988, 0.9993, 0.9998, 1.0001, 1.0004, 1.0006, 1);--ws-spring-badge-duration: 650ms;--ws-spring-tab: linear(0, 0.0209, 0.0738, 0.1462, 0.2291, 0.316, 0.4021, 0.4843, 0.5605, 0.6298, 0.6915, 0.7457, 0.7927, 0.8328, 0.8667, 0.8951, 0.9185, 0.9377, 0.9532, 0.9656, 0.9754, 0.9831, 0.9889, 0.9934, 0.9967, 0.999, 1.0007, 1.0018, 1.0025, 1.0028, 1);--ws-spring-tab-duration: 500ms;--ws-spring-chip: linear(0, 0.0204, 0.0719, 0.1424, 0.2231, 0.3077, 0.3917, 0.472, 0.5467, 0.6148, 0.6758, 0.7296, 0.7765, 0.8168, 0.8513, 0.8803, 0.9046, 0.9248, 0.9413, 0.9548, 0.9657, 0.9744, 0.9813, 0.9867, 0.9908, 0.994, 0.9964, 0.9981, 0.9994, 1.0003, 1.0009, 1.0012, 1.0014, 1.0015, 1);--ws-spring-chip-duration: 350ms;--ws-spring-glow: linear(0, 0.0214, 0.0742, 0.1449, 0.2243, 0.3061, 0.3862, 0.4619, 0.5319, 0.5954, 0.6522, 0.7025, 0.7465, 0.7849, 0.818, 0.8465, 0.8708, 0.8916, 0.9092, 0.9241, 0.9367, 0.9473, 0.9561, 0.9636, 0.9698, 0.975, 0.9793, 0.9829, 0.9859, 0.9883, 0.9904, 0.9921, 0.9935, 0.9946, 0.9956, 0.9964, 0.997, 0.9976, 0.998, 0.9984, 0.9987, 0.9989, 0.9991, 0.9993, 0.9994, 0.9995, 0.9996, 1);--ws-spring-glow-duration: 600ms;--ws-spring-roll: linear(0, 0.0211, 0.0736, 0.1447, 0.2252, 0.3088, 0.391, 0.4692, 0.5416, 0.6073, 0.666, 0.7179, 0.7631, 0.8023, 0.8358, 0.8644, 0.8885, 0.9088, 0.9258, 0.9398, 0.9515, 0.9611, 0.9689, 0.9753, 0.9805, 0.9846, 0.988, 0.9907, 0.9928, 0.9945, 0.9958, 0.9969, 0.9977, 0.9983, 0.9988, 0.9991, 0.9994, 1);--ws-spring-roll-duration: 700ms;--ws-spring-flag: linear(0, 0.0213, 0.0743, 0.1461, 0.2276, 0.312, 0.3952, 0.4741, 0.5472, 0.6134, 0.6725, 0.7246, 0.7699, 0.809, 0.8424, 0.8707, 0.8945, 0.9144, 0.931, 0.9447, 0.9559, 0.9651, 0.9725, 0.9785, 0.9833, 0.9872, 0.9902, 0.9926, 0.9945, 0.996, 0.9971, 0.9979, 0.9986, 0.9991, 0.9994, 0.9997, 0.9999, 1, 1.0001, 1.0001, 1.0002, 1);--ws-spring-flag-duration: 450ms;--ws-spring-mark: linear(0, 0.0203, 0.0737, 0.1502, 0.2413, 0.34, 0.4407, 0.5388, 0.6313, 0.716, 0.7913, 0.8567, 0.9119, 0.9573, 0.9935, 1.0212, 1.0415, 1.0553, 1.0636, 1.0675, 1.0678, 1.0655, 1.0611, 1.0554, 1.049, 1.0422, 1.0353, 1.0288, 1.0227, 1.0172, 1.0123, 1.0082, 1.0047, 1.0018, 0.9996, 0.9979, 0.9967, 0.996, 0.9955, 1);--ws-spring-mark-duration: 550ms;--ws-spring-morph-chart: linear(0, 0.0211, 0.0737, 0.145, 0.226, 0.3101, 0.3929, 0.4716, 0.5446, 0.6108, 0.6699, 0.7221, 0.7675, 0.8068, 0.8403, 0.8688, 0.8929, 0.913, 0.9297, 0.9436, 0.9549, 0.9643, 0.9718, 0.9779, 0.9828, 0.9868, 0.9899, 0.9924, 0.9943, 0.9958, 0.9969, 0.9978, 0.9985, 0.999, 0.9994, 1);--ws-spring-morph-chart-duration: 1250ms;--ws-spring-orb: linear(0, 0.0206, 0.0749, 0.1526, 0.2449, 0.3447, 0.4463, 0.5451, 0.638, 0.7227, 0.7978, 0.8628, 0.9175, 0.9622, 0.9976, 1.0245, 1.0439, 1.057, 1.0646, 1.0678, 1.0676, 1.0647, 1.06, 1.0541, 1.0475, 1.0405, 1.0337, 1.0272, 1.0212, 1.0158, 1.0111, 1.0071, 1.0038, 1.0011, 0.999, 0.9975, 0.9964, 0.9958, 1);--ws-spring-orb-duration: 850ms;--ws-spring-default: linear(0, 0.021, 0.0743, 0.1478, 0.2322, 0.3209, 0.409, 0.4932, 0.5714, 0.6423, 0.7055, 0.7607, 0.8083, 0.8487, 0.8826, 0.9107, 0.9336, 0.952, 0.9666, 0.978, 0.9868, 0.9933, 0.9981, 1.0015, 1.0038, 1.0052, 1.006, 1.0063, 1.0062, 1.006, 1.0055, 1.005, 1.0045, 1.0039, 1.0034, 1.0029, 1.0024, 1.002, 1.0016, 1.0013, 1.001, 1.0008, 1.0006, 1.0005, 1.0003, 1);--ws-spring-default-duration: 750ms;}:where(:root){--color-surface: var(--color-white);--color-bg-page: #FEFBF9;--color-text-heading: var(--color-brand-navy);--color-text-body: var(--color-gray-7);--color-text-muted: #666666;--color-text-interactive: var(--color-brand-mid-blue);--ws-edge: var(--color-gray-stroke);--ws-edge-card: var(--color-gray-3);--ws-raised: var(--color-bg-page);--ws-on-act: var(--color-white);--ws-edge-hover: #aaa49d;--ws-act-hover: #0f4a73;--ws-agent-tally: #2c4870;--ws-agent-coach: var(--color-stat-positive);--ws-agent-growth: var(--ws-chart-past-half);--ws-agent-recruit: var(--ws-chart-under-half);--ws-tray: var(--color-gray-2);--ws-well-hover: #e4e2df;--ws-frame-top: #ebf0f5;--ws-stage-foot: #fef9f6;--ws-word-needs: #A84B3C;--ws-word-positive: color-mix(in srgb, var(--ws-chart-finished) 76%, var(--color-text-heading));--ws-word-alert: var(--ws-chart-alert);--ws-chart-finished: #098486;--ws-chart-past-half: #6d4fc2;--ws-chart-under-half: var(--color-brand-salmon);--ws-chart-navy-light: #2e6088;--ws-chart-needs-work: #f370a4;--ws-chart-alert: #b1042f;--ws-rating-strong: var(--color-stat-positive);--ws-rating-middle: var(--color-brand-mid-blue);--ws-rating-needs-work: var(--ws-chart-needs-work);--ws-focus-color: var(--color-text-heading);}[data-palette], [data-theme], .fello{--color-surface-stripe: var(--ws-tint-accent);--color-text-primary: color-mix(in srgb, var(--color-text-heading) 50%, #61475f);--color-feedback-error: color-mix(in srgb, var(--ws-chart-under-half) 87.5%, #7f3a04);--color-feedback-success-bg: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(254 250.75 221.5));--color-stat-positive: var(--ws-chart-finished);--color-text-brand-strong: var(--ws-word-needs);--color-text-error-strong: color-mix(in srgb, var(--ws-word-needs) 95%, #944b00);--color-text-success-strong: color-mix(in srgb, var(--ws-word-positive) 20%, rgb(72.75 91.74 3.19));--color-text-placeholder: color-mix(in srgb, var(--color-text-muted) 93.75%, #e6e6e6);--color-border-default: var(--ws-edge);--color-border-hairline: var(--ws-edge-card);--color-nav-hover-bg: color-mix(in srgb, var(--color-text-interactive) 5%, transparent);--shadow-card-default: 0 1px 2px color-mix(in srgb, var(--color-text-heading) 4%, transparent), 0 4px 8px color-mix(in srgb, var(--color-text-heading) 6%, transparent);--shadow-card-hover: 0 4px 8px color-mix(in srgb, var(--color-text-heading) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--color-text-heading) 8%, transparent);--shadow-dropdown: var(--shadow-pill);--shadow-focus-ring: 0 0 0 2px var(--color-bg-page), 0 0 0 4px var(--color-text-heading);--ws-page: color-mix(in srgb, var(--ws-tray) 97.5%, #252525);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-gray-8));--ws-sidebar-hover: color-mix(in srgb, var(--ws-tray) 85%, var(--color-surface));--ws-sidebar-press: var(--ws-tray);--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 87%, var(--color-gray-8));--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 96%, var(--color-gray-8));--ws-well: var(--ws-tray);--ws-field: var(--color-surface);--ws-tint-accent: color-mix(in srgb, var(--color-bg-page) 96%, #4f4c7c);--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 10%, var(--color-surface));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 12%, var(--color-surface));--ws-edge-card-1x: color-mix(in srgb, var(--ws-edge-card) 50%, transparent);--ws-edge-chip: color-mix(in srgb, var(--ws-edge-card) 75%, #ebdbc7);--ws-edge-slot: color-mix(in srgb, var(--ws-edge-card) 62.5%, #fbfbfb);--ws-edge-tray: color-mix(in srgb, var(--ws-tray) 84%, rgb(112 74.5 24.5));--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-track: var(--ws-tray);--ws-field-ink: color-mix(in srgb, var(--color-text-body) 46.25%, #040404);--ws-field-mark: var(--color-text-heading);--ws-ink: var(--color-text-heading);--ws-shade: var(--color-text-heading);--ws-inverse: var(--color-text-heading);--ws-on-inverse: var(--ws-on-act);--ws-control-off: color-mix(in srgb, var(--color-text-muted) 80%, #e3e3e3);--ws-raised-sunk: var(--ws-surface-sunk);--ws-act-light: color-mix(in srgb, var(--ws-on-act) 24%, transparent);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 76%, #fcfcfc);--ws-chart-rest: color-mix(in srgb, var(--ws-tray) 90%, #252525);--ws-ghost: color-mix(in srgb, var(--ws-well-hover) 98%, #b24c17);--ws-veil: color-mix(in srgb, var(--ws-page) 30%, transparent);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 71.25%, #040404);--ws-divider: var(--ws-hairline) solid var(--ws-edge);--ws-divider-inset: inset 0 var(--ws-hairline) 0 var(--ws-edge);--ws-frame: linear-gradient(180deg, var(--ws-frame-top) 0, var(--color-bg-page) 640px) var(--color-bg-page);--ws-stage-wash: linear-gradient(180deg, var(--color-bg-page), var(--ws-stage-foot));--ws-glass: color-mix(in srgb, var(--color-surface) 59%, transparent);--ws-edge-stage: var(--ws-page);--ws-word-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 37.5%, rgb(142.2 4.8 68));--ws-word-past-half: var(--ws-chart-past-half);--ws-tint-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 20%, var(--color-bg-page));--ws-chart-empty: color-mix(in srgb, var(--color-surface) 97.6%, #050505);--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 91%, var(--color-gray-8));--ws-chart-navy-fade: color-mix(in srgb, var(--ws-chart-navy-light) 20%, rgb(198.5 216 229.75));--ws-chart-salmon-fade: color-mix(in srgb, var(--ws-chart-under-half) 25%, #fff2ec);--ws-chart-purple-fade: color-mix(in srgb, var(--ws-chart-past-half) 10%, rgb(227.8888888889 217.8888888889 251.7777777778));--ws-chart-teal-fade: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(217.75 249.5 242.75));--ws-chart-finished-tint: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(196.5 243.25 234));--ws-chart-past-half-tint: color-mix(in srgb, var(--ws-chart-past-half) 15%, rgb(219.5882352941 208.4117647059 251.6470588235));--ws-chart-under-half-tint: color-mix(in srgb, var(--ws-chart-under-half) 20%, rgb(247.5 250.25 224.5));--ws-chart-cell-edge: var(--ws-edge-slot);--ws-shimmer-ground: var(--ws-ghost);--ws-shimmer: linear-gradient(100deg in srgb, var(--ws-shimmer-ground) 0 34%, color-mix(in srgb, var(--ws-shimmer-ground) 30%, var(--color-bg-page)) 50%, var(--ws-shimmer-ground) 66% 100%);--ws-card-tint-blue: color-mix(in srgb, var(--ws-rating-middle) 10%, var(--color-surface));--ws-card-tint-done: color-mix(in srgb, var(--ws-chart-finished) 10%, var(--color-surface));--ws-scrim: color-mix(in srgb, var(--color-text-heading) 35%, transparent);--ws-glow-rose: color-mix(in srgb, var(--ws-chart-under-half) 50%, #ebb8ca);--ws-glow-pink: color-mix(in srgb, var(--ws-chart-needs-work) 90%, #ad167c);--ws-glow-blue: color-mix(in srgb, var(--ws-chart-navy-light) 10%, rgb(57.1111111111 158.2222222222 251.5555555556));--ws-team-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-text-interactive) 14%, transparent), transparent), radial-gradient(70% 75% at 95% 100%, color-mix(in srgb, var(--ws-glow-rose) 22%, transparent), transparent), radial-gradient(55% 60% at 70% 45%, color-mix(in srgb, var(--ws-glow-pink) 8%, transparent), transparent);--ws-cool-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-text-interactive) 16%, transparent), transparent), radial-gradient(60% 70% at 92% 30%, color-mix(in srgb, var(--ws-glow-blue) 10%, transparent), transparent), radial-gradient(70% 60% at 60% 100%, color-mix(in srgb, var(--color-text-heading) 6%, transparent), transparent);--ws-orb: radial-gradient(circle at 30% 30% in srgb, color-mix(in srgb, var(--ws-chart-finished) 37.5%, rgb(26.6 218.4 244.4)), var(--ws-glow-blue) 45%, color-mix(in srgb, var(--ws-chart-past-half) 37.5%, rgb(160.2 122.2 251.6)) 80%);--ws-shadow-hairline: 0 0 0 var(--ws-hairline) var(--ws-edge-card);--ws-shadow-hairline-in: inset 0 0 0 var(--ws-hairline) var(--ws-edge-card);--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray), inset 0 28px 8px 0 rgba(0, 0, 0, 0), inset 0 18px 7px 0 rgba(0, 0, 0, 0.01), inset 0 10px 6px 0 rgba(0, 0, 0, 0.03), inset 0 4px 4px 0 rgba(0, 0, 0, 0.05), inset 0 1px 2px 0 rgba(0, 0, 0, 0.06);--ws-shadow-lift: var(--shadow-card-hover);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 55%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 30%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--ws-ink) 12%, transparent);--ws-shadow-pop: var(--ws-float-rim), 0 12px 32px -16px color-mix(in srgb, var(--ws-shade) 35%, transparent);--ws-shadow-menu: var(--ws-float-rim), 0 16px 32px -16px color-mix(in srgb, var(--ws-shade) 35%, transparent);--ws-shadow-tip: var(--ws-float-rim), 0 16px 32px -20px color-mix(in srgb, var(--ws-shade) 45%, transparent);--ws-shadow-float: var(--ws-float-rim), 0 40px 80px -30px color-mix(in srgb, var(--ws-shade) 30%, transparent), 0 10px 24px -12px color-mix(in srgb, var(--ws-shade) 14%, transparent);--ws-shadow-bar: var(--ws-float-rim), 0 24px 60px -24px color-mix(in srgb, var(--ws-shade) 32%, transparent), 0 2px 10px color-mix(in srgb, var(--ws-shade) 6%, transparent);--ws-hover-faint: color-mix(in srgb, var(--ws-ink) 3.137254902%, transparent);--ws-hover: color-mix(in srgb, var(--ws-ink) 5.0980392157%, transparent);--ws-hover-strong: color-mix(in srgb, var(--ws-ink) 5.8823529412%, transparent);--ws-focus-inset: inset 0 0 0 var(--ws-focus-width) var(--ws-focus-color);}:where([data-palette]){--color-bg-page: #FEFBF9;--ws-frame-top: #ebf0f5;--ws-stage-foot: #fef9f6;--color-surface: var(--color-white);--ws-raised: var(--color-bg-page);--ws-tray: var(--color-gray-2);--ws-edge-card: var(--color-gray-3);--ws-edge: var(--color-gray-stroke);--ws-edge-hover: #aaa49d;--ws-well-hover: #e4e2df;--color-text-heading: var(--color-brand-navy);--color-text-body: var(--color-gray-7);--color-text-muted: #666666;--color-text-interactive: var(--color-brand-mid-blue);--ws-on-act: var(--color-white);--ws-act-hover: #0f4a73;--ws-word-needs: #A84B3C;--ws-focus-color: var(--color-text-heading);--ws-word-positive: color-mix(in srgb, var(--ws-chart-finished) 76%, var(--color-text-heading));--ws-word-alert: var(--ws-chart-alert);--ws-chart-finished: #098486;--ws-chart-past-half: #6d4fc2;--ws-chart-under-half: var(--color-brand-salmon);--ws-chart-navy-light: #2e6088;--ws-chart-needs-work: #f370a4;--ws-chart-alert: #b1042f;--ws-rating-strong: var(--color-stat-positive);--ws-rating-middle: var(--color-brand-mid-blue);--ws-rating-needs-work: var(--ws-chart-needs-work);--ws-agent-coach: var(--color-stat-positive);--ws-agent-growth: var(--ws-chart-past-half);--ws-agent-recruit: var(--ws-chart-under-half);--ws-agent-tally: #2c4870;}[data-theme="light"], [data-theme="system"]{color-scheme: light;--color-bg-page: #FEFBF9;--color-surface: var(--color-white);--ws-raised: var(--color-bg-page);--ws-edge: var(--color-gray-stroke);--ws-edge-card: var(--color-gray-3);--color-text-heading: var(--color-brand-navy);--color-text-body: var(--color-gray-7);--color-text-muted: #666666;--color-text-interactive: var(--color-brand-mid-blue);--ws-word-needs: #A84B3C;--ws-word-positive: color-mix(in srgb, var(--ws-chart-finished) 76%, var(--color-text-heading));--ws-on-act: var(--color-white);--ws-chart-finished: #098486;--ws-chart-past-half: #6d4fc2;--ws-chart-navy-light: #2e6088;--color-alert: #e90f0f;--ws-ink-rgb: 9, 53, 85;--ws-shade-rgb: 9, 53, 85;--ws-tray: var(--color-gray-2);--ws-well-hover: #e4e2df;--ws-frame-top: #ebf0f5;--ws-stage-foot: #fef9f6;--ws-chart-alert: #b1042f;--ws-rating-middle: var(--color-brand-mid-blue);--ws-edge-hover: #aaa49d;--ws-act-hover: #0f4a73;--ws-agent-tally: #2c4870;--ws-word-alert: var(--ws-chart-alert);--ws-focus-color: var(--color-text-heading);--ws-chart-under-half: var(--color-brand-salmon);--ws-rating-strong: var(--color-stat-positive);--ws-rating-needs-work: var(--ws-chart-needs-work);--ws-agent-coach: var(--color-stat-positive);--ws-agent-growth: var(--ws-chart-past-half);--ws-agent-recruit: var(--ws-chart-under-half);}@scope ([data-theme="light"], [data-theme="system"]){:scope, [data-palette], .fello{--ws-page: color-mix(in srgb, var(--ws-tray) 97.5%, #252525);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-gray-8));--ws-well: var(--ws-tray);--ws-field: var(--color-surface);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-gray-8));--ws-sidebar-hover: color-mix(in srgb, var(--ws-tray) 85%, var(--color-surface));--ws-sidebar-press: var(--ws-tray);--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 96%, var(--color-gray-8));--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 87%, var(--color-gray-8));--ws-tint-accent: color-mix(in srgb, var(--color-bg-page) 96%, #4f4c7c);--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 10%, var(--color-surface));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 12%, var(--color-surface));--ws-card-tint-blue: color-mix(in srgb, var(--ws-rating-middle) 10%, var(--color-surface));--ws-card-tint-done: color-mix(in srgb, var(--ws-chart-finished) 10%, var(--color-surface));--ws-track: var(--ws-tray);--color-dropdown-bg: #fcfaf9;--color-feedback-success-bg: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(254 250.75 221.5));--ws-scrim: color-mix(in srgb, var(--color-text-heading) 35%, transparent);--ws-edge-chip: color-mix(in srgb, var(--ws-edge-card) 75%, #ebdbc7);--ws-edge-slot: color-mix(in srgb, var(--ws-edge-card) 62.5%, #fbfbfb);--ws-edge-tray: color-mix(in srgb, var(--ws-tray) 84%, rgb(112 74.5 24.5));--color-text-placeholder: color-mix(in srgb, var(--color-text-muted) 93.75%, #e6e6e6);--color-text-primary: color-mix(in srgb, var(--color-text-heading) 50%, #61475f);--color-text-error-strong: color-mix(in srgb, var(--ws-word-needs) 95%, #944b00);--color-text-success-strong: color-mix(in srgb, var(--ws-word-positive) 20%, rgb(72.75 91.74 3.19));--color-feedback-success-text: #4f7d24;--ws-field-ink: color-mix(in srgb, var(--color-text-body) 46.25%, #040404);--color-stat-positive: var(--ws-chart-finished);--ws-chart-empty: color-mix(in srgb, var(--color-surface) 97.6%, #050505);--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 91%, var(--color-gray-8));--ws-chart-navy-fade: color-mix(in srgb, var(--ws-chart-navy-light) 20%, rgb(198.5 216 229.75));--ws-chart-salmon-fade: color-mix(in srgb, var(--ws-chart-under-half) 25%, #fff2ec);--ws-chart-purple-fade: color-mix(in srgb, var(--ws-chart-past-half) 10%, rgb(227.8888888889 217.8888888889 251.7777777778));--ws-chart-teal-fade: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(217.75 249.5 242.75));--ws-chart-finished-tint: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(196.5 243.25 234));--ws-chart-past-half-tint: color-mix(in srgb, var(--ws-chart-past-half) 15%, rgb(219.5882352941 208.4117647059 251.6470588235));--ws-chart-under-half-tint: color-mix(in srgb, var(--ws-chart-under-half) 20%, rgb(247.5 250.25 224.5));--color-feedback-error: color-mix(in srgb, var(--ws-chart-under-half) 87.5%, #7f3a04);--ws-shade: var(--color-text-heading);--color-nav-hover-bg: color-mix(in srgb, var(--color-text-interactive) 5%, transparent);--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray), inset 0 28px 8px 0 rgba(0, 0, 0, 0), inset 0 18px 7px 0 rgba(0, 0, 0, 0.01), inset 0 10px 6px 0 rgba(0, 0, 0, 0.03), inset 0 4px 4px 0 rgba(0, 0, 0, 0.05), inset 0 1px 2px 0 rgba(0, 0, 0, 0.06);--ws-shadow-lift: var(--shadow-card-hover);--shadow-card-default: 0 1px 2px color-mix(in srgb, var(--color-text-heading) 4%, transparent), 0 4px 8px color-mix(in srgb, var(--color-text-heading) 6%, transparent);--shadow-card-hover: 0 4px 8px color-mix(in srgb, var(--color-text-heading) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--color-text-heading) 8%, transparent);--shadow-dropdown: var(--shadow-pill);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 55%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 30%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--ws-ink) 12%, transparent);--ws-glow-blue: color-mix(in srgb, var(--ws-chart-navy-light) 10%, rgb(57.1111111111 158.2222222222 251.5555555556));--ws-cool-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-text-interactive) 16%, transparent), transparent), radial-gradient(60% 70% at 92% 30%, color-mix(in srgb, var(--ws-glow-blue) 10%, transparent), transparent), radial-gradient(70% 60% at 60% 100%, color-mix(in srgb, var(--color-text-heading) 6%, transparent), transparent);--ws-team-glow: radial-gradient(75% 70% at 10% 0%, color-mix(in srgb, var(--color-text-interactive) 14%, transparent), transparent), radial-gradient(70% 75% at 95% 100%, color-mix(in srgb, var(--ws-glow-rose) 22%, transparent), transparent), radial-gradient(55% 60% at 70% 45%, color-mix(in srgb, var(--ws-glow-pink) 8%, transparent), transparent);--ws-orb: radial-gradient(circle at 30% 30% in srgb, color-mix(in srgb, var(--ws-chart-finished) 37.5%, rgb(26.6 218.4 244.4)), var(--ws-glow-blue) 45%, color-mix(in srgb, var(--ws-chart-past-half) 37.5%, rgb(160.2 122.2 251.6)) 80%);--ws-edge-card-1x: color-mix(in srgb, var(--ws-edge-card) 50%, transparent);--ws-frame: linear-gradient(180deg, var(--ws-frame-top) 0, var(--color-bg-page) 640px) var(--color-bg-page);--ws-stage-wash: linear-gradient(180deg, var(--color-bg-page), var(--ws-stage-foot));--ws-glass: color-mix(in srgb, var(--color-surface) 59%, transparent);--ws-edge-stage: var(--ws-page);--ws-float-rim: 0 0 0 0 transparent;--ws-word-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 37.5%, rgb(142.2 4.8 68));--ws-tint-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 20%, var(--color-bg-page));--ws-raised-sunk: var(--ws-surface-sunk);--ws-act-light: color-mix(in srgb, var(--ws-on-act) 24%, transparent);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 76%, #fcfcfc);--ws-control-off: color-mix(in srgb, var(--color-text-muted) 80%, #e3e3e3);--ws-shimmer: linear-gradient(100deg in srgb, var(--ws-shimmer-ground) 0 34%, color-mix(in srgb, var(--ws-shimmer-ground) 30%, var(--color-bg-page)) 50%, var(--ws-shimmer-ground) 66% 100%);--ws-inverse: var(--color-text-heading);--ws-on-inverse: var(--ws-on-act);--ws-chart-rest: color-mix(in srgb, var(--ws-tray) 90%, #252525);--ws-ghost: color-mix(in srgb, var(--ws-well-hover) 98%, #b24c17);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 71.25%, #040404);--ws-field-mark: var(--color-text-heading);--ws-word-past-half: var(--ws-chart-past-half);}}@scope ([data-theme="light"], [data-theme="system"]){:where([data-palette]){--color-bg-page: #FEFBF9;--ws-frame-top: #ebf0f5;--ws-stage-foot: #fef9f6;--color-surface: var(--color-white);--ws-raised: var(--color-bg-page);--ws-tray: var(--color-gray-2);--ws-edge-card: var(--color-gray-3);--ws-edge: var(--color-gray-stroke);--ws-edge-hover: #aaa49d;--ws-well-hover: #e4e2df;--color-text-heading: var(--color-brand-navy);--color-text-body: var(--color-gray-7);--color-text-muted: #666666;--color-text-interactive: var(--color-brand-mid-blue);--ws-on-act: var(--color-white);--ws-act-hover: #0f4a73;--ws-word-needs: #A84B3C;--ws-word-positive: color-mix(in srgb, var(--ws-chart-finished) 76%, var(--color-text-heading));--ws-word-alert: var(--ws-chart-alert);--ws-chart-finished: #098486;--ws-chart-past-half: #6d4fc2;--ws-chart-navy-light: #2e6088;--ws-chart-alert: #b1042f;--ws-rating-middle: var(--color-brand-mid-blue);--ws-agent-tally: #2c4870;}}[data-theme="dark"]{color-scheme: dark;--ws-page: color-mix(in srgb, var(--color-bg-page) 50%, #05090e);--color-bg-page: #0F1922;--color-surface: #131E28;--ws-raised: #16222D;--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 93.75%, #8fb9e2);--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, #a5cdfe);--ws-well: color-mix(in srgb, var(--ws-tray) 20%, rgb(6.25 14.25 21));--ws-field: color-mix(in srgb, var(--color-bg-page) 50%, #070f16);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 80%, #000509);--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 98.5%, #d7e1ea);--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 95%, #afcdfe);--ws-menu-hover: var(--ws-surface-press);--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 80%, #6e8cb8);--ws-tint-accent: var(--color-surface);--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 13.05%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 12.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-bg-page) 90%, #879bf4);--ws-card-tint-done: color-mix(in srgb, var(--ws-chart-finished) 10.4%, var(--color-bg-page));--ws-track: color-mix(in srgb, var(--ws-tray) 80%, #0a1215);--color-dropdown-bg: var(--ws-raised);--color-feedback-success-bg: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(25 16.75 1.75));--ws-scrim: color-mix(in srgb, color-mix(in srgb, var(--ws-page) 20%, rgb(0 3.25 6.5)) 62%, transparent);--ws-edge: #1E2A36;--ws-edge-card: #273544;--ws-edge-chip: color-mix(in srgb, var(--ws-edge-card) 96%, #a4cbf3);--ws-edge-slot: color-mix(in srgb, var(--ws-edge-card) 75%, #071118);--ws-edge-tray: color-mix(in srgb, var(--ws-tray) 90%, #aacbf6);--color-text-heading: #E8EDF3;--color-text-body: #B0BBC7;--color-text-muted: #8494A5;--color-text-placeholder: var(--color-text-muted);--color-text-interactive: #93A6DC;--color-text-primary: color-mix(in srgb, var(--color-text-heading) 53.5%, var(--color-text-body));--ws-word-needs: #FF8B78;--color-text-error-strong: var(--ws-word-needs);--ws-word-positive: #4FC7BE;--color-text-success-strong: color-mix(in srgb, var(--ws-word-positive) 20%, #aed15f);--color-feedback-success-text: var(--color-text-success-strong);--ws-field-ink: color-mix(in srgb, var(--color-text-heading) 88%, var(--color-text-body));--ws-on-act: var(--color-bg-page);--color-stat-positive: color-mix(in srgb, var(--ws-chart-finished) 80%, #9bf8ee);--ws-chart-finished: #23A8A3;--ws-chart-past-half: #9A84EE;--ws-chart-navy-light: #6E9CC4;--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 90%, #91afd6);--ws-chart-navy-fade: color-mix(in srgb, var(--ws-chart-navy-light) 36.2%, var(--color-bg-page));--ws-chart-salmon-fade: color-mix(in srgb, var(--ws-chart-under-half) 33.2%, var(--color-bg-page));--ws-chart-purple-fade: color-mix(in srgb, var(--ws-chart-past-half) 31.3%, var(--color-bg-page));--ws-chart-teal-fade: color-mix(in srgb, var(--ws-chart-finished) 29.8%, var(--color-bg-page));--ws-chart-finished-tint: color-mix(in srgb, var(--ws-chart-finished) 36.8%, var(--color-bg-page));--ws-chart-past-half-tint: color-mix(in srgb, var(--ws-chart-past-half) 32.2%, var(--color-bg-page));--ws-chart-under-half-tint: color-mix(in srgb, var(--ws-chart-under-half) 20%, rgb(30 44 30.75));--color-feedback-error: color-mix(in srgb, var(--ws-chart-under-half) 90%, #ffe0a2);--color-alert: #FF5A5A;--ws-ink-rgb: 232, 237, 243;--ws-shade-rgb: 0, 0, 0;--ws-shade: #000;--color-nav-hover-bg: color-mix(in srgb, var(--ws-ink) 4%, transparent);--ws-shadow-band: inset 0 0.5px 0 color-mix(in srgb, var(--ws-tray) 96%, #82a8ce), inset 0 10px 6px 0 rgba(0, 0, 0, 0.06), inset 0 4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 2px 0 rgba(0, 0, 0, 0.14);--ws-shadow-lift: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 6px 14px rgba(0, 0, 0, 0.32), 0 16px 40px rgba(0, 0, 0, 0.42);--shadow-card-default: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.24);--shadow-card-hover: var(--ws-shadow-lift);--shadow-dropdown: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 8px 17px rgba(0, 0, 0, 0.3), 0 30px 30px rgba(0, 0, 0, 0.26), 0 68px 41px rgba(0, 0, 0, 0.16);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 70%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 32%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--ws-ink) 14%, transparent);--ws-glow-blue: color-mix(in srgb, var(--ws-chart-navy-light) 20%, rgb(42.5 151 251));--ws-cool-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-team-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), radial-gradient(70% 80% at 0% 90%, color-mix(in srgb, var(--ws-chart-under-half) 12%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-orb: radial-gradient(circle at 30% 30% in srgb, color-mix(in srgb, var(--ws-chart-finished) 50%, #05ccf3), var(--ws-glow-blue) 45%, color-mix(in srgb, var(--ws-chart-past-half) 80%, #5902c6) 80%);--ws-tray: #1E2B38;--ws-edge-card-1x: var(--ws-edge-card);--ws-well-hover: #273544;--ws-frame: var(--ws-frame-top);--ws-frame-top: var(--ws-page);--ws-stage-foot: var(--color-bg-page);--ws-stage-wash: var(--color-bg-page);--ws-glass: color-mix(in srgb, var(--color-bg-page) 59%, transparent);--ws-edge-stage: var(--ws-edge-card);--ws-float-rim: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent);--ws-chart-alert: #FF5470;--ws-word-needs-work: var(--ws-chart-needs-work);--ws-tint-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 18%, var(--color-bg-page));--ws-rating-middle: var(--color-text-interactive);--ws-raised-sunk: var(--ws-surface-press);--ws-edge-hover: var(--color-text-muted);--ws-act-hover: color-mix(in srgb, var(--color-text-heading) 92%, var(--ws-on-act));--ws-act-light: transparent;--ws-agent-tally: var(--color-text-heading);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 79.8%, var(--color-bg-page));--ws-control-off: color-mix(in srgb, var(--color-text-muted) 50%, #7a6a59);--ws-shimmer: linear-gradient(100deg in srgb, var(--ws-shimmer-ground) 0 34%, color-mix(in srgb, var(--ws-shimmer-ground) 93%, var(--ws-ink)) 50%, var(--ws-shimmer-ground) 66% 100%);--ws-inverse: var(--color-bg-dark);--ws-on-inverse: var(--color-white);--ws-chart-rest: var(--ws-edge-card);--ws-ghost: var(--ws-well-hover);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--ws-field-ink));--ws-focus-color: var(--color-text-heading);--ws-word-alert: var(--ws-chart-alert);--ws-chart-under-half: var(--color-brand-salmon);--ws-rating-strong: var(--color-stat-positive);--ws-rating-needs-work: var(--ws-chart-needs-work);--ws-agent-coach: var(--color-stat-positive);--ws-agent-growth: var(--ws-chart-past-half);--ws-agent-recruit: var(--ws-chart-under-half);}@scope ([data-theme="dark"]){:scope, [data-palette], .fello{--ws-page: color-mix(in srgb, var(--color-bg-page) 50%, #05090e);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 93.75%, #8fb9e2);--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, #a5cdfe);--ws-well: color-mix(in srgb, var(--ws-tray) 20%, rgb(6.25 14.25 21));--ws-field: color-mix(in srgb, var(--color-bg-page) 50%, #070f16);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 80%, #000509);--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 98.5%, #d7e1ea);--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 95%, #afcdfe);--ws-menu-hover: var(--ws-surface-press);--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 80%, #6e8cb8);--ws-tint-accent: var(--color-surface);--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 13.05%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 12.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-bg-page) 90%, #879bf4);--ws-card-tint-done: color-mix(in srgb, var(--ws-chart-finished) 10.4%, var(--color-bg-page));--ws-track: color-mix(in srgb, var(--ws-tray) 80%, #0a1215);--color-dropdown-bg: var(--ws-raised);--color-feedback-success-bg: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(25 16.75 1.75));--ws-scrim: color-mix(in srgb, color-mix(in srgb, var(--ws-page) 20%, rgb(0 3.25 6.5)) 62%, transparent);--ws-edge-chip: color-mix(in srgb, var(--ws-edge-card) 96%, #a4cbf3);--ws-edge-slot: color-mix(in srgb, var(--ws-edge-card) 75%, #071118);--ws-edge-tray: color-mix(in srgb, var(--ws-tray) 90%, #aacbf6);--color-text-placeholder: var(--color-text-muted);--color-text-primary: color-mix(in srgb, var(--color-text-heading) 53.5%, var(--color-text-body));--color-text-error-strong: var(--ws-word-needs);--color-text-success-strong: color-mix(in srgb, var(--ws-word-positive) 20%, #aed15f);--color-feedback-success-text: var(--color-text-success-strong);--ws-field-ink: color-mix(in srgb, var(--color-text-heading) 88%, var(--color-text-body));--color-stat-positive: color-mix(in srgb, var(--ws-chart-finished) 80%, #9bf8ee);--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 90%, #91afd6);--ws-chart-navy-fade: color-mix(in srgb, var(--ws-chart-navy-light) 36.2%, var(--color-bg-page));--ws-chart-salmon-fade: color-mix(in srgb, var(--ws-chart-under-half) 33.2%, var(--color-bg-page));--ws-chart-purple-fade: color-mix(in srgb, var(--ws-chart-past-half) 31.3%, var(--color-bg-page));--ws-chart-teal-fade: color-mix(in srgb, var(--ws-chart-finished) 29.8%, var(--color-bg-page));--ws-chart-finished-tint: color-mix(in srgb, var(--ws-chart-finished) 36.8%, var(--color-bg-page));--ws-chart-past-half-tint: color-mix(in srgb, var(--ws-chart-past-half) 32.2%, var(--color-bg-page));--ws-chart-under-half-tint: color-mix(in srgb, var(--ws-chart-under-half) 20%, rgb(30 44 30.75));--color-feedback-error: color-mix(in srgb, var(--ws-chart-under-half) 90%, #ffe0a2);--ws-shade: #000;--color-nav-hover-bg: color-mix(in srgb, var(--ws-ink) 4%, transparent);--ws-shadow-band: inset 0 0.5px 0 color-mix(in srgb, var(--ws-tray) 96%, #82a8ce), inset 0 10px 6px 0 rgba(0, 0, 0, 0.06), inset 0 4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 2px 0 rgba(0, 0, 0, 0.14);--ws-shadow-lift: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 6px 14px rgba(0, 0, 0, 0.32), 0 16px 40px rgba(0, 0, 0, 0.42);--shadow-card-default: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.24);--shadow-card-hover: var(--ws-shadow-lift);--shadow-dropdown: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 8px 17px rgba(0, 0, 0, 0.3), 0 30px 30px rgba(0, 0, 0, 0.26), 0 68px 41px rgba(0, 0, 0, 0.16);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 70%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 32%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--ws-ink) 14%, transparent);--ws-glow-blue: color-mix(in srgb, var(--ws-chart-navy-light) 20%, rgb(42.5 151 251));--ws-cool-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-team-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), radial-gradient(70% 80% at 0% 90%, color-mix(in srgb, var(--ws-chart-under-half) 12%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-orb: radial-gradient(circle at 30% 30% in srgb, color-mix(in srgb, var(--ws-chart-finished) 50%, #05ccf3), var(--ws-glow-blue) 45%, color-mix(in srgb, var(--ws-chart-past-half) 80%, #5902c6) 80%);--ws-edge-card-1x: var(--ws-edge-card);--ws-frame: var(--ws-frame-top);--ws-stage-wash: var(--color-bg-page);--ws-glass: color-mix(in srgb, var(--color-bg-page) 59%, transparent);--ws-edge-stage: var(--ws-edge-card);--ws-float-rim: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent);--ws-word-needs-work: var(--ws-chart-needs-work);--ws-tint-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 18%, var(--color-bg-page));--ws-raised-sunk: var(--ws-surface-press);--ws-act-light: transparent;--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 79.8%, var(--color-bg-page));--ws-control-off: color-mix(in srgb, var(--color-text-muted) 50%, #7a6a59);--ws-shimmer: linear-gradient(100deg in srgb, var(--ws-shimmer-ground) 0 34%, color-mix(in srgb, var(--ws-shimmer-ground) 93%, var(--ws-ink)) 50%, var(--ws-shimmer-ground) 66% 100%);--ws-inverse: var(--color-bg-dark);--ws-on-inverse: var(--color-white);--ws-chart-rest: var(--ws-edge-card);--ws-ghost: var(--ws-well-hover);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--ws-field-ink));}}@scope ([data-theme="dark"]){:where([data-palette]){--color-bg-page: #0F1922;--ws-frame-top: var(--ws-page);--ws-stage-foot: var(--color-bg-page);--color-surface: #131E28;--ws-raised: #16222D;--ws-tray: #1E2B38;--ws-edge-card: #273544;--ws-edge: #1E2A36;--ws-edge-hover: var(--color-text-muted);--ws-well-hover: #273544;--color-text-heading: #E8EDF3;--color-text-body: #B0BBC7;--color-text-muted: #8494A5;--color-text-interactive: #93A6DC;--ws-on-act: var(--color-bg-page);--ws-act-hover: color-mix(in srgb, var(--color-text-heading) 92%, var(--ws-on-act));--ws-word-needs: #FF8B78;--ws-word-positive: #4FC7BE;--ws-chart-finished: #23A8A3;--ws-chart-past-half: #9A84EE;--ws-chart-navy-light: #6E9CC4;--ws-chart-alert: #FF5470;--ws-rating-middle: var(--color-text-interactive);--ws-agent-tally: var(--color-text-heading);}}@media (prefers-color-scheme: dark){[data-theme="system"]{color-scheme: dark;--ws-page: color-mix(in srgb, var(--color-bg-page) 50%, #05090e);--color-bg-page: #0F1922;--color-surface: #131E28;--ws-raised: #16222D;--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 93.75%, #8fb9e2);--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, #a5cdfe);--ws-well: color-mix(in srgb, var(--ws-tray) 20%, rgb(6.25 14.25 21));--ws-field: color-mix(in srgb, var(--color-bg-page) 50%, #070f16);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 80%, #000509);--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 98.5%, #d7e1ea);--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 95%, #afcdfe);--ws-menu-hover: var(--ws-surface-press);--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 80%, #6e8cb8);--ws-tint-accent: var(--color-surface);--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 13.05%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 12.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-bg-page) 90%, #879bf4);--ws-card-tint-done: color-mix(in srgb, var(--ws-chart-finished) 10.4%, var(--color-bg-page));--ws-track: color-mix(in srgb, var(--ws-tray) 80%, #0a1215);--color-dropdown-bg: var(--ws-raised);--color-feedback-success-bg: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(25 16.75 1.75));--ws-scrim: color-mix(in srgb, color-mix(in srgb, var(--ws-page) 20%, rgb(0 3.25 6.5)) 62%, transparent);--ws-edge: #1E2A36;--ws-edge-card: #273544;--ws-edge-chip: color-mix(in srgb, var(--ws-edge-card) 96%, #a4cbf3);--ws-edge-slot: color-mix(in srgb, var(--ws-edge-card) 75%, #071118);--ws-edge-tray: color-mix(in srgb, var(--ws-tray) 90%, #aacbf6);--color-text-heading: #E8EDF3;--color-text-body: #B0BBC7;--color-text-muted: #8494A5;--color-text-placeholder: var(--color-text-muted);--color-text-interactive: #93A6DC;--color-text-primary: color-mix(in srgb, var(--color-text-heading) 53.5%, var(--color-text-body));--ws-word-needs: #FF8B78;--color-text-error-strong: var(--ws-word-needs);--ws-word-positive: #4FC7BE;--color-text-success-strong: color-mix(in srgb, var(--ws-word-positive) 20%, #aed15f);--color-feedback-success-text: var(--color-text-success-strong);--ws-field-ink: color-mix(in srgb, var(--color-text-heading) 88%, var(--color-text-body));--ws-on-act: var(--color-bg-page);--color-stat-positive: color-mix(in srgb, var(--ws-chart-finished) 80%, #9bf8ee);--ws-chart-finished: #23A8A3;--ws-chart-past-half: #9A84EE;--ws-chart-navy-light: #6E9CC4;--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 90%, #91afd6);--ws-chart-navy-fade: color-mix(in srgb, var(--ws-chart-navy-light) 36.2%, var(--color-bg-page));--ws-chart-salmon-fade: color-mix(in srgb, var(--ws-chart-under-half) 33.2%, var(--color-bg-page));--ws-chart-purple-fade: color-mix(in srgb, var(--ws-chart-past-half) 31.3%, var(--color-bg-page));--ws-chart-teal-fade: color-mix(in srgb, var(--ws-chart-finished) 29.8%, var(--color-bg-page));--ws-chart-finished-tint: color-mix(in srgb, var(--ws-chart-finished) 36.8%, var(--color-bg-page));--ws-chart-past-half-tint: color-mix(in srgb, var(--ws-chart-past-half) 32.2%, var(--color-bg-page));--ws-chart-under-half-tint: color-mix(in srgb, var(--ws-chart-under-half) 20%, rgb(30 44 30.75));--color-feedback-error: color-mix(in srgb, var(--ws-chart-under-half) 90%, #ffe0a2);--color-alert: #FF5A5A;--ws-ink-rgb: 232, 237, 243;--ws-shade-rgb: 0, 0, 0;--ws-shade: #000;--color-nav-hover-bg: color-mix(in srgb, var(--ws-ink) 4%, transparent);--ws-shadow-band: inset 0 0.5px 0 color-mix(in srgb, var(--ws-tray) 96%, #82a8ce), inset 0 10px 6px 0 rgba(0, 0, 0, 0.06), inset 0 4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 2px 0 rgba(0, 0, 0, 0.14);--ws-shadow-lift: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 6px 14px rgba(0, 0, 0, 0.32), 0 16px 40px rgba(0, 0, 0, 0.42);--shadow-card-default: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.24);--shadow-card-hover: var(--ws-shadow-lift);--shadow-dropdown: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 8px 17px rgba(0, 0, 0, 0.3), 0 30px 30px rgba(0, 0, 0, 0.26), 0 68px 41px rgba(0, 0, 0, 0.16);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 70%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 32%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--ws-ink) 14%, transparent);--ws-glow-blue: color-mix(in srgb, var(--ws-chart-navy-light) 20%, rgb(42.5 151 251));--ws-cool-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-team-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), radial-gradient(70% 80% at 0% 90%, color-mix(in srgb, var(--ws-chart-under-half) 12%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-orb: radial-gradient(circle at 30% 30% in srgb, color-mix(in srgb, var(--ws-chart-finished) 50%, #05ccf3), var(--ws-glow-blue) 45%, color-mix(in srgb, var(--ws-chart-past-half) 80%, #5902c6) 80%);--ws-tray: #1E2B38;--ws-edge-card-1x: var(--ws-edge-card);--ws-well-hover: #273544;--ws-frame: var(--ws-frame-top);--ws-frame-top: var(--ws-page);--ws-stage-foot: var(--color-bg-page);--ws-stage-wash: var(--color-bg-page);--ws-glass: color-mix(in srgb, var(--color-bg-page) 59%, transparent);--ws-edge-stage: var(--ws-edge-card);--ws-float-rim: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent);--ws-chart-alert: #FF5470;--ws-word-needs-work: var(--ws-chart-needs-work);--ws-tint-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 18%, var(--color-bg-page));--ws-rating-middle: var(--color-text-interactive);--ws-raised-sunk: var(--ws-surface-press);--ws-edge-hover: var(--color-text-muted);--ws-act-hover: color-mix(in srgb, var(--color-text-heading) 92%, var(--ws-on-act));--ws-act-light: transparent;--ws-agent-tally: var(--color-text-heading);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 79.8%, var(--color-bg-page));--ws-control-off: color-mix(in srgb, var(--color-text-muted) 50%, #7a6a59);--ws-shimmer: linear-gradient(100deg in srgb, var(--ws-shimmer-ground) 0 34%, color-mix(in srgb, var(--ws-shimmer-ground) 93%, var(--ws-ink)) 50%, var(--ws-shimmer-ground) 66% 100%);--ws-inverse: var(--color-bg-dark);--ws-on-inverse: var(--color-white);--ws-chart-rest: var(--ws-edge-card);--ws-ghost: var(--ws-well-hover);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--ws-field-ink));--ws-focus-color: var(--color-text-heading);--ws-word-alert: var(--ws-chart-alert);--ws-chart-under-half: var(--color-brand-salmon);--ws-rating-strong: var(--color-stat-positive);--ws-rating-needs-work: var(--ws-chart-needs-work);--ws-agent-coach: var(--color-stat-positive);--ws-agent-growth: var(--ws-chart-past-half);--ws-agent-recruit: var(--ws-chart-under-half);}@scope ([data-theme="system"]){:scope, [data-palette], .fello{--ws-page: color-mix(in srgb, var(--color-bg-page) 50%, #05090e);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 93.75%, #8fb9e2);--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 90%, #a5cdfe);--ws-well: color-mix(in srgb, var(--ws-tray) 20%, rgb(6.25 14.25 21));--ws-field: color-mix(in srgb, var(--color-bg-page) 50%, #070f16);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 80%, #000509);--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 98.5%, #d7e1ea);--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 95%, #afcdfe);--ws-menu-hover: var(--ws-surface-press);--ws-menu-line: color-mix(in srgb, var(--color-bg-page) 80%, #6e8cb8);--ws-tint-accent: var(--color-surface);--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 13.05%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 12.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-bg-page) 90%, #879bf4);--ws-card-tint-done: color-mix(in srgb, var(--ws-chart-finished) 10.4%, var(--color-bg-page));--ws-track: color-mix(in srgb, var(--ws-tray) 80%, #0a1215);--color-dropdown-bg: var(--ws-raised);--color-feedback-success-bg: color-mix(in srgb, var(--ws-chart-finished) 20%, rgb(25 16.75 1.75));--ws-scrim: color-mix(in srgb, color-mix(in srgb, var(--ws-page) 20%, rgb(0 3.25 6.5)) 62%, transparent);--ws-edge-chip: color-mix(in srgb, var(--ws-edge-card) 96%, #a4cbf3);--ws-edge-slot: color-mix(in srgb, var(--ws-edge-card) 75%, #071118);--ws-edge-tray: color-mix(in srgb, var(--ws-tray) 90%, #aacbf6);--color-text-placeholder: var(--color-text-muted);--color-text-primary: color-mix(in srgb, var(--color-text-heading) 53.5%, var(--color-text-body));--color-text-error-strong: var(--ws-word-needs);--color-text-success-strong: color-mix(in srgb, var(--ws-word-positive) 20%, #aed15f);--color-feedback-success-text: var(--color-text-success-strong);--ws-field-ink: color-mix(in srgb, var(--color-text-heading) 88%, var(--color-text-body));--color-stat-positive: color-mix(in srgb, var(--ws-chart-finished) 80%, #9bf8ee);--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--color-bg-page) 90%, #91afd6);--ws-chart-navy-fade: color-mix(in srgb, var(--ws-chart-navy-light) 36.2%, var(--color-bg-page));--ws-chart-salmon-fade: color-mix(in srgb, var(--ws-chart-under-half) 33.2%, var(--color-bg-page));--ws-chart-purple-fade: color-mix(in srgb, var(--ws-chart-past-half) 31.3%, var(--color-bg-page));--ws-chart-teal-fade: color-mix(in srgb, var(--ws-chart-finished) 29.8%, var(--color-bg-page));--ws-chart-finished-tint: color-mix(in srgb, var(--ws-chart-finished) 36.8%, var(--color-bg-page));--ws-chart-past-half-tint: color-mix(in srgb, var(--ws-chart-past-half) 32.2%, var(--color-bg-page));--ws-chart-under-half-tint: color-mix(in srgb, var(--ws-chart-under-half) 20%, rgb(30 44 30.75));--color-feedback-error: color-mix(in srgb, var(--ws-chart-under-half) 90%, #ffe0a2);--ws-shade: #000;--color-nav-hover-bg: color-mix(in srgb, var(--ws-ink) 4%, transparent);--ws-shadow-band: inset 0 0.5px 0 color-mix(in srgb, var(--ws-tray) 96%, #82a8ce), inset 0 10px 6px 0 rgba(0, 0, 0, 0.06), inset 0 4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 2px 0 rgba(0, 0, 0, 0.14);--ws-shadow-lift: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 6px 14px rgba(0, 0, 0, 0.32), 0 16px 40px rgba(0, 0, 0, 0.42);--shadow-card-default: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.24);--shadow-card-hover: var(--ws-shadow-lift);--shadow-dropdown: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent), 0 8px 17px rgba(0, 0, 0, 0.3), 0 30px 30px rgba(0, 0, 0, 0.26), 0 68px 41px rgba(0, 0, 0, 0.16);--ws-ring-selected: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 70%, transparent);--ws-card-ring-lit: 0 0 0 2px color-mix(in srgb, var(--ws-ink) 32%, transparent);--ws-card-ring-person: inset 0 0 0 1px color-mix(in srgb, var(--ws-ink) 14%, transparent);--ws-glow-blue: color-mix(in srgb, var(--ws-chart-navy-light) 20%, rgb(42.5 151 251));--ws-cool-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-team-glow: radial-gradient(80% 90% at 85% 10%, color-mix(in srgb, var(--ws-glow-blue) 14%, transparent), transparent), radial-gradient(70% 80% at 0% 90%, color-mix(in srgb, var(--ws-chart-under-half) 12%, transparent), transparent), linear-gradient(var(--ws-raised), var(--ws-raised));--ws-orb: radial-gradient(circle at 30% 30% in srgb, color-mix(in srgb, var(--ws-chart-finished) 50%, #05ccf3), var(--ws-glow-blue) 45%, color-mix(in srgb, var(--ws-chart-past-half) 80%, #5902c6) 80%);--ws-edge-card-1x: var(--ws-edge-card);--ws-frame: var(--ws-frame-top);--ws-stage-wash: var(--color-bg-page);--ws-glass: color-mix(in srgb, var(--color-bg-page) 59%, transparent);--ws-edge-stage: var(--ws-edge-card);--ws-float-rim: 0 0 0 0.5px color-mix(in srgb, var(--ws-ink) 8%, transparent);--ws-word-needs-work: var(--ws-chart-needs-work);--ws-tint-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 18%, var(--color-bg-page));--ws-raised-sunk: var(--ws-surface-press);--ws-act-light: transparent;--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 79.8%, var(--color-bg-page));--ws-control-off: color-mix(in srgb, var(--color-text-muted) 50%, #7a6a59);--ws-shimmer: linear-gradient(100deg in srgb, var(--ws-shimmer-ground) 0 34%, color-mix(in srgb, var(--ws-shimmer-ground) 93%, var(--ws-ink)) 50%, var(--ws-shimmer-ground) 66% 100%);--ws-inverse: var(--color-bg-dark);--ws-on-inverse: var(--color-white);--ws-chart-rest: var(--ws-edge-card);--ws-ghost: var(--ws-well-hover);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--ws-field-ink));}}@scope ([data-theme="system"]){:where([data-palette]){--color-bg-page: #0F1922;--ws-frame-top: var(--ws-page);--ws-stage-foot: var(--color-bg-page);--color-surface: #131E28;--ws-raised: #16222D;--ws-tray: #1E2B38;--ws-edge-card: #273544;--ws-edge: #1E2A36;--ws-edge-hover: var(--color-text-muted);--ws-well-hover: #273544;--color-text-heading: #E8EDF3;--color-text-body: #B0BBC7;--color-text-muted: #8494A5;--color-text-interactive: #93A6DC;--ws-on-act: var(--color-bg-page);--ws-act-hover: color-mix(in srgb, var(--color-text-heading) 92%, var(--ws-on-act));--ws-word-needs: #FF8B78;--ws-word-positive: #4FC7BE;--ws-chart-finished: #23A8A3;--ws-chart-past-half: #9A84EE;--ws-chart-navy-light: #6E9CC4;--ws-chart-alert: #FF5470;--ws-rating-middle: var(--color-text-interactive);--ws-agent-tally: var(--color-text-heading);}}}[data-palette="cool"]{--ws-stage-foot: #fefbf9;--ws-edge: #e2e2e2;--color-text-interactive: var(--color-text-heading);}[data-palette="cool"][data-theme="light"], [data-palette="cool"][data-theme="system"]{--ws-stage-foot: #fefbf9;--ws-edge: #e2e2e2;--color-text-interactive: var(--color-text-heading);}@scope ([data-theme="light"], [data-theme="system"]){[data-palette="cool"]{--ws-stage-foot: #fefbf9;--ws-edge: #e2e2e2;--color-text-interactive: var(--color-text-heading);}}@scope ([data-palette="cool"]){[data-theme="light"], [data-theme="system"]{--ws-stage-foot: #fefbf9;--ws-edge: #e2e2e2;--color-text-interactive: var(--color-text-heading);}}[data-palette="cool"][data-theme="dark"]{--ws-stage-foot: var(--color-bg-page);--ws-edge: #1E2A36;--color-text-interactive: var(--color-text-heading);}@scope ([data-theme="dark"]){[data-palette="cool"]{--ws-stage-foot: var(--color-bg-page);--ws-edge: #1E2A36;--color-text-interactive: var(--color-text-heading);}}@scope ([data-palette="cool"]){[data-theme="dark"]{--ws-stage-foot: var(--color-bg-page);--ws-edge: #1E2A36;--color-text-interactive: var(--color-text-heading);}}@media (prefers-color-scheme: dark){[data-palette="cool"][data-theme="system"]{--ws-stage-foot: var(--color-bg-page);--ws-edge: #1E2A36;--color-text-interactive: var(--color-text-heading);}@scope ([data-theme="system"]){[data-palette="cool"]{--ws-stage-foot: var(--color-bg-page);--ws-edge: #1E2A36;--color-text-interactive: var(--color-text-heading);}}@scope ([data-palette="cool"]){[data-theme="system"]{--ws-stage-foot: var(--color-bg-page);--ws-edge: #1E2A36;--color-text-interactive: var(--color-text-heading);}}}[data-palette="warm"]{--ws-frame-top: #fefbf9;}[data-palette="warm"][data-theme="light"], [data-palette="warm"][data-theme="system"]{--ws-frame-top: #fefbf9;}@scope ([data-theme="light"], [data-theme="system"]){[data-palette="warm"]{--ws-frame-top: #fefbf9;}}@scope ([data-palette="warm"]){[data-theme="light"], [data-theme="system"]{--ws-frame-top: #fefbf9;}}[data-palette="warm"][data-theme="dark"]{--ws-frame-top: var(--ws-page);}@scope ([data-theme="dark"]){[data-palette="warm"]{--ws-frame-top: var(--ws-page);}}@scope ([data-palette="warm"]){[data-theme="dark"]{--ws-frame-top: var(--ws-page);}}@media (prefers-color-scheme: dark){[data-palette="warm"][data-theme="system"]{--ws-frame-top: var(--ws-page);}@scope ([data-theme="system"]){[data-palette="warm"]{--ws-frame-top: var(--ws-page);}}@scope ([data-palette="warm"]){[data-theme="system"]{--ws-frame-top: var(--ws-page);}}}[data-theme="dark"][data-ground="navy"]{--ws-page: var(--color-bg-page);--color-bg-page: #021A32;--color-surface: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-raised: color-mix(in srgb, var(--color-bg-page) 92%, var(--color-white));--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-well: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-field: var(--color-white);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-menu-line: var(--ws-edge-card);--ws-tint-accent: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 18%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 13.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-brand-mid-blue) 25%, var(--color-bg-page));--ws-card-tint-done: var(--ws-tint-live);--ws-track: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-edge: color-mix(in srgb, var(--color-white) 10%, transparent);--ws-edge-card: color-mix(in srgb, var(--color-white) 18%, transparent);--ws-edge-chip: var(--ws-edge-card);--ws-edge-slot: var(--ws-edge-card);--ws-edge-tray: var(--ws-edge-card);--color-text-heading: #FFFFFF;--color-text-body: #D3D3D3;--color-text-muted: #A9A9A9;--color-text-placeholder: #6E6E6E;--color-text-primary: color-mix(in srgb, var(--color-text-heading) 93%, #000000);--ws-field-ink: var(--color-brand-navy);--ws-field-mark: var(--ws-field-ink);--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--ws-ink) 10%, transparent);--ws-chart-navy-fade: color-mix(in srgb, var(--color-text-heading) 30%, var(--color-bg-page));--ws-ink-rgb: 255, 255, 255;--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray);--ws-tray: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-word-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 80%, #fdcfe0);--ws-word-alert: #FF8282;--ws-word-past-half: color-mix(in srgb, var(--ws-chart-past-half) 80%, #f9f7fd);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 80%, #0e5eb3);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--color-text-heading));}@scope ([data-theme="dark"][data-ground="navy"]){:scope, [data-palette], .fello{--ws-page: var(--color-bg-page);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-well: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-field: var(--color-white);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-menu-line: var(--ws-edge-card);--ws-tint-accent: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 18%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 13.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-brand-mid-blue) 25%, var(--color-bg-page));--ws-card-tint-done: var(--ws-tint-live);--ws-track: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-edge-chip: var(--ws-edge-card);--ws-edge-slot: var(--ws-edge-card);--ws-edge-tray: var(--ws-edge-card);--color-text-placeholder: #6E6E6E;--color-text-primary: color-mix(in srgb, var(--color-text-heading) 93%, #000000);--ws-field-ink: var(--color-brand-navy);--ws-field-mark: var(--ws-field-ink);--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--ws-ink) 10%, transparent);--ws-chart-navy-fade: color-mix(in srgb, var(--color-text-heading) 30%, var(--color-bg-page));--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray);--ws-word-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 80%, #fdcfe0);--ws-word-past-half: color-mix(in srgb, var(--ws-chart-past-half) 80%, #f9f7fd);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 80%, #0e5eb3);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--color-text-heading));}}@media (prefers-color-scheme: dark){[data-theme="system"][data-ground="navy"]{--ws-page: var(--color-bg-page);--color-bg-page: #021A32;--color-surface: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-raised: color-mix(in srgb, var(--color-bg-page) 92%, var(--color-white));--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-well: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-field: var(--color-white);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-menu-line: var(--ws-edge-card);--ws-tint-accent: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 18%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 13.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-brand-mid-blue) 25%, var(--color-bg-page));--ws-card-tint-done: var(--ws-tint-live);--ws-track: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-edge: color-mix(in srgb, var(--color-white) 10%, transparent);--ws-edge-card: color-mix(in srgb, var(--color-white) 18%, transparent);--ws-edge-chip: var(--ws-edge-card);--ws-edge-slot: var(--ws-edge-card);--ws-edge-tray: var(--ws-edge-card);--color-text-heading: #FFFFFF;--color-text-body: #D3D3D3;--color-text-muted: #A9A9A9;--color-text-placeholder: #6E6E6E;--color-text-primary: color-mix(in srgb, var(--color-text-heading) 93%, #000000);--ws-field-ink: var(--color-brand-navy);--ws-field-mark: var(--ws-field-ink);--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--ws-ink) 10%, transparent);--ws-chart-navy-fade: color-mix(in srgb, var(--color-text-heading) 30%, var(--color-bg-page));--ws-ink-rgb: 255, 255, 255;--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray);--ws-tray: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-word-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 80%, #fdcfe0);--ws-word-alert: #FF8282;--ws-word-past-half: color-mix(in srgb, var(--ws-chart-past-half) 80%, #f9f7fd);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 80%, #0e5eb3);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--color-text-heading));}@scope ([data-theme="system"][data-ground="navy"]){:scope, [data-palette], .fello{--ws-page: var(--color-bg-page);--ws-surface-sunk: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-surface-press: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-well: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-field: var(--color-white);--ws-chart-foot: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-sidebar-hover: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-sidebar-press: color-mix(in srgb, var(--color-bg-page) 90%, var(--color-white));--ws-menu-hover: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-menu-line: var(--ws-edge-card);--ws-tint-accent: color-mix(in srgb, var(--color-bg-page) 94%, var(--color-white));--ws-tint-needs: color-mix(in srgb, var(--ws-chart-under-half) 18%, var(--color-bg-page));--ws-tint-live: color-mix(in srgb, var(--ws-chart-finished) 13.1%, var(--color-bg-page));--ws-card-tint-blue: color-mix(in srgb, var(--color-brand-mid-blue) 25%, var(--color-bg-page));--ws-card-tint-done: var(--ws-tint-live);--ws-track: color-mix(in srgb, var(--color-bg-page) 88%, var(--color-white));--ws-edge-chip: var(--ws-edge-card);--ws-edge-slot: var(--ws-edge-card);--ws-edge-tray: var(--ws-edge-card);--color-text-placeholder: #6E6E6E;--color-text-primary: color-mix(in srgb, var(--color-text-heading) 93%, #000000);--ws-field-ink: var(--color-brand-navy);--ws-field-mark: var(--ws-field-ink);--ws-chart-empty: var(--ws-track);--ws-chart-dot: color-mix(in srgb, var(--ws-ink) 10%, transparent);--ws-chart-navy-fade: color-mix(in srgb, var(--color-text-heading) 30%, var(--color-bg-page));--ws-shadow-band: inset 0 var(--ws-hairline) 0 var(--ws-edge-tray);--ws-word-needs-work: color-mix(in srgb, var(--ws-chart-needs-work) 80%, #fdcfe0);--ws-word-past-half: color-mix(in srgb, var(--ws-chart-past-half) 80%, #f9f7fd);--ws-mark-muted: color-mix(in srgb, var(--color-text-muted) 80%, #0e5eb3);--ws-word-answer: color-mix(in srgb, var(--color-text-body) 50%, var(--color-text-heading));}}}[data-palette][data-theme="dark"][data-ground="navy"]{--color-bg-page: #021A32;--color-surface: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-raised: color-mix(in srgb, var(--color-bg-page) 92%, var(--color-white));--ws-tray: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-edge-card: color-mix(in srgb, var(--color-white) 18%, transparent);--ws-edge: color-mix(in srgb, var(--color-white) 10%, transparent);--color-text-heading: #FFFFFF;--color-text-body: #D3D3D3;--color-text-muted: #A9A9A9;--ws-word-alert: #FF8282;}@scope ([data-theme="dark"][data-ground="navy"]) to ([data-theme]){[data-palette][data-palette]{--color-bg-page: #021A32;--color-surface: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-raised: color-mix(in srgb, var(--color-bg-page) 92%, var(--color-white));--ws-tray: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-edge-card: color-mix(in srgb, var(--color-white) 18%, transparent);--ws-edge: color-mix(in srgb, var(--color-white) 10%, transparent);--color-text-heading: #FFFFFF;--color-text-body: #D3D3D3;--color-text-muted: #A9A9A9;--ws-word-alert: #FF8282;}}@media (prefers-color-scheme: dark){[data-palette][data-theme="system"][data-ground="navy"]{--color-bg-page: #021A32;--color-surface: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-raised: color-mix(in srgb, var(--color-bg-page) 92%, var(--color-white));--ws-tray: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-edge-card: color-mix(in srgb, var(--color-white) 18%, transparent);--ws-edge: color-mix(in srgb, var(--color-white) 10%, transparent);--color-text-heading: #FFFFFF;--color-text-body: #D3D3D3;--color-text-muted: #A9A9A9;--ws-word-alert: #FF8282;}@scope ([data-theme="system"][data-ground="navy"]) to ([data-theme]){[data-palette][data-palette]{--color-bg-page: #021A32;--color-surface: color-mix(in srgb, var(--color-bg-page) 95%, var(--color-white));--ws-raised: color-mix(in srgb, var(--color-bg-page) 92%, var(--color-white));--ws-tray: color-mix(in srgb, var(--color-bg-page) 84%, var(--color-white));--ws-edge-card: color-mix(in srgb, var(--color-white) 18%, transparent);--ws-edge: color-mix(in srgb, var(--color-white) 10%, transparent);--color-text-heading: #FFFFFF;--color-text-body: #D3D3D3;--color-text-muted: #A9A9A9;--ws-word-alert: #FF8282;}}}html{font-family: var(--font-body);-webkit-font-smoothing: antialiased;}body{margin: 0;background: var(--color-bg-page);color: var(--color-text-body);font-family: var(--font-body);font-size: var(--ws-text-body);line-height: calc(var(--space-md) + var(--space-xxs));}:where([data-palette], [data-theme], .fello){color: var(--color-text-body);}:where(.ws-app-shell, .ws-page, .ws-entry-shell, .ws-status-screen, dialog.ws-dialog, .ws-menu, .ws-popover){font-family: var(--font-body);font-size: var(--ws-text-body);line-height: calc(var(--space-md) + var(--space-xxs));color: var(--color-text-body);}:where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *), :where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *)::before, :where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *)::after{box-sizing: border-box;}:where(h1, h2, h3, h4, p, ul, ol, figure):where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *){margin: 0;}:where(ul, ol):where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *){padding: 0;list-style: none;}:where(button, input, select, textarea):where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *){font: inherit;color: inherit;text-align: inherit;}:where(svg):where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *){display: block;}.ws-tnum{font-variant-numeric: tabular-nums;}.ws-sr{position: absolute;width: var(--ws-line);height: var(--ws-line);margin: calc(var(--ws-line) * -1);padding: 0;border: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;}.ws-icon{display: inline-block;flex-shrink: 0;width: var(--ws-icon);height: var(--ws-icon);vertical-align: -0.125em;}.ws-icon--sm{width: var(--ws-icon-sm);height: var(--ws-icon-sm);}.ws-icon--lg{width: var(--ws-icon-lg);height: var(--ws-icon-lg);}:where(.ws-btn, .ws-icon-btn, .ws-chip, .ws-change, .ws-menu-item, .ws-segmented__item, .ws-tabs__tab, .ws-row, .ws-well-row, .ws-link, .ws-act, .ws-field-msg) > svg:where(:not([width])){flex-shrink: 0;width: var(--ws-icon);height: var(--ws-icon);}:where(.ws-meta, .ws-muted, .ws-body, .ws-eyebrow, .ws-cluster, .ws-kanban-board__meta) > svg:where(:not([width])){display: inline-block;flex-shrink: 0;width: var(--ws-icon-sm);height: var(--ws-icon-sm);vertical-align: -0.125em;}:where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *):focus-visible{outline: var(--ws-focus-width) solid var(--ws-focus-color);outline-offset: var(--ws-focus-offset);}:where(.ws-menu-item, .ws-well-row, .ws-row, .ws-segmented__item):focus-visible{outline-offset: calc(var(--ws-focus-width) * -1);}@media (prefers-reduced-motion: reduce){:where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *), :where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *)::before, :where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *)::after{animation-duration: 0.01ms !important;animation-delay: 0s !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;transition-delay: 0s !important;scroll-behavior: auto !important;}}:root.ws-theme-switching :where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *){transition: none !important;}.ws-stage{display: flex;flex-wrap: wrap;align-items: flex-start;gap: var(--ws-gap-component);padding: var(--ws-gap-component);background: var(--color-bg-page);}.ws-stage > *{max-width: 100%;min-width: 0;}.ws-stage--grey{background: var(--ws-page);}.ws-stage--sunk{background: var(--ws-surface-sunk);}.ws-stage--column{flex-direction: column;flex-wrap: nowrap;align-items: stretch;gap: var(--ws-gap-group);}.ws-stage--bleed{padding: 0;}.ws-page{container-type: inline-size;display: flex;flex-direction: column;gap: var(--ws-gap-component);width: 100%;max-width: calc(var(--ws-chart-card-w) * 2 + var(--ws-gap-component) + var(--ws-gutter) * 2);margin-inline: auto;padding: var(--ws-gutter);}.ws-page--column{max-width: calc(var(--ws-column-width) + var(--ws-gutter) * 2);}@media (max-width: 40rem){.ws-page{padding: var(--space-md);}}.ws-area{container-type: inline-size;}.ws-board{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ws-chart-card-min)), 1fr));align-items: start;gap: var(--ws-gap-component);width: 100%;max-width: calc(var(--ws-chart-card-w) * 2 + var(--ws-gap-component));}.ws-board > *{min-width: 0;}.ws-board__column{display: flex;flex-direction: column;gap: var(--ws-gap-component);}.ws-stack{display: flex;flex-direction: column;gap: var(--space-xs);}.ws-cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-xs);}.ws-cluster--start{align-items: flex-start;}.ws-stack--tight, .ws-cluster--tight{gap: var(--ws-gap-tight);}.ws-stack--loose, .ws-cluster--loose{gap: var(--ws-gap-loose);}.ws-stack--component, .ws-cluster--component{gap: var(--ws-gap-component);}.ws-stack--group, .ws-cluster--group{gap: var(--ws-gap-group);}.ws-stack--block{gap: var(--ws-gap-block);}.ws-stack--section{gap: var(--ws-gap-section);}:where(.ws-app-shell__body, .ws-app-shell__nav, .ws-dialog, .ws-dialog__content, .ws-panel__body, .ws-stack, .ws-card--compound, .ws-page, .ws-board__column) > *{flex-shrink: 0;}:where(.ws-app-shell__body, .ws-dialog__content, .ws-panel__body, .ws-table__scroll, .ws-kanban-board, .ws-tabs){position: relative;}.ws-card{--ws-band-inset: var(--ws-card-inset);border-radius: var(--ws-radius-card);background: var(--color-bg-page);}.ws-card--inset{padding: var(--ws-card-inset);}.ws-plate{border-radius: var(--ws-radius-card);background: var(--ws-surface-sunk);}.ws-well{border-radius: var(--ws-radius-card);background: var(--ws-well);display: flex;flex-direction: column;}.ws-well-row{display: flex;align-items: center;min-height: var(--ws-row-h);border-radius: var(--ws-radius-row);background: var(--color-bg-page);color: var(--color-text-heading);font-weight: 500;text-align: left;width: 100%;border: 0;cursor: pointer;transition: background-color var(--ws-duration-hover) var(--ws-ease-soft);}@media (hover: hover){.ws-well-row:hover{background: var(--color-surface);}}.ws-well-row:active{background: var(--ws-surface-press);}:where(.ws-menu, .ws-popover, .ws-dialog, .ws-panel){--ws-surface-sunk: var(--ws-raised-sunk);}.ws-dots{background-image: radial-gradient(circle, var(--ws-chart-dot) calc(var(--ws-hairline) * 1.5), transparent calc(var(--ws-hairline) * 2.2));background-size: var(--ws-chart-dot-gap) var(--ws-chart-dot-gap);}.ws-band{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-sm) var(--space-md);min-height: var(--ws-band-h);padding: var(--space-md) var(--ws-band-inset);background: var(--ws-tray);}.ws-band__words{display: flex;flex: 1;min-width: min(100%, var(--space-9xl));flex-direction: column;gap: var(--space-xxs);}.ws-band__title{font-size: var(--ws-text-value);line-height: calc(var(--space-md) + var(--space-xxs));font-weight: 500;color: var(--color-text-heading);text-wrap: balance;}.ws-band__how{font-size: var(--ws-text-meta);line-height: var(--space-md);color: var(--color-text-muted);}.ws-head{display: flex;align-items: flex-start;gap: var(--space-md);padding: var(--ws-card-inset);}.ws-head > div:first-of-type{flex: 1;min-width: 0;display: flex;flex-direction: column;}.ws-menu{display: flex;flex-direction: column;border-radius: var(--ws-radius-card);background: var(--ws-raised);padding: var(--space-xxs);box-shadow: var(--ws-shadow-lift);z-index: var(--z-dropdown);min-width: var(--space-9xl);}.ws-menu-item{display: flex;width: 100%;min-height: var(--ws-control-h);padding: var(--space-xxs) var(--space-sm);align-items: center;gap: var(--space-xs);border-radius: var(--ws-radius-control);text-align: left;font-size: var(--ws-text-body);font-weight: 500;color: var(--color-text-heading);background: none;border: 0;cursor: pointer;}@media (hover: hover){.ws-menu-item:hover{background: var(--ws-hover);}}.ws-menu-item:active{background: var(--ws-surface-press);}.ws-menu-line{height: var(--ws-line);margin: var(--space-xxs) 0;background: var(--ws-menu-line);}.ws-disc{display: inline-flex;flex-shrink: 0;align-items: center;justify-content: center;border-radius: var(--radius-full);background: var(--ws-surface-sunk);color: var(--color-text-heading);}.ws-title{font-size: var(--ws-text-title);line-height: var(--ws-leading-title);font-weight: 600;color: var(--color-text-heading);text-wrap: balance;}.ws-section{font-size: var(--ws-text-section);line-height: var(--ws-leading-section);font-weight: 600;color: var(--color-text-heading);text-wrap: balance;}.ws-body{font-size: var(--ws-text-body);line-height: calc(var(--space-md) + var(--space-xxs));color: var(--color-text-body);}.ws-muted{font-size: var(--ws-text-dense);line-height: var(--space-md);color: var(--color-text-muted);}.ws-meta{font-size: var(--ws-text-meta);line-height: var(--space-md);color: var(--color-text-muted);}.ws-eyebrow{font-size: var(--ws-text-dense);line-height: var(--space-md);font-weight: 600;text-transform: uppercase;letter-spacing: var(--letter-spacing-overline);color: var(--color-text-muted);}.ws-link{color: var(--color-text-interactive);text-decoration: none;font-weight: 500;}.ws-act{font-weight: 500;color: var(--color-text-heading);text-decoration: none;background: none;border: 0;padding: 0;cursor: pointer;}@media (hover: hover){.ws-link:hover, .ws-act:hover{text-decoration: underline;}}.ws-display{font-size: var(--ws-text-display);line-height: var(--space-5xl);font-weight: 400;letter-spacing: var(--ws-tracking-display);color: var(--color-text-heading);font-variant-numeric: tabular-nums;}.ws-figure{font-size: var(--font-size-3xl);line-height: var(--font-size-3xl);font-weight: 400;letter-spacing: var(--ws-tracking-display);color: var(--color-text-heading);font-variant-numeric: tabular-nums;}.ws-figure--row{font-size: var(--ws-text-figure-row);line-height: var(--ws-leading-figure-row);}.ws-figure--tile{font-size: var(--ws-text-figure);line-height: var(--ws-leading-figure);}.ws-figure--pane{font-size: var(--ws-text-figure-lg);line-height: var(--ws-leading-figure-lg);letter-spacing: normal;}.ws-figure--score{font-size: var(--ws-text-score);line-height: var(--ws-leading-score);font-variant-numeric: proportional-nums;}.ws-row-name{font-size: var(--ws-text-section);line-height: var(--ws-leading-row);font-weight: 500;color: var(--color-text-heading);}.ws-control-words{font-size: var(--ws-text-control);line-height: var(--ws-leading-control);font-weight: 500;}.ws-positive{color: var(--ws-word-positive);}.ws-needs{color: var(--ws-word-needs);}.ws-dot{width: calc(var(--space-xxs) * 1.5);height: calc(var(--space-xxs) * 1.5);border-radius: var(--radius-full);background: currentColor;}.ws-field{display: flex;flex-direction: column;gap: var(--space-xxs);}.ws-label{font-size: var(--ws-text-dense);line-height: var(--space-md);font-weight: 500;color: var(--color-text-body);}.ws-input::placeholder{color: var(--color-text-placeholder);}.ws-field-msg{font-size: var(--ws-text-dense);line-height: var(--space-md);color: var(--color-text-muted);}.ws-field-msg--error{display: flex;align-items: flex-start;gap: var(--space-xxs);color: var(--ws-word-needs);}.ws-field-msg--error svg{width: var(--ws-icon-sm);height: var(--ws-icon-sm);flex-shrink: 0;margin-top: calc(var(--space-xxs) / 2);}.ws-change{display: inline-flex;align-items: center;gap: var(--space-xxs);height: var(--space-lg);padding: 0 var(--space-xs);border-radius: var(--ws-radius-control);background: var(--color-bg-page);font-size: var(--ws-text-control);line-height: var(--ws-leading-control);font-weight: 500;white-space: nowrap;color: var(--color-text-muted);box-shadow: inset 0 0 0 var(--ws-hairline) var(--ws-edge-chip);}.ws-change--up{color: var(--ws-word-positive);}.ws-change--down{color: var(--color-text-interactive);}.ws-change svg{width: var(--ws-icon-sm);height: var(--ws-icon-sm);}.ws-row{display: flex;align-items: center;gap: var(--space-xs);min-height: var(--ws-row-h-dense);padding: 0 var(--space-sm);border-radius: var(--ws-radius-row);color: var(--color-text-heading);transition: background-color var(--ws-duration-hover) var(--ws-ease-soft);}@media (hover: hover){.ws-row:hover{background: var(--ws-surface-sunk);}}.ws-row:active{background: var(--ws-surface-press);}.ws-row__title{font-size: var(--ws-text-body);line-height: calc(var(--space-md) + var(--space-xxs));font-weight: 500;color: var(--color-text-heading);}.ws-rule{height: var(--ws-line);background: var(--ws-chart-cell-edge, var(--ws-edge-slot));}.ws-avatar{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: var(--ws-avatar);height: var(--ws-avatar);overflow: hidden;border-radius: var(--radius-full);background: var(--ws-surface-sunk);color: var(--color-text-heading);font-size: var(--ws-text-body);font-weight: 600;box-shadow: var(--ws-shadow-hairline);}.ws-avatar--plain{box-shadow: none;}.ws-avatar--dim{opacity: 0.6;}.ws-avatar--sm{width: var(--ws-control-h-sm);height: var(--ws-control-h-sm);font-size: var(--ws-text-dense);}.ws-avatar--deck{width: var(--space-3xl);height: var(--space-3xl);font-size: var(--ws-text-body);}.ws-avatar--panel{width: calc(var(--space-3xl) + var(--space-xs));height: calc(var(--space-3xl) + var(--space-xs));font-size: var(--ws-text-value);}.ws-avatar--xl{width: var(--space-4xl);height: var(--space-4xl);font-size: var(--font-size-xl);}.ws-avatar-stack{display: flex;align-items: center;}.ws-avatar-stack > * + *{margin-left: calc(var(--space-xxs) * -1);}.ws-avatar-stack > .ws-avatar{box-shadow: 0 0 0 var(--ws-ring) var(--color-bg-page);}.ws-avatar-stack__more{color: var(--color-text-body);}@keyframes ws-pulse{0%, 100%{opacity: 1;}50%{opacity: 0.35;}}@keyframes ws-rise{from{opacity: 0;transform: translateY(var(--ws-rise));}to{opacity: 1;transform: none;}}@keyframes ws-grow{from{transform: scaleX(0);}to{transform: none;}}@keyframes ws-grow-up{from{transform: scaleY(0);}to{transform: none;}}@keyframes ws-wipe{from{clip-path: inset(0 100% 0 0);}to{clip-path: inset(0);}}@keyframes ws-bloom{from{opacity: 0;transform: scale(0.6);}to{opacity: 1;transform: none;}}@keyframes ws-pop{from{transform: scale(0.85);}to{transform: none;}}@keyframes ws-draw{from{stroke-dasharray: 0 1;}}@keyframes ws-settle{from{opacity: 0;transform: translateY(var(--ws-rise));filter: blur(var(--ws-blur-arrive));}to{opacity: 1;transform: none;filter: none;}}@keyframes ws-shimmer{from{background-position: 100% 0;}to{background-position: 0 0;}}@media (prefers-reduced-motion: no-preference){.ws-working{animation: ws-pulse var(--ws-loop) var(--ws-ease-loop) infinite;}.ws-working-slow{animation: ws-pulse var(--ws-loop-slow) var(--ws-ease-loop) infinite;}.ws-arrive{animation: ws-rise var(--ws-duration-gentle) var(--ws-ease-soft) backwards;}.ws-rise{animation: ws-rise var(--ws-duration-settle) var(--ws-ease-soft) backwards;}.ws-grow{animation: ws-grow var(--ws-duration-calm) var(--ws-ease-soft) backwards;transform-origin: left;}.ws-grow-up{animation: ws-grow-up var(--ws-duration-calm) var(--ws-ease-soft) backwards;transform-origin: bottom;}.ws-wipe{animation: ws-wipe var(--ws-duration-calm) var(--ws-ease-soft) backwards;}.ws-bloom{animation: ws-bloom var(--ws-duration-settle) var(--ws-ease-soft) backwards;}.ws-pop{animation: ws-pop var(--ws-duration-settle) var(--ws-ease-soft) backwards;}.ws-settle{animation: ws-settle var(--ws-duration-settle) var(--ws-ease-soft) backwards;animation-delay: calc(var(--ws-i, 0) * var(--ws-stagger-detail));}.ws-shimmer{animation: ws-shimmer var(--ws-loop-shimmer) var(--ws-ease-shimmer) infinite;}}.ws-shimmer{border-radius: var(--ws-radius-bar);background: var(--ws-shimmer);background-size: 300% 100%;color: transparent;}.ws-hover-tint{transition: background-color var(--ws-duration-hover) var(--ws-ease-soft);}@media (hover: hover){.ws-hover-tint:hover{background-color: var(--ws-hover);}.ws-hover-tint--faint:hover{background-color: var(--ws-hover-faint);}.ws-hover-tint--strong:hover{background-color: var(--ws-hover-strong);}}:where(.ws-icon-btn--round, .ws-composer__trail > .ws-icon-btn--primary, .ws-press--round){--ws-press: var(--ws-press-scale-round);}.ws-press--send{--ws-press: var(--ws-press-scale-send);}@media (prefers-reduced-motion: no-preference){:is(.ws-btn, .ws-icon-btn, .ws-suggestion-chip, :is(button, a).ws-chip, .ws-press):not(.ws-btn--link, .ws-btn--text, :disabled, [aria-disabled="true"], [aria-busy="true"]){transition: background-color var(--ws-duration-hover) var(--ws-ease-soft), color var(--ws-duration-hover) var(--ws-ease-soft), border-color var(--ws-duration-hover) var(--ws-ease-soft), box-shadow var(--ws-duration-hover) var(--ws-ease-soft), opacity var(--ws-duration-hover) var(--ws-ease-soft), scale var(--ws-spring-press-duration) var(--ws-spring-press);}:is(.ws-btn, .ws-icon-btn, .ws-suggestion-chip, :is(button, a).ws-chip, .ws-press):not(.ws-btn--link, .ws-btn--text, :disabled, [aria-disabled="true"], [aria-busy="true"]):active{scale: var(--ws-press, var(--ws-press-scale));transition-duration: var(--ws-duration-instant), var(--ws-duration-instant), var(--ws-duration-instant), var(--ws-duration-instant), var(--ws-duration-instant), var(--ws-spring-press-duration);}:is(.ws-btn, .ws-icon-btn):not(.ws-btn--link, .ws-btn--text):active{transform: none;}}@media (prefers-reduced-motion: no-preference){@supports (interpolate-size: allow-keywords){:where(details):where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *){interpolate-size: allow-keywords;}:where(details):where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *)::details-content{block-size: 0;opacity: 0;overflow: clip;overflow-clip-margin: calc(var(--ws-focus-width) + var(--ws-focus-offset));transition: block-size var(--ws-spring-fold-duration) var(--ws-spring-fold), opacity var(--ws-spring-fold-duration) var(--ws-spring-fold), content-visibility var(--ws-spring-fold-duration) allow-discrete;}:where(details[open]):where([class^="ws-"], [class*=" ws-"], [class^="ws-"] *, [class*=" ws-"] *)::details-content{block-size: auto;opacity: 1;}.ws-unfold{interpolate-size: allow-keywords;overflow: clip;overflow-clip-margin: calc(var(--ws-focus-width) + var(--ws-focus-offset));transition: height var(--ws-spring-fold-duration) var(--ws-spring-fold), padding-block var(--ws-spring-fold-duration) var(--ws-spring-fold), margin-block var(--ws-spring-fold-duration) var(--ws-spring-fold), opacity var(--ws-spring-fold-duration) var(--ws-spring-fold), display var(--ws-spring-fold-duration) allow-discrete;}.ws-unfold[hidden]{display: none;height: 0;padding-block: 0;margin-block: 0;opacity: 0;}@starting-style{.ws-unfold:not([hidden]){height: 0;padding-block: 0;margin-block: 0;opacity: 0;}}}}.ws-build__card{--ws-build-at: calc(var(--ws-i, 0) * var(--ws-stagger-part));}@media (prefers-reduced-motion: no-preference){.ws-build .ws-build__card{animation: ws-rise var(--ws-duration-settle) var(--ws-ease-settle) backwards;animation-delay: var(--ws-build-at);}@supports (timeline-trigger: --a view() cover 10% cover 100%) and (animation-trigger: --a play-once) and (trigger-scope: --a){.ws-build .ws-build__card{trigger-scope: --ws-build;timeline-trigger: --ws-build view() cover 10% cover 100%;}.ws-build .ws-build__card, .ws-build .ws-build__card *{animation-trigger: --ws-build play-once;}}}@property --ws-fade-start{syntax: "<length>";inherits: false;initial-value: 0px;}@property --ws-fade-end{syntax: "<length>";inherits: false;initial-value: 0px;}@keyframes ws-scroll-edges{0%{--ws-fade-start: 0px;--ws-fade-end: var(--space-xl);}8%{--ws-fade-start: var(--space-xl);}92%{--ws-fade-end: var(--space-xl);}100%{--ws-fade-start: var(--space-xl);--ws-fade-end: 0px;}}@supports (animation-timeline: scroll()){.ws-scroll-edges{mask-image: linear-gradient(90deg, transparent, currentColor var(--ws-fade-start), currentColor calc(100% - var(--ws-fade-end)), transparent);animation: ws-scroll-edges linear;animation-timeline: scroll(self inline);}}@media (pointer: coarse){.ws-btn:not(.ws-btn--link, .ws-btn--text), .ws-input, .ws-select, .ws-segmented__item, .ws-tabs__tab, .ws-date-input__cell, .ws-fold__summary:not(.ws-fold__summary--quiet), .ws-app-shell__row, .ws-menu-item, .ws-toast__action, .ws-pagination__rows select, .ws-combobox__panel .ws-combobox__option{min-height: var(--ws-touch);}.ws-input, .ws-select{height: var(--ws-touch);}.ws-icon-btn{min-width: var(--ws-touch);min-height: var(--ws-touch);}.ws-icon-btn--xs, .ws-icon-btn--sm{position: relative;min-width: 0;min-height: 0;}.ws-icon-btn--xs::after, .ws-icon-btn--sm::after{content: "";position: absolute;inset: calc((100% - var(--ws-touch)) / 2);}.ws-btn--link, .ws-btn--text, .ws-act, .ws-table__sort, .ws-chat-card__door, .ws-fold__summary--quiet{min-height: var(--space-lg);}.ws-breadcrumb a, .ws-breadcrumb__ellipsis, .ws-link{padding-block: var(--space-xxs);}}