create-pmos 0.512.0 → 0.513.0

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; } }