create-pmos 0.512.0 → 0.514.0

package/workspace/public/pm/bd-publish.css

@@ -10,7 +10,7 @@
 .bppop .bpib.sm,.bppop .bpib.xs{width:34px;height:34px}.bppop .bpib.xs .i{width:14px;height:14px}
 .bppop .bpib.big{width:48px;height:48px}.bppop .bpib.big .i{width:20px;height:20px}
 .bppop .bpib:disabled{opacity:.55;cursor:default}
-.bppop .bphead{display:flex;align-items:center;gap:10px;padding:4px 8px 10px}.bppop .bphead b{display:block;font-weight:800}.bppop .bphead em{font-style:normal;color:var(--ink-3);font-size:12px}
+.bppop .bphead{display:flex;align-items:center;gap:10px;padding:4px 8px 10px}.bppop .bphead b{display:block;font-weight:var(--fw-strong)}.bppop .bphead em{font-style:normal;color:var(--ink-3);font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .bppop .bptile{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cz-risk) 14%,transparent);flex:none}.bppop .bptile .i{color:var(--cz-risk)}
 .bppop .bpfoot{display:flex;align-items:center;gap:8px;padding:8px 8px 4px}
 .bppop .bphost{display:flex;align-items:center;gap:6px;min-width:0;padding:0}.bppop .bphn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -18,19 +18,19 @@
 .bppop .bpshared{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);min-height:44px;margin:10px 8px 0;padding:0 2px;border:0;border-top:1px solid var(--hair);background:transparent;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer}
 .bppop .bpshared:hover{color:var(--ink)}
 .bppop .i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-3)}
-.bppop .bpeye{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 8px 2px}
+.bppop .bpeye{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 8px 2px}
 .bppop .bpchips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 6px}
 .bppop .bpchip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--hair);background:var(--card-solid);color:inherit;font:inherit;cursor:pointer}
-.bppop .bpchip small{font:500 11px var(--mono);color:var(--ink-3)}
-.bppop .bpchip[aria-pressed="true"]{border-color:var(--solid);color:var(--solid);font-weight:600;background:color-mix(in srgb,var(--solid) 10%,transparent)}
+.bppop .bpchip small{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3)}
+.bppop .bpchip[aria-pressed="true"]{border-color:var(--solid);color:var(--solid);font-weight:var(--fw-strong);background:color-mix(in srgb,var(--solid) 10%,transparent)}
 .bppop .bpchip.add{border-style:dashed}
 .bppop .bpmenu{display:grid;margin:0 8px 6px;border:1px solid var(--hair);border-radius:8px;max-height:180px;overflow:auto}
 .bppop .bpmenu button{min-height:40px;padding:0 12px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
 .bppop .bpmenu button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}
-.bppop .bpfield{display:grid;gap:2px;padding:2px 8px}.bppop .bpfield>label{font-size:12px;color:var(--ink-3)}
+.bppop .bpfield{display:grid;gap:2px;padding:2px 8px}.bppop .bpfield>label{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .bppop .bpinp,.bppop .bpinp2{min-height:40px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);color:inherit;font:inherit}
 .bppop .bpinp{padding:0 12px;width:100%}
-.bppop .bpinp2{display:flex;align-items:center;gap:8px;padding:0 4px 0 12px;min-height:44px;border-radius:22px}.bppop .bpinp2 input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:0;min-height:40px}.bppop .bpinp2 #bpPass{font:700 14px var(--mono)}
+.bppop .bpinp2{display:flex;align-items:center;gap:8px;padding:0 4px 0 12px;min-height:44px;border-radius:22px}.bppop .bpinp2 input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:0;min-height:40px}.bppop .bpinp2 #bpPass{font:var(--fw-strong) var(--fs-row)/var(--lh-row) var(--mono)}
 .bppop .bpfield{padding:3px 8px}
 .bppop .bpline2{display:flex;align-items:center;gap:10px;min-height:40px;padding:2px 8px}.bppop .bpg{flex:1;min-width:0}
 .bppop .bpsw{width:48px;height:40px;border:0;background:transparent;position:relative;cursor:pointer;flex:none;padding:0}
@@ -39,11 +39,11 @@
 .bppop .bpsw[aria-checked="true"]::before{background:var(--solid)}.bppop .bpsw[aria-checked="true"]::after{left:auto;right:9px}
 .bppop .bpseg{display:inline-flex;border:1px solid var(--hair);border-radius:8px;overflow:hidden}
 .bppop .bpseg button{border:0;background:transparent;color:var(--ink-2);min-height:36px;padding:0 12px;font:inherit;cursor:pointer}
-.bppop .bpseg button[aria-pressed="true"]{background:color-mix(in srgb, var(--ink) 6%, transparent);color:inherit;font-weight:600}
-.bppop .bpnote{color:var(--ink-3);font-size:12px;padding:4px 8px;margin:0}
-.bppop .bperr{margin:4px 8px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);font-size:14px}
+.bppop .bpseg button[aria-pressed="true"]{background:color-mix(in srgb, var(--ink) 6%, transparent);color:inherit;font-weight:var(--fw-strong)}
+.bppop .bpnote{color:var(--ink-3);font-size:var(--fs-meta);padding:4px 8px;margin:0;line-height:var(--lh-meta);}
+.bppop .bperr{margin:4px 8px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);font-size:var(--fs-body);line-height:var(--lh-body);}
 .bppop .bplnk{margin:2px 8px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb, var(--ink) 6%, transparent);display:grid;gap:8px}
-.bppop .bpline{display:flex;align-items:center;gap:8px}.bppop .bplnk code{font:500 12px var(--mono);overflow-wrap:anywhere}
+.bppop .bpline{display:flex;align-items:center;gap:8px}.bppop .bplnk code{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);overflow-wrap:anywhere}
 .bppop :focus-visible{outline:2px solid var(--ember);outline-offset:2px}
-#bdPublish{position:relative}#bdPublish .bpn{position:absolute;top:2px;right:0;min-width:16px;padding:0 5px;border-radius:99px;background:var(--solid);color:var(--on-solid);font:600 11px var(--mono);text-align:center;line-height:16px}
+#bdPublish{position:relative}#bdPublish .bpn{position:absolute;top:2px;right:0;min-width:16px;padding:0 5px;border-radius:99px;background:var(--solid);color:var(--on-solid);font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);text-align:center;line-height:16px}
 @media (max-width:640px){.bppop{left:0 !important;right:0;bottom:0;top:auto !important;width:auto;max-width:none;border-radius:16px 16px 0 0;border-width:1px 0 0;box-shadow:0 -8px 30px rgb(0 0 0 / .18)}.bppop .bpbody{max-height:85vh;padding:12px 12px calc(18px + env(safe-area-inset-bottom,0px))}.bppop .bpcaret{display:none}}

package/workspace/public/pm/bd-shared.css

@@ -28,22 +28,22 @@
 #cShared .bdsh-tile { width: 40px; height: 40px; border-radius: 12px; background: var(--cz-well); color: var(--cz-ink2); display: inline-flex; align-items: center; justify-content: center; flex: none; }
 #cShared .bdsh-tile svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
 #cShared .bdsh-txt { flex: 1; min-width: 0; display: grid; gap: 2px; }
-#cShared .bdsh-nm { font-size: var(--fs-4); font-weight: 800; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
+#cShared .bdsh-nm { font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
 #cShared .bdsh-plain { cursor: default; color: var(--cz-ink); }
-#cShared .bdsh-meta { font-size: var(--fs-2); color: var(--cz-ink3); }
-#cShared .bdsh-warn { color: var(--cz-red); font-weight: 700; }
-#cShared .bdsh-end { font-size: var(--fs-2); font-weight: 700; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: var(--cz-ink2); }
+#cShared .bdsh-meta { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+#cShared .bdsh-warn { color: var(--cz-red); font-weight: var(--fw-strong); }
+#cShared .bdsh-end { font-size: var(--fs-label); font-weight: var(--fw-strong); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: var(--cz-ink2); line-height: var(--lh-label); }
 #cShared .bdsh-end.soon { color: var(--cz-risk); }
 #cShared .bdsh-act { display: flex; align-items: center; gap: 4px; margin-left: 8px; }
-#cShared .bdsh-fold { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; margin: 6px 0 0; padding: 0 4px; border: 0; background: none; color: var(--cz-ink3); font: 700 var(--fs-2) var(--cz-sans); cursor: pointer; }
+#cShared .bdsh-fold { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; margin: 6px 0 0; padding: 0 4px; border: 0; background: none; color: var(--cz-ink3); font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); cursor: pointer; }
 #cShared .bdsh-fold svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s; }
 #cShared .bdsh-fold[aria-expanded="true"] svg { transform: rotate(90deg); }
-#cShared .bdsh-read { display: flex; align-items: center; gap: 6px; margin: 18px 4px 0; font-size: var(--fs-1); }
+#cShared .bdsh-read { display: flex; align-items: center; gap: 6px; margin: 18px 4px 0; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 #cShared .bdsh-pad { padding: 24px 4px; margin: 0; }
 
 /* a team that cannot be read, and the selected team's line */
 #cShared .bdsh-ban, #cShared .bdsh-tl { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; margin: 0 0 10px; background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 18px; }
-#cShared .bdsh-bt, #cShared .bdsh-tl > .bdsh-meta { flex: 1; min-width: 0; font-size: var(--fs-3); }
+#cShared .bdsh-bt, #cShared .bdsh-tl > .bdsh-meta { flex: 1; min-width: 0; font-size: var(--fs-body); line-height: var(--lh-body); }
 #cShared .bdsh-tl { background: transparent; border-color: transparent; padding: 0 0 0 4px; }
 
 /* popovers: join under the plus, the new password under the key */
@@ -54,8 +54,8 @@
 #cShared .bdsh-pwpop { right: 96px; width: min(360px, calc(100vw - 32px)); }
 #cShared .bdsh-pwpop::before { right: 50px; }
 #cShared .bdsh-ph { display: flex; align-items: center; gap: 8px; }
-#cShared .bdsh-ph b { flex: 1; font-size: var(--fs-4); font-weight: 800; }
-#cShared .bdsh-cap { font: 800 12px var(--cz-sans); letter-spacing: .04em; text-transform: uppercase; color: var(--cz-ink3); }
+#cShared .bdsh-ph b { flex: 1; font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: var(--lh-row); }
+#cShared .bdsh-cap { font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); letter-spacing: .04em; text-transform: uppercase; color: var(--cz-ink3); }
 #cShared .bdsh-pend { display: flex; justify-content: flex-end; }
 #cShared .bdsh-pop p { margin: 0; }
 
@@ -65,17 +65,17 @@
 #cShared .bdsh-fld.ro { background: var(--cz-well); }
 #cShared .bdsh-fld svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
 #cShared .bdsh-fld .bdsh-in { border: 0; padding: 0; min-height: 40px; background: transparent; }
-#cShared .bdsh-in { flex: 1; min-width: 0; width: 100%; min-height: 44px; padding: 0 14px; border: 1px solid var(--cz-hair); border-radius: 22px; background: var(--cz-card); color: var(--cz-ink); font: inherit; font-size: var(--fs-3); outline: 0; }
-#cShared .bdsh-t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--cz-ink); font: 700 var(--fs-3) var(--cz-mono); }
+#cShared .bdsh-in { flex: 1; min-width: 0; width: 100%; min-height: 44px; padding: 0 14px; border: 1px solid var(--cz-hair); border-radius: 22px; background: var(--cz-card); color: var(--cz-ink); font: inherit; font-size: var(--fs-body); outline: 0; line-height: var(--lh-body); }
+#cShared .bdsh-t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--cz-ink); font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-mono); }
 #cShared .bdsh-typed { display: grid; gap: 8px; }
-#cShared .bdsh-err { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--cz-red); font-weight: 700; font-size: var(--fs-1); }
+#cShared .bdsh-err { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--cz-red); font-weight: var(--fw-strong); font-size: var(--fs-badge); line-height: var(--lh-badge); }
 #cShared .bdsh-lk { justify-self: start; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; min-height: 36px; padding: 0 2px; }
-#cShared .bdsh-fine { display: flex; align-items: center; gap: 6px; font-size: var(--fs-1); margin: 0; }
+#cShared .bdsh-fine { display: flex; align-items: center; gap: 6px; font-size: var(--fs-meta); margin: 0; line-height: var(--lh-meta); }
 #cShared .bdsh-fine svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
 
 /* first run: the calm face, one sentence, the invite field */
 #cShared .bdsh-first { max-width: 420px; margin: 24px auto; padding: 28px 24px; background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 18px; display: grid; justify-items: center; gap: 14px; text-align: center; }
-#cShared .bdsh-big { margin: 0; font-size: var(--fs-5); font-weight: 800; }
+#cShared .bdsh-big { margin: 0; font-size: var(--fs-display); font-weight: var(--fw-strong); line-height: var(--lh-display); }
 #cShared .bdsh-form { width: 100%; display: grid; gap: 8px; text-align: left; }
 #cShared :focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 
@@ -83,9 +83,9 @@
 @media (max-width: 720px) {
   #cShared .bdsh-card { flex-wrap: wrap; align-items: flex-start; gap: 4px 8px; padding: 12px; }
   #cShared .bdsh-tile { display: none; }
-  #cShared .bdsh-nm { font-size: 16px; }
-  #cShared .bdsh-meta { font-size: var(--fs-1); }
-  #cShared .bdsh-end { font-size: var(--fs-1); padding-top: 2px; }
+  #cShared .bdsh-nm { font-size: var(--fs-body); line-height: var(--lh-body); }
+  #cShared .bdsh-meta { font-size: var(--fs-meta); line-height: var(--lh-meta); }
+  #cShared .bdsh-end { font-size: var(--fs-meta); padding-top: 2px; line-height: var(--lh-meta); }
   #cShared .bdsh-act { flex: 1 0 100%; justify-content: flex-end; margin: 2px 0 0; }
   #cShared .bdsh-act.open { display: none; }   /* on a phone the name opens a team's board (SbStates): no lone icon row */
   #cShared .bdsh-pwpop { left: 0; right: 0; width: auto; top: auto; bottom: calc(100% + 6px); }

package/workspace/public/pm/c3-capture.css

@@ -1,23 +1,23 @@
 /* pm/c3-capture.css — the page the PMOS Chrome extension frames in its popup (c3-capture.js). Mockup 42-reportdeck.css .mk-cx-pop and friends. */
 .c3.c3-cap { min-height: 0; padding: 8px; background: var(--background); }
 .c3 .cap-pop { display: grid; gap: 10px; padding: 12px; box-sizing: border-box; }
-.c3 .cap-head { display: flex; gap: 8px; align-items: center; font-size: var(--fs-3); font-weight: 600; }
-.c3 .cap-head b { font-size: var(--fs-1); color: var(--acc); }
+.c3 .cap-head { display: flex; gap: 8px; align-items: center; font-size: var(--fs-section); font-weight: var(--fw-strong); line-height: var(--lh-section); }
+.c3 .cap-head b { font-size: var(--fs-meta); color: var(--acc); line-height: var(--lh-meta); }
 .c3 .cap-head span { flex: 1; min-width: 0; }
 .c3 .cap-what { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; align-items: start; padding: 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
-.c3 .cap-what b { display: flex; gap: 6px; align-items: center; font-size: var(--fs-2); overflow-wrap: anywhere; }
-.c3 .cap-what .mono { font-size: var(--fs-1); overflow-wrap: anywhere; }
+.c3 .cap-what b { display: flex; gap: 6px; align-items: center; font-size: var(--fs-meta); overflow-wrap: anywhere; line-height: var(--lh-meta); }
+.c3 .cap-what .mono { font-size: var(--fs-meta); overflow-wrap: anywhere; line-height: var(--lh-meta); }
 .c3 .cap-thumb { display: grid; gap: 3px; align-content: start; width: 56px; aspect-ratio: 16 / 9; padding: 4px; box-sizing: border-box; border: 1px solid var(--slide-border); border-radius: 6px; background: var(--slide-bg); }
 .c3 .cap-thumb i { display: block; height: 3px; background: var(--slide-track); }
 .c3 .cap-thumb.deck i:first-child { height: 6px; background: var(--slide-brand); }
 .c3 .cap-thumb.page { aspect-ratio: 3 / 4; width: 40px; justify-self: center; }
 .c3 .cap-f { display: grid; gap: 4px; }
-.c3 .cap-f select { width: 100%; box-sizing: border-box; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--background); color: var(--foreground); font: inherit; font-size: var(--fs-3); }
-.c3 .cap-lbl { font-size: var(--fs-1); }
-.c3 .cap-line { font-size: var(--fs-2); line-height: 1.5; }
-.c3 .cap-step { font-size: var(--fs-1); }
+.c3 .cap-f select { width: 100%; box-sizing: border-box; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--background); color: var(--foreground); font: inherit; font-size: var(--fs-body); line-height: var(--lh-body); }
+.c3 .cap-lbl { font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.c3 .cap-line { font-size: var(--fs-meta); line-height: 1.5; }
+.c3 .cap-step { font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .c3 .cap-acts { display: flex; gap: 8px; flex-wrap: wrap; }
-.c3 .cap-msg { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: var(--fs-3); line-height: 1.5; }
+.c3 .cap-msg { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: var(--fs-body); line-height: 1.5; }
 .c3 .cap-msg .ic { flex: 0 0 auto; margin-top: 4px; }
 .c3 .cap-prog { height: 6px; border-radius: 6px; background: var(--muted); overflow: hidden; }
 .c3 .cap-prog i { display: block; width: var(--rp-w, 6%); height: 100%; background: var(--acc); }

package/workspace/public/pm/c3-initiatives.css

@@ -33,10 +33,10 @@
 
 /* ── small parts ── */
 .c3 .ini-sw{display:inline-block;width:8px;height:8px;border-radius:0;flex:none;background:var(--ini-c)}
-.c3 .ini-note{font-size:var(--fs-2);line-height:1.45}
-.c3 .ini-lbl{font-size:var(--fs-1);letter-spacing:.04em}
-.c3 .ini-meta{font-size:var(--fs-2)}
-.c3 .ini-sub{text-transform:none;letter-spacing:0;font-weight:400}
+.c3 .ini-note{font-size:var(--fs-meta);line-height:1.45}
+.c3 .ini-lbl{font-size:var(--fs-meta);letter-spacing:.04em;line-height:var(--lh-meta);}
+.c3 .ini-meta{font-size:var(--fs-meta);line-height:var(--lh-meta);}
+.c3 .ini-sub{text-transform:none;letter-spacing:0;font-weight:var(--fw-regular)}
 .c3 .ini-lhm{min-width:0}
 .c3 .ini-seg{overflow-x:auto;max-width:100%;scrollbar-width:thin}
 .c3 .ini-seg .bdg{margin-left:2px}
@@ -52,13 +52,13 @@
 .c3 .hbr .tk u{width:var(--in-w,2%)}
 .c3 .hbr.ini-c{--c:var(--ini-c)}
 .c3 .ini-hbb{display:grid;gap:4px;width:100%;color:inherit;font:inherit;cursor:pointer}
-.c3 .ini-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;font-size:var(--fs-3)}
-.c3 .ini-kv dt{color:var(--muted-foreground);font:var(--fs-2) var(--mono)}
+.c3 .ini-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;font-size:var(--fs-body);line-height:var(--lh-body);}
+.c3 .ini-kv dt{color:var(--muted-foreground);font:var(--fs-meta)/var(--lh-meta) var(--mono)}
 .c3 .ini-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
 .c3 .ini-sp-sum{margin:var(--sp-3) 0;line-height:1.5}                                      /* a sprint's summary (sprint-goal-summary) */
 .c3 .ini-sp-facts{margin:0 0 var(--sp-2)}
 .c3 .ini-sp-goal{min-width:0}
-.c3 .ini-sp-note{font-size:var(--fs-2);line-height:1.45;margin-top:var(--sp-1)}
+.c3 .ini-sp-note{font-size:var(--fs-meta);line-height:1.45;margin-top:var(--sp-1)}
 .c3 .ini-sp-chips{margin-top:var(--sp-1)}
 .c3 .ini-sp-verdict{margin:var(--sp-3) 0;padding:var(--sp-3);border:1px solid var(--border);border-radius:8px}   /* the sprint brief (sprint-goal-summary) */
 .c3 .ini-sp-plan{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--acc)}
@@ -76,7 +76,7 @@
 .c3 .ini-vel .done{fill:var(--acc)}
 .c3 .ini-vel .done.now{fill:var(--warning)}
 .c3 .ini-vel .avg{stroke:var(--foreground);stroke-dasharray:4 3}
-.c3 .ini-vel text{fill:var(--muted-foreground);font:var(--fs-1) var(--mono)}
+.c3 .ini-vel text{fill:var(--muted-foreground);font:var(--fs-meta)/var(--lh-meta) var(--mono)}
 .c3 .ini-vel text.v{fill:var(--foreground)}
 .c3 .ini-num{width:84px;flex:none}
 .c3 .ini-up,.c3 .ini-down{display:inline-flex}
@@ -84,7 +84,7 @@
 .c3 .ini-down{transform:rotate(90deg)}
 .c3 .ini-sub-row{padding-left:var(--sp-5)}
 .c3 .ini-pager{justify-content:flex-end}
-.c3 .ini-chk{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-3);cursor:pointer}
+.c3 .ini-chk{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-body);cursor:pointer;line-height:var(--lh-body);}
 .c3 .ini-chk input{margin-top:2px;flex:none}
 .c3 .ini-chk.done span{color:var(--muted-foreground);text-decoration:line-through}
 .c3 .ini-grow{flex:1 1 auto}
@@ -94,7 +94,7 @@
 .c3 .ini-flash{outline:2px solid var(--acc);outline-offset:2px}
 .c3 .ini-pre{margin:0;white-space:pre-line}
 .c3 .ini-confirm{display:grid;gap:8px}
-.c3 .ini-err{color:var(--destructive);font-size:var(--fs-2)}
+.c3 .ini-err{color:var(--destructive);font-size:var(--fs-meta);line-height:var(--lh-meta);}
 
 /* console3 draws a row in a briefing column with two tracks; a row here with actions keeps its third */
 .c3 .ini .brief .nrow:has(>.acts>*){grid-template-columns:auto minmax(0,1fr) auto}
@@ -110,12 +110,12 @@
 .c3 .ini-burn .ideal{stroke:var(--muted-foreground);stroke-dasharray:3 3;fill:none}
 .c3 .ini-burn .act{stroke:var(--acc);stroke-width:2;fill:none;stroke-linejoin:round}
 .c3 .ini-burn .dot{fill:var(--acc)}
-.c3 .ini-burn text{fill:var(--muted-foreground);font:var(--fs-1) var(--mono)}
+.c3 .ini-burn text{fill:var(--muted-foreground);font:var(--fs-meta)/var(--lh-meta) var(--mono)}
 
 /* ── the popover menu ── */
 .c3 .ini-menu{position:fixed;left:var(--in-x,0);top:var(--in-y,0);z-index:60;width:min(300px,calc(100vw - 16px));max-height:min(420px,calc(100vh - 80px));overflow:auto;display:grid;gap:2px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--sh2)}
-.c3 .ini-mlbl{padding:6px 8px 2px;font:var(--fs-1) var(--mono);color:var(--muted-foreground);letter-spacing:.04em}
-.c3 .ini-mi{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:6px;font-size:var(--fs-3);color:var(--foreground)}
+.c3 .ini-mlbl{padding:6px 8px 2px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);letter-spacing:.04em}
+.c3 .ini-mi{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:6px;font-size:var(--fs-body);color:var(--foreground);line-height:var(--lh-body);}
 .c3 .ini-mi[aria-current="true"]{color:var(--muted-foreground)}
 
 /* ── the kanban (Board tab) ── */
@@ -148,23 +148,23 @@
 .c3 .ini-tlgrid i{position:absolute;top:0;bottom:0;left:calc(var(--in-d0) * var(--in-pd) * 1px);width:1px;background:var(--border);opacity:.45}
 .c3 .ini-tlgrid i.mj{opacity:1}
 .c3 .ini-tlnow{position:absolute;top:0;bottom:0;left:calc(var(--lw) + var(--in-d0) * var(--in-pd) * 1px);width:2px;margin-left:-1px;background:var(--foreground);box-shadow:0 0 0 3px var(--accw);z-index:1;pointer-events:none}
-.c3 .ini-tlnow b{position:absolute;top:19px;left:50%;transform:translateX(-50%);font:600 var(--fs-1)/1 var(--mono);padding:3px 5px;border-radius:6px;background:var(--foreground);color:var(--background);white-space:nowrap}
+.c3 .ini-tlnow b{position:absolute;top:19px;left:50%;transform:translateX(-50%);font:var(--fw-strong) var(--fs-badge)/1 var(--mono);padding:3px 5px;border-radius:6px;background:var(--foreground);color:var(--background);white-space:nowrap}
 .c3 .ini-tlr{position:relative;display:grid;grid-template-columns:var(--lw) minmax(0,1fr);height:24px;align-items:stretch}
-.c3 .ini-tll{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:4px;min-width:0;padding-right:8px;padding-left:calc(6px + var(--in-dep,0) * 14px);background:var(--card);border-right:1px solid var(--border);font:var(--fs-1)/1 var(--mono);color:var(--foreground)}
+.c3 .ini-tll{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:4px;min-width:0;padding-right:8px;padding-left:calc(6px + var(--in-dep,0) * 14px);background:var(--card);border-right:1px solid var(--border);font:var(--fs-meta)/1 var(--mono);color:var(--foreground)}
 .c3 .ini-tltr{position:relative;min-width:0}
 .c3 .ini-tlr.hl .ini-tltr{background:color-mix(in oklab,var(--acc) 7%,transparent)}
 .c3 .ini-tlr.hl .ini-tll{background:color-mix(in oklab,var(--acc) 7%,var(--card))}
 .c3 .ini-tlr.hl .ini-tlname{color:var(--acc)}
 .c3 .ini-tlr.grp{height:28px}
-.c3 .ini-tlr.grp .ini-tll{font-weight:600}
+.c3 .ini-tlr.grp .ini-tll{font-weight:var(--fw-strong)}
 .c3 .ini-tlr.grp:not(:first-of-type){border-top:1px solid var(--border)}
-.c3 .ini-tlr.ini .ini-tll{font-weight:500}
+.c3 .ini-tlr.ini .ini-tll{font-weight:var(--fw-regular)}
 .c3 .ini-tlr.it .ini-tll{color:var(--muted-foreground)}
 .c3 .ini-tlr.mrk{border-top:1px dashed var(--border);margin-top:4px}
 .c3 .ini-tlhd{height:34px;border-bottom:1px solid var(--border)}
 .c3 .ini-tlhd .ini-tll{padding-left:8px;text-transform:uppercase;letter-spacing:.06em}
-.c3 .ini-tlt{position:absolute;left:calc(var(--in-d0) * var(--in-pd) * 1px);bottom:4px;padding-left:3px;font:var(--fs-1)/1 var(--mono);color:var(--muted-foreground);white-space:nowrap}
-.c3 .ini-tlt.mj{top:5px;bottom:auto;font-weight:600;color:var(--foreground)}
+.c3 .ini-tlt{position:absolute;left:calc(var(--in-d0) * var(--in-pd) * 1px);bottom:4px;padding-left:3px;font:var(--fs-meta)/1 var(--mono);color:var(--muted-foreground);white-space:nowrap}
+.c3 .ini-tlt.mj{top:5px;bottom:auto;font-weight:var(--fw-strong);color:var(--foreground)}
 .c3 .ini-tl.zooming .ini-tlt:not(.mj){opacity:0}
 .c3 .ini-tlc,.c3 .ini-tlo{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border-radius:6px;color:var(--muted-foreground);cursor:pointer}
 .c3 .ini-tlc svg{transition:transform .22s ease}
@@ -175,7 +175,7 @@
 .c3 .ini-tlx{display:flex;align-items:center;gap:5px;min-width:0;flex:1 1 auto;cursor:pointer;font:inherit;color:inherit}
 .c3 span.ini-tlx{cursor:default}
 .c3 .ini-tlkey{flex:none;color:var(--muted-foreground)}
-.c3 .ini-tlsrc{flex:none;font-size:var(--fs-1);letter-spacing:.04em;padding:0 3px;border-radius:0;color:var(--muted-foreground);background:var(--muted)}
+.c3 .ini-tlsrc{flex:none;font-size:var(--fs-meta);letter-spacing:.04em;padding:0 3px;border-radius:0;color:var(--muted-foreground);background:var(--muted);line-height:var(--lh-meta);}
 .c3 .ini-tlsrc.j{display:inline-grid;place-items:center;padding:0 1px;color:var(--acc);background:color-mix(in oklab,var(--acc) 12%,transparent)}
 .c3 .ini-tlsrc svg{width:11px;height:11px}
 .c3 .ini-tlname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@@ -206,13 +206,13 @@
 @keyframes ini-grow{from{transform:scaleX(0);opacity:0}40%{opacity:1}to{transform:scaleX(1);opacity:1}}
 @keyframes ini-fade{from{opacity:0}to{opacity:1}}
 @keyframes ini-shake{0%,100%{translate:0}20%{translate:-4px}40%{translate:4px}60%{translate:-3px}80%{translate:2px}}
-.c3 .ini-tip{position:absolute;left:var(--in-x,0);top:var(--in-y,0);z-index:20;min-width:200px;max-width:280px;display:grid;gap:3px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--sh2);font:var(--fs-1)/1.4 var(--mono);color:var(--foreground);pointer-events:none;opacity:0;translate:0 4px;transition:opacity .12s,translate .12s}
+.c3 .ini-tip{position:absolute;left:var(--in-x,0);top:var(--in-y,0);z-index:20;min-width:200px;max-width:280px;display:grid;gap:3px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--sh2);font:var(--fs-meta)/1.4 var(--mono);color:var(--foreground);pointer-events:none;opacity:0;translate:0 4px;transition:opacity .12s,translate .12s}
 .c3 .ini-tip.on{opacity:1;translate:0 0}
-.c3 .ini-tip b{font:600 var(--fs-2)/1.3 var(--sans)}
+.c3 .ini-tip b{font:var(--fw-strong) var(--fs-label)/1.3 var(--sans)}
 .c3 .ini-tip>div{display:flex;align-items:center;gap:5px}
 .c3 .ini-tip svg{width:11px;height:11px;flex:none;color:var(--muted-foreground)}
 .c3 .ini-tip .dim{color:var(--muted-foreground)}
-.c3 .ini-tlmv{padding:0 4px;border-radius:0;background:var(--accw);color:var(--acc);font-weight:600}
+.c3 .ini-tlmv{padding:0 4px;border-radius:0;background:var(--accw);color:var(--acc);font-weight:var(--fw-strong)}
 .c3 .ini-pgl .ini-fg{color:var(--foreground)}
 .c3 .ini-tlkeyi{display:inline-block;flex:none;vertical-align:middle;margin-right:4px}
 .c3 .ini-tlkeyi.now{width:2px;height:11px;background:var(--foreground)}

package/workspace/public/pm/c3-listen.css

@@ -5,6 +5,6 @@
 .c3 .lsn-help { margin: 0; }
 .c3 .lsn-aside { align-items: center; }
 .c3 .lsn-thumb { width: 148px; height: 84px; flex: 0 0 auto; object-fit: cover; border: 1px solid var(--border); background: var(--muted); }
-.c3 .lsn-chip { font-size: 12px; }
+.c3 .lsn-chip { font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .c3 .lsn-chip.off { color: var(--warning); }
 @media (max-width: 640px) { .c3 .lsn-thumb { width: 96px; height: 60px; } }