create-pmos 0.512.0 → 0.514.0

package/workspace/public/pm/cozy-adler.css

@@ -15,8 +15,8 @@
 .ad-dot.m-thinking, .ad-dot.m-resting { background: var(--cz-dot-q, currentColor); }
 .ad-dot.m-celebrating { background: var(--cz-dot-risk, currentColor); }
 .ad-scene { display: block; width: 100%; height: auto; border-radius: 18px; }
-.ad-scene .ad-z { font-family: var(--cz-sans, sans-serif); font-weight: 800; }
-.ad-scene .ad-z.z0 { font-size: var(--fs-3); } .ad-scene .ad-z.z1 { font-size: var(--fs-4); } .ad-scene .ad-z.z2 { font-size: var(--fs-5); }
+.ad-scene .ad-z { font-family: var(--cz-sans, sans-serif); font-weight: var(--fw-strong); }
+.ad-scene .ad-z.z0 { font-size: var(--fs-body); line-height: var(--lh-body); } .ad-scene .ad-z.z1 { font-size: var(--fs-body); line-height: var(--lh-body); } .ad-scene .ad-z.z2 { font-size: var(--fs-panel); line-height: var(--lh-panel); }
 .ad-scene-face { display: flex; justify-content: center; padding: 12px 0; }
 .ad-peek { display: block; }
 /* every toast (AdM1-4): the S face before the words */
@@ -89,7 +89,7 @@ html.ad-still .ad-svg .ad-gw { animation: none; }
 /* pull to refresh (batch 17 item 4-B, AdP2; pm/cozy-pull.js): his head rises over the bottom edge as the finger pulls, glasses on while it reads */
 .cz-pull { position: relative; height: var(--cz-pull, 0px); overflow: hidden; display: flex; align-items: flex-end; justify-content: center; gap: 10px; border-bottom: 2px solid var(--cz-hair); margin-bottom: 8px; }
 .cz-pull-ad { display: inline-flex; transform: translateY(max(0px, calc(44px - var(--cz-pull, 0px)))); }
-.cz-pull-t { font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink3); padding-bottom: 8px; }
+.cz-pull-t { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); padding-bottom: 8px; line-height: var(--lh-label); }
 .cz-pull-t:empty { display: none; }
 
 /* Adler dressed for the season (batch 18 item 8-B): adk- a charm's fill, adks- its stroke, adg-<key>0/1 its sky, adf-<key>g its ground */
@@ -108,7 +108,7 @@ html.ad-still .env-hang, html.ad-still .env-snow { animation: none !important; o
 /* a dressed Adler is a button that says why (AsSet2Tap): the small dark popover, one icon to turn this day off, one to open the settings */
 [data-ad-dress] { cursor: pointer; }
 .ad-tip { display: flex; align-items: center; gap: 4px; margin: 8px 12px 0; padding: 6px 6px 6px 16px; border-radius: 8px; background: var(--cz-ink); color: var(--cz-card); box-shadow: 0 8px 24px rgba(20,24,40,.22); }
-.ad-tip-t { flex: 1; font-size: var(--fs-3); line-height: 1.4; }
+.ad-tip-t { flex: 1; font-size: var(--fs-body); line-height: 1.4; }
 .ad-tip-b { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
 .ad-tip-b:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 @media (hover: hover) { .ad-tip-b:hover { background: rgba(255,255,255,.12); } }

package/workspace/public/pm/cozy-aud.css

@@ -4,6 +4,6 @@
 .vzx-aud .aud-sec { width: 100%; height: 100%; overflow: auto; padding: 56px 8vw; background: var(--cz-c-ffffff); color: var(--cz-c-2a2e35); }
 .vzx-aud .aud-sec .vzx-page { margin: 0 auto; font-size: 24px; }
 .vzx-aud .aud-sec .vzx-page h1, .vzx-aud .aud-sec .vzx-page h2, .vzx-aud .aud-sec .vzx-page h3 { font-size: 32px; }
-.vzx-aud .aud-wait { font-size: var(--fs-3); color: var(--cz-c-9aa1ab); }
+.vzx-aud .aud-wait { font-size: var(--fs-body); color: var(--cz-c-9aa1ab); line-height: var(--lh-body); }
 .vzx-aud .aud-img { max-width: 100%; max-height: 100%; display: block; }
 body.cz.vzx-audw { min-height: 100vh; background: var(--cz-c-17191c); }   /* the cozy page ground is light; the audience tab is dark to its edge */