/* Piano Trainer: weekly practice goal and today's progress (Hevy-style segmented bar).
   Colours come from assets/theme.css. */
.wk-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; margin-bottom:14px; box-shadow:var(--shadow)}
.wk-row{display:flex; justify-content:space-between; align-items:flex-end; gap:12px; flex-wrap:wrap}
.wk-label{font-size:.74rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3)}
.wk-big{font-size:1.7rem; font-weight:700; letter-spacing:-.02em; line-height:1.1; font-variant-numeric:tabular-nums}
.wk-big span{font-size:.95rem; font-weight:600; color:var(--ink-2); margin-left:2px}
.wk-report{font-size:.82rem; padding:7px 12px}
.wk-segs{display:grid; grid-template-columns:repeat(var(--segs),1fr); gap:5px; margin:10px 0 8px}
.wk-segs span{height:10px; border-radius:5px; background:var(--surface-3)}
.wk-segs span.on{background:var(--accent-fill)}
.wk-segs span.extra.on{background:var(--green-fill)}
.wk-days{display:flex; gap:5px; align-items:center; flex-wrap:wrap; font-size:.72rem}
.wk-day{width:24px; height:24px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:700; color:var(--ink-3); background:var(--surface-2); border:1px solid transparent}
.wk-day.on{background:var(--accent-fill); color:var(--on-accent)}
.wk-day.today{border-color:var(--accent)}
.wk-day.miss{opacity:.55}
.wk-streak{margin-left:6px; color:var(--ink-2); font-size:.8rem}
.wk-today{margin-top:12px; align-items:baseline}
.wk-count{font-size:.86rem; color:var(--ink-2); font-variant-numeric:tabular-nums}
.wk-bar{height:9px; background:var(--surface-2); border-radius:6px; overflow:hidden; margin-top:6px}
.wk-bar > div{height:100%; background:linear-gradient(90deg,var(--accent),var(--green)); border-radius:6px; transition:width .3s}
.tech-intro{font-size:.88rem; color:var(--ink-2); margin-bottom:12px}
.exrow .tech-btn{border-color:var(--accent); color:var(--accent)}