create-pmos 0.512.0 → 0.513.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/package.json +14 -16
  2. package/payload/KIT-VERSION +1 -1
  3. package/payload/planning/evals/eval-calibration.md +1 -1
  4. package/payload/planning/okrs/health-budgets.md +1 -1
  5. package/payload/state/discoveries.md +1 -1
  6. package/workspace/briefing-premium-adddoc-test.js +3 -3
  7. package/workspace/briefing-premium-board-test.js +2 -2
  8. package/workspace/briefing-premium-initiative-test.js +3 -3
  9. package/workspace/briefing-premium-insights-test.js +2 -2
  10. package/workspace/briefing-premium-sources-test.js +4 -5
  11. package/workspace/briefing-premium-test.js +2 -2
  12. package/workspace/changelog.json +13 -0
  13. package/workspace/guide/home.md +1 -1
  14. package/workspace/intel-report-ui-test.js +1 -1
  15. package/workspace/intelligence-gaps-ui-test.js +1 -1
  16. package/workspace/lib/premium-console-type.js +15 -12
  17. package/workspace/metric-drafts-ui-test.js +2 -2
  18. package/workspace/package-lock.json +2 -2
  19. package/workspace/package.json +1 -1
  20. package/workspace/premium-menu-rows-test.js +1 -1
  21. package/workspace/premium-vw-doc-test.js +1 -1
  22. package/workspace/public/pm/bd-pin-card.css +4 -4
  23. package/workspace/public/pm/bd-publish.css +11 -11
  24. package/workspace/public/pm/bd-shared.css +17 -17
  25. package/workspace/public/pm/c3-capture.css +9 -9
  26. package/workspace/public/pm/c3-initiatives.css +23 -23
  27. package/workspace/public/pm/c3-listen.css +1 -1
  28. package/workspace/public/pm/components.css +572 -572
  29. package/workspace/public/pm/console3.css +374 -373
  30. package/workspace/public/pm/cozy-adler.css +4 -4
  31. package/workspace/public/pm/cozy-aud.css +1 -1
  32. package/workspace/public/pm/cozy-board.css +328 -328
  33. package/workspace/public/pm/cozy-ev.css +78 -78
  34. package/workspace/public/pm/cozy-home-rows.css +32 -32
  35. package/workspace/public/pm/cozy-home.css +240 -240
  36. package/workspace/public/pm/cozy-insights.css +200 -200
  37. package/workspace/public/pm/cozy-live-pill.css +5 -5
  38. package/workspace/public/pm/cozy-mtg-present.css +28 -28
  39. package/workspace/public/pm/cozy-onboard.css +15 -15
  40. package/workspace/public/pm/cozy-panel.css +39 -39
  41. package/workspace/public/pm/cozy-pick.css +5 -5
  42. package/workspace/public/pm/cozy-rec-now.css +23 -23
  43. package/workspace/public/pm/cozy-rec-present.css +11 -11
  44. package/workspace/public/pm/cozy-rec-tab.css +13 -13
  45. package/workspace/public/pm/cozy-steps.css +14 -14
  46. package/workspace/public/pm/cozy-today.css +95 -95
  47. package/workspace/public/pm/cozy-viewer.css +27 -27
  48. package/workspace/public/pm/cozy-vw-mtg.css +113 -113
  49. package/workspace/public/pm/cozy-vw-rp.css +79 -79
  50. package/workspace/public/pm/cozy-vw-shell.css +43 -43
  51. package/workspace/public/pm/cozy-vw.css +129 -129
  52. package/workspace/public/pm/cozy-xv.css +15 -15
  53. package/workspace/public/pm/cozy.css +53 -21
  54. package/workspace/public/pm/dash-view.css +27 -27
  55. package/workspace/public/pm/hi-pop.css +26 -26
  56. package/workspace/public/pm/home-impact.css +8 -8
  57. package/workspace/public/pm/home-ini.css +36 -36
  58. package/workspace/public/pm/home-line.css +7 -7
  59. package/workspace/public/pm/impact.css +9 -9
  60. package/workspace/public/pm/ini-view.css +243 -243
  61. package/workspace/public/pm/load-shapes.css +1 -1
  62. package/workspace/public/pm/loose-props.css +14 -14
  63. package/workspace/public/pm/metric-drafts.css +20 -20
  64. package/workspace/public/pm/ms-suggest.css +9 -9
  65. package/workspace/public/pm/ov-view.css +14 -14
  66. package/workspace/public/pm/premium-insights.js +3 -3
  67. package/workspace/public/pm/premium-report-frame.css +1 -1
  68. package/workspace/public/pm/premium-report-intel.css +17 -17
  69. package/workspace/public/pm/premium-report-print.css +1 -1
  70. package/workspace/public/pm/premium-vw-backlog.css +13 -13
  71. package/workspace/public/pm/premium-vw-cal.css +32 -32
  72. package/workspace/public/pm/premium-vw-copy.css +7 -7
  73. package/workspace/public/pm/premium-vw-doc.css +69 -69
  74. package/workspace/public/pm/premium-vw-item.css +12 -12
  75. package/workspace/public/pm/premium-vw-jira.css +39 -39
  76. package/workspace/public/pm/premium-vw-meet.css +28 -28
  77. package/workspace/public/pm/premium-vw-notepad.css +13 -13
  78. package/workspace/public/pm/premium-vw-notes.css +11 -11
  79. package/workspace/public/pm/premium-vw-rec.css +27 -27
  80. package/workspace/public/pm/premium-vw-report.css +21 -21
  81. package/workspace/public/pm/premium-vw-slides.css +28 -28
  82. package/workspace/public/pm/premium.css +618 -618
  83. package/workspace/public/pm/prog-order.css +6 -6
  84. package/workspace/public/pm/prog-page.css +17 -17
  85. package/workspace/public/pm/program-charter.css +33 -33
  86. package/workspace/public/pm/ready-lib.css +6 -6
  87. package/workspace/public/pm/sort-order.css +1 -1
  88. package/workspace/public/pm/split-merge.css +18 -18
  89. package/workspace/public/pm/task-card.css +24 -24
  90. package/workspace/public/pm/tk-tasks.css +42 -42
  91. package/workspace/public/pm/tk-view.css +6 -6
  92. package/workspace/public/pm/wf-page.css +31 -31
  93. package/workspace/public/premium-aud.html +1 -1
  94. package/workspace/public/premium-board.html +1 -1
  95. package/workspace/public/premium-intelligence.html +1 -1
  96. package/workspace/public/premium-rec.html +1 -1
  97. package/workspace/public/premium-viewer.html +1 -1
  98. package/workspace/public/premium-workflows.html +1 -1
  99. package/workspace/public/premium.html +1 -1
  100. package/workspace/public/vendor/plus-jakarta-sans-var.woff2 +0 -0
  101. package/workspace/server.js +1 -0
  102. package/workspace/third-party/README.md +2 -1
  103. package/workspace/third-party/plus-jakarta-sans-OFL.LICENSE +93 -0
package/workspace/public/pm/cozy-rec-present.css CHANGED
@@ -14,18 +14,18 @@
14
14
  .rxp-pop { position: fixed; z-index: 1100; left: var(--rxp-x, 16px); bottom: var(--rxp-b, 96px); width: min(360px, calc(100vw - 32px)); max-height: calc(100vh - 140px); overflow: auto;
15
15
  padding: 8px; border-radius: 18px; background: var(--cz-card); color: var(--cz-ink); box-shadow: var(--cz-lift); font-family: var(--cz-sans); }
16
16
  .rxp-pick { display: flex; flex-direction: column; }
17
- .rxp-ph { margin: 6px 10px 4px; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); }
17
+ .rxp-ph { margin: 6px 10px 4px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
18
18
  .rxp-row { width: 100%; display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 10px; border: 0; border-radius: 12px; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
19
19
  .rxp-row:focus-visible { background: var(--cz-well); }
20
20
  @media (hover: hover) { .rxp-row:hover { background: var(--cz-well); } }
21
21
  .rxp-fi { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--cz-well); color: var(--cz-ink2); flex: none; }
22
- .rxp-w { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: var(--fs-3); font-weight: 700; }
23
- .rxp-w span { font-size: var(--fs-2); font-weight: 500; color: var(--cz-ink3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
22
+ .rxp-w { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: var(--lh-row); }
23
+ .rxp-w span { font-size: var(--fs-meta); font-weight: var(--fw-regular); color: var(--cz-ink3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: var(--lh-meta); }
24
24
  .rxp-pick hr { border: 0; border-top: 1px solid var(--cz-hair); margin: 6px 10px; }
25
25
  .rxp-in { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 10px; }
26
- .rxp-in input { flex: 1; min-width: 0; min-height: 32px; border: 0; background: transparent; font: inherit; font-size: var(--fs-3); color: var(--cz-ink); outline: none; }
26
+ .rxp-in input { flex: 1; min-width: 0; min-height: 32px; border: 0; background: transparent; font: inherit; font-size: var(--fs-body); color: var(--cz-ink); outline: none; line-height: var(--lh-body); }
27
27
  .rxp-in input::placeholder { color: var(--cz-ink3); }
28
- .rxp-none, .rxp-err { margin: 2px 10px 6px 54px; font-size: var(--fs-2); color: var(--cz-ink3); }
28
+ .rxp-none, .rxp-err { margin: 2px 10px 6px 54px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
29
29
  .rxp-err { color: var(--cz-red); }
30
30
  .rxp-pop .rxp-ib { color: var(--cz-ink2); background: var(--cz-well); }
31
31
 
@@ -38,7 +38,7 @@
38
38
  .rxp-main.rxp-one { grid-template-columns: minmax(0, 1fr); }
39
39
  .rxp-they { position: relative; min-width: 0; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 56px 24px 24px; border-radius: 16px; background: var(--cz-c-17191c); overflow: hidden; }
40
40
  .rxp-pill { position: absolute; left: 12px; top: 12px; z-index: 1; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px; border-radius: 999px;
41
- background: var(--cz-c-2546b8); color: var(--cz-c-ffffff); font-size: var(--fs-2); font-weight: 800; }
41
+ background: var(--cz-c-2546b8); color: var(--cz-c-ffffff); font-size: var(--fs-label); font-weight: var(--fw-strong); line-height: var(--lh-label); }
42
42
  .rxp-audb { position: absolute; right: 12px; top: 10px; z-index: 1; }
43
43
  .rxp-ib { width: 40px; height: 40px; border-radius: 50%; display: inline-grid; place-items: center; flex: none; border: 0; padding: 0; cursor: pointer; background: var(--cz-c-2a2d33); color: var(--cz-c-ffffff); }
44
44
  .rxp-ib:disabled { opacity: .35; cursor: default; }
@@ -49,17 +49,17 @@
49
49
  .rxp-img { max-width: 100%; max-height: 100%; display: block; }
50
50
  .rxp-pdf { width: 100%; height: 100%; border: 0; border-radius: 6px; background: var(--cz-c-ffffff); pointer-events: none; }
51
51
  .rxp-video { width: 100%; height: 100%; object-fit: contain; display: block; }
52
- .rxp-msg { max-width: 520px; display: flex; align-items: center; gap: 14px; font-size: var(--fs-3); line-height: 1.5; color: var(--cz-c-d9dce1); }
52
+ .rxp-msg { max-width: 520px; display: flex; align-items: center; gap: 14px; font-size: var(--fs-body); line-height: 1.5; color: var(--cz-c-d9dce1); }
53
53
  .rxp-col { min-height: 0; display: flex; flex-direction: column; gap: 12px; overflow: auto; }
54
- .rxp-card { padding: 14px 14px 16px; border-radius: 14px; background: var(--cz-c-2a2d33); font-size: var(--fs-3); line-height: 1.5; }
55
- .rxp-card h4 { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: var(--fs-2); font-weight: 700; color: var(--cz-c-9aa1ab); }
54
+ .rxp-card { padding: 14px 14px 16px; border-radius: 14px; background: var(--cz-c-2a2d33); font-size: var(--fs-body); line-height: 1.5; }
55
+ .rxp-card h4 { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-c-9aa1ab); line-height: var(--lh-label); }
56
56
  .rxp-card ul { margin: 0; padding-left: 18px; }
57
57
  .rxp-card li + li { margin-top: 8px; }
58
58
  .rxp-nx { height: 160px; display: grid; place-items: center; border-radius: 10px; overflow: hidden; }
59
59
  .rxp-nav { display: flex; align-items: center; gap: 10px; min-height: 44px; }
60
- .rxp-count { min-width: 56px; text-align: center; font-size: var(--fs-3); font-weight: 800; font-variant-numeric: tabular-nums; }
60
+ .rxp-count { min-width: 56px; text-align: center; font-size: var(--fs-row); font-weight: var(--fw-strong); font-variant-numeric: tabular-nums; line-height: var(--lh-row); }
61
61
  .rxp-sp { flex: 1; }
62
- .rxp-on { font-size: var(--fs-3); font-weight: 700; color: var(--cz-c-9aa1ab); font-variant-numeric: tabular-nums; }
62
+ .rxp-on { font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-c-9aa1ab); font-variant-numeric: tabular-nums; line-height: var(--lh-row); }
63
63
  .rxp-shots { display: flex; gap: 8px; }
64
64
  .rxp-shots img { width: 56px; height: 32px; object-fit: cover; border-radius: 6px; background: var(--cz-c-33363c); }
65
65
 
package/workspace/public/pm/cozy-rec-tab.css CHANGED
@@ -13,17 +13,17 @@ body.rt-page { height: 100vh; overflow: hidden; }
13
13
  .rt-hd { display: flex; align-items: center; gap: 10px; min-height: 40px; }
14
14
  .rt-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--cz-dot-q); flex: none; }
15
15
  .rt[data-mode="screen"] .rt-dot, .rt[data-mode="room"] .rt-dot { background: var(--cz-dot-red); animation: rt-breathe 2.4s ease-in-out infinite; }
16
- .rt-clock { font-size: var(--fs-4); font-weight: 800; font-variant-numeric: tabular-nums; color: var(--cz-ink3); }
16
+ .rt-clock { font-size: var(--fs-row); font-weight: var(--fw-strong); font-variant-numeric: tabular-nums; color: var(--cz-ink3); line-height: var(--lh-row); }
17
17
  .rt[data-mode="screen"] .rt-clock, .rt[data-mode="room"] .rt-clock { color: var(--cz-dot-red); }
18
18
  .rt.late .rt-clock, .rt-past { color: var(--cz-dot-risk); }
19
- .rt-title { margin: 0; font-size: var(--fs-4); font-weight: 800; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
20
- .rt-past { font-size: var(--fs-3); font-weight: 700; }
19
+ .rt-title { margin: 0; font-size: var(--fs-row); font-weight: var(--fw-strong); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-row); }
20
+ .rt-past { font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: var(--lh-row); }
21
21
  .rt-ad { display: inline-flex; align-items: center; flex: none; } /* Adler with headphones (AdH5) */
22
22
  .rt-ad[hidden] { display: none; }
23
23
  @keyframes rt-breathe { 0%, 100% { opacity: 1 } 50% { opacity: .45 } }
24
24
  @media (prefers-reduced-motion: reduce) { .rt-dot { animation: none !important; } }
25
25
 
26
- .rt-alert { margin: 6px 0 0; display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 14px; border-radius: 14px; background: var(--cz-riskbg); color: var(--cz-risk); font-weight: 700; font-size: var(--fs-3); }
26
+ .rt-alert { margin: 6px 0 0; display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 14px; border-radius: 14px; background: var(--cz-riskbg); color: var(--cz-risk); font-weight: var(--fw-strong); font-size: var(--fs-row); line-height: var(--lh-row); }
27
27
  .rt-alert span { flex: 1; }
28
28
 
29
29
  .rt-stage { flex: 1; min-height: 0; display: flex; flex-direction: column; margin-top: 10px; position: relative; }
@@ -32,10 +32,10 @@ body.rt-page { height: 100vh; overflow: hidden; }
32
32
  .rt-scr { flex: 1; min-height: 0; border-radius: 12px; background: var(--cz-c-17191c); display: flex; align-items: center; justify-content: center; overflow: hidden; }
33
33
  .rt-scr video { max-width: 100%; max-height: 100%; display: block; }
34
34
  .rt-scr.off { flex-direction: column; gap: 12px; background: var(--cz-c-2a2d33); }
35
- .rt-scr.off p { margin: 0; font-size: var(--fs-4); font-weight: 800; color: var(--cz-c-9ea4ad); }
35
+ .rt-scr.off p { margin: 0; font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-c-9ea4ad); line-height: var(--lh-row); }
36
36
  .rt-wait { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; }
37
- .rt-wait h2 { margin: 0; font-size: var(--fs-5); font-weight: 800; }
38
- .rt-wait p { margin: 0 0 8px; font-size: var(--fs-3); color: var(--cz-ink3); max-width: 420px; }
37
+ .rt-wait h2 { margin: 0; font-size: var(--fs-panel); font-weight: var(--fw-strong); line-height: var(--lh-panel); }
38
+ .rt-wait p { margin: 0 0 8px; font-size: var(--fs-body); color: var(--cz-ink3); max-width: 420px; line-height: var(--lh-body); }
39
39
 
40
40
  /* the meeting so far: one mark per highlight, a card with the moment on hover or focus */
41
41
  .rt-line { position: relative; height: 28px; margin: 12px 4px 0; }
@@ -46,12 +46,12 @@ body.rt-page { height: 100vh; overflow: hidden; }
46
46
  .rt-star { width: 28px; height: 28px; border: 0; padding: 0; border-radius: 50%; background: transparent; color: var(--cz-dot-risk); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
47
47
  .rt-star svg { fill: currentColor; stroke: none; }
48
48
  .rt-star:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 1px; }
49
- .rt-hv { display: none; position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); width: 240px; padding: 10px; border-radius: 14px; background: var(--cz-card); color: var(--cz-ink); box-shadow: var(--cz-sheet); font-size: var(--fs-3); z-index: 3; flex-direction: column; gap: 4px; }
50
- .rt-hv b { font-size: var(--fs-2); color: var(--cz-ink3); }
49
+ .rt-hv { display: none; position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); width: 240px; padding: 10px; border-radius: 14px; background: var(--cz-card); color: var(--cz-ink); box-shadow: var(--cz-sheet); font-size: var(--fs-body); z-index: 3; flex-direction: column; gap: 4px; line-height: var(--lh-body); }
50
+ .rt-hv b { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
51
51
  .rt-hv img { width: 100%; border-radius: 8px; margin-top: 4px; display: block; }
52
52
  .rt-mk:hover .rt-hv, .rt-mk:focus-within .rt-hv { display: flex; }
53
53
 
54
- .rt-msg { margin: 8px 0 0; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink3); text-align: center; }
54
+ .rt-msg { margin: 8px 0 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); text-align: center; line-height: var(--lh-label); }
55
55
  .rt[data-mode="screen"] .rt-msg { color: var(--cz-c-9ea4ad); }
56
56
 
57
57
  /* the bar: icon only; Stop is the one red press */
@@ -74,10 +74,10 @@ body.rt-page { height: 100vh; overflow: hidden; }
74
74
  /* Stop asks first; the next meeting asks once */
75
75
  .rt-ask { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--cz-c-17191c) 35%, transparent); z-index: 5; }
76
76
  .rt-askc { width: min(420px, calc(100vw - 32px)); box-sizing: border-box; padding: 20px; border-radius: 20px; background: var(--cz-card); color: var(--cz-ink); box-shadow: var(--cz-sheet); }
77
- .rt-askc b { font-size: var(--fs-4); }
78
- .rt-askc p { margin: 8px 0 0; font-size: var(--fs-3); color: var(--cz-ink2); }
77
+ .rt-askc b { font-size: var(--fs-body); line-height: var(--lh-body); }
78
+ .rt-askc p { margin: 8px 0 0; font-size: var(--fs-body); color: var(--cz-ink2); line-height: var(--lh-body); }
79
79
  .rt-acts { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
80
- .rt-t { min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--cz-hair); background: var(--cz-card); color: var(--cz-ink); font: 700 var(--fs-3) var(--cz-sans); cursor: pointer; }
80
+ .rt-t { min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--cz-hair); background: var(--cz-card); color: var(--cz-ink); font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); cursor: pointer; }
81
81
  .rt-t.red { background: var(--cz-dot-red); color: var(--cz-onsolid); border-color: transparent; }
82
82
  .rt-t.blue { background: var(--cz-solid); color: var(--cz-onsolid); border-color: transparent; }
83
83
 
package/workspace/public/pm/cozy-steps.css CHANGED
@@ -15,8 +15,8 @@ button.cz-st:focus-visible, .cz-sact:focus-visible, .cz-more:focus-visible, .cz-
15
15
  .cz-nd.done { background: var(--cz-bluebg); color: var(--cz-blueink); }
16
16
  .cz-nd.you { border: 2px solid var(--cz-blue); }
17
17
  .cz-nd.you::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; background: var(--cz-blue); animation: cz-st-info 6s ease-out infinite; }
18
- .cz-nd.risk { border: 2px solid var(--cz-risk); color: var(--cz-risk); font-size: var(--fs-2); }
19
- .cz-nd.risk b { font-weight: 900; }
18
+ .cz-nd.risk { border: 2px solid var(--cz-risk); color: var(--cz-risk); font-size: var(--fs-meta); line-height: var(--lh-meta); }
19
+ .cz-nd.risk b { font-weight: var(--fw-strong); }
20
20
  .cz-nd.risk::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; background: var(--cz-risk); animation: cz-st-warn 3.2s ease-out infinite; }
21
21
  .cz-nd.tl { border: 1.6px dashed var(--cz-sl-line); }
22
22
  .cz-nd.go { background: var(--cz-solid); color: var(--cz-onsolid); }
@@ -31,26 +31,26 @@ button.cz-st:focus-visible, .cz-sact:focus-visible, .cz-more:focus-visible, .cz-
31
31
  @media (prefers-reduced-motion: reduce) { .cz-spin svg, .cz-nd.you::after, .cz-nd.risk::after { animation: none; } .cz-nd.you::after, .cz-nd.risk::after { opacity: 0; } }
32
32
 
33
33
  /* the words */
34
- .cz-st .tx { flex: 1; min-width: 0; font-size: var(--fs-3); line-height: 1.35; padding-top: 1px; }
35
- .cz-st .tx small { display: block; font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; margin-top: 2px; }
34
+ .cz-st .tx { flex: 1; min-width: 0; font-size: var(--fs-body); line-height: 1.35; padding-top: 1px; }
35
+ .cz-st .tx small { display: block; font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); margin-top: 2px; line-height: var(--lh-label); }
36
36
  .cz-st .tx small.warn { color: var(--cz-risk); }
37
- .cz-st .tx code { display: block; margin-top: 3px; font-family: var(--cz-mono); font-size: var(--fs-1); color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
37
+ .cz-st .tx code { display: block; margin-top: 3px; font-family: var(--cz-mono); font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-meta); }
38
38
  .cz-st.dn .tx { color: var(--cz-ink3); }
39
- .cz-st.now .tx .lb { font-weight: 800; }
40
- .cz-st.rk .tx .lb { font-weight: 800; }
39
+ .cz-st.now .tx .lb { font-weight: var(--fw-strong); }
40
+ .cz-st.rk .tx .lb { font-weight: var(--fw-strong); }
41
41
  .cz-st.wt .tx { color: var(--cz-ink2); }
42
42
  .cz-st.sk .tx .lb { text-decoration: line-through; color: var(--cz-ink3); }
43
- .cz-fold { align-items: center; min-height: 40px; padding-bottom: 6px; color: var(--cz-ink3); font-size: var(--fs-2); font-weight: 600; }
44
- .cz-fold .tx { font-size: var(--fs-2); color: var(--cz-ink3); padding-top: 0; }
43
+ .cz-fold { align-items: center; min-height: 40px; padding-bottom: 6px; color: var(--cz-ink3); font-size: var(--fs-label); font-weight: var(--fw-strong); line-height: var(--lh-label); }
44
+ .cz-fold .tx { font-size: var(--fs-meta); color: var(--cz-ink3); padding-top: 0; line-height: var(--lh-meta); }
45
45
  .cz-fold[aria-expanded="false"] .tx { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
46
46
  .cz-cv { display: inline-flex; color: var(--cz-ink3); margin-top: 3px; flex: none; }
47
47
  .cz-fold .cz-cv { margin-top: 0; }
48
- .cz-more { display: flex; align-items: center; min-height: 36px; width: 100%; padding: 0 0 6px 34px; font: inherit; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); background: transparent; border: 0; cursor: pointer; text-align: left; }
48
+ .cz-more { display: flex; align-items: center; min-height: 36px; width: 100%; padding: 0 0 6px 34px; font: inherit; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); background: transparent; border: 0; cursor: pointer; text-align: left; line-height: var(--lh-label); }
49
49
  .cz-sli:has(> .cz-more)::before { display: none; }
50
50
 
51
51
  /* the go button (the one primary), the owner, the trailing act */
52
52
  .cz-gob { flex: none; width: 32px; height: 32px; margin-top: -4px; border-radius: 50%; background: var(--cz-solid); color: var(--cz-onsolid); display: inline-flex; align-items: center; justify-content: center; }
53
- .cz-own { flex: none; width: 24px; height: 24px; margin-top: -1px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: var(--fs-1); font-weight: 800; background: var(--cz-riskbg); color: var(--cz-risk); }
53
+ .cz-own { flex: none; width: 24px; height: 24px; margin-top: -1px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: var(--fs-badge); font-weight: var(--fw-strong); background: var(--cz-riskbg); color: var(--cz-risk); line-height: var(--lh-badge); }
54
54
  .cz-own.c { background: var(--cz-solid); color: var(--cz-onsolid); }
55
55
  .cz-own.cw { background: var(--cz-well); color: var(--cz-ink2); }
56
56
  .cz-own.j { background: var(--cz-well); color: var(--cz-ink2); border-radius: 6px; }
@@ -64,9 +64,9 @@ button.cz-st:focus-visible, .cz-sact:focus-visible, .cz-more:focus-visible, .cz-
64
64
  .cz-jb + small { margin-top: 4px !important; }
65
65
 
66
66
  /* the last node: the next stage, then the button when every step is done */
67
- .cz-st.mv .tx .nm { display: flex; align-items: center; gap: 6px; font-weight: 800; color: var(--cz-ink); }
68
- .cz-st.mv .tx small { font-weight: 600; }
67
+ .cz-st.mv .tx .nm { display: flex; align-items: center; gap: 6px; font-weight: var(--fw-strong); color: var(--cz-ink); }
68
+ .cz-st.mv .tx small { font-weight: var(--fw-strong); }
69
69
  .cz-auto { display: inline-flex; color: var(--cz-blue); }
70
70
  .cz-st.mvr { align-items: center; padding-bottom: 4px; }
71
- .cz-mvb { flex: 1; min-height: 44px; border-radius: 14px; background: var(--cz-solid); color: var(--cz-onsolid); font: inherit; font-weight: 800; font-size: var(--fs-3); display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; padding: 0 16px; }
71
+ .cz-mvb { flex: 1; min-height: 44px; border-radius: 14px; background: var(--cz-solid); color: var(--cz-onsolid); font: inherit; font-weight: var(--fw-strong); font-size: var(--fs-row); display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; padding: 0 16px; line-height: var(--lh-row); }
72
72
  .cz-mvb span { display: inline-flex; align-items: center; gap: 4px; }