/* Countdown banner (landing) and progress strip (signed-in app). */
#pcCd{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 14px;background:var(--primary-d);color:var(--on-primary);font:600 14px/1.35 inherit;font-family:inherit;text-align:center}
#pcCd[hidden]{display:none}
#pcCd .cdTxt{min-width:0;overflow-wrap:anywhere}
#pcCd .cdX{flex:none;width:44px;height:44px;margin:-10px -8px -10px 0;border:0;background:transparent;color:var(--on-primary);font-size:22px;line-height:1;cursor:pointer;border-radius:var(--r-ctl)}
#pcCd .cdX:focus-visible{outline:3px solid var(--surface);outline-offset:-3px}
.pg{margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);color:var(--fg);box-sizing:border-box}
.pgHead{font:800 15px/1.2 var(--display,"Outfit",sans-serif);margin-bottom:10px;color:var(--primary)}
.pgChips{display:flex;flex-wrap:wrap;gap:8px}
.pgChip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r-ctl);background:var(--soft);color:inherit;font:inherit;cursor:pointer}
.pgChip b{font:800 18px/1 var(--display,"Outfit",sans-serif);color:var(--primary)}
.pgChip span{font-size:13px;color:var(--muted)}
.pgChip.pg-due b,.pgChip.pg-mistakes b{color:var(--warn)}
.pgChip:hover{border-color:var(--primary)}
.pgChip:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.pgEmpty{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
html.dk .pg{background:var(--soft);border-color:var(--line2);color:var(--fg)}
html.dk .pgHead,html.dk .pgChip b{color:var(--primary)}
html.dk .pgChip.pg-due b,html.dk .pgChip.pg-mistakes b{color:var(--warn)}
html.dk .pgChip{background:var(--soft);border-color:var(--line2)}
html.dk .pgChip span,html.dk .pgEmpty{color:var(--muted)}
@media (max-width:480px){#pcCd{font-size:13px}}