/* Section «Прогресс» (athlete tab 3). Scoped to the section's screens (#ph[data-screen^="progress"]) — sheets live
   inside #ph, so they inherit the scope. Prefix pg-. Only kit tokens: var(--…). */
#ph[data-screen^="progress"] i[data-i]{display:inline-grid;place-items:center;font-style:normal;flex:none}
#ph[data-screen^="progress"] i[data-i] svg{width:18px;height:18px}
#ph[data-screen^="progress"] :is(button,[tabindex],input):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#ph[data-screen^="progress"] .scr>*{flex:none}
#ph[data-screen^="progress"] .pg-pad{height:8px}
#ph[data-screen^="progress"] .plate{display:flex;flex-direction:column;gap:12px}
#ph[data-screen^="progress"] .plate>h4{margin:0}
#ph[data-screen^="progress"] .plate h4 small{font:500 14px/1.2 var(--font);color:var(--ink-3)}
#ph[data-screen^="progress"] button.plate{border:0;text-align:left;cursor:pointer;font:inherit;color:inherit;width:100%;transition:transform var(--t-fast) var(--ease)}
#ph[data-screen^="progress"] button.plate:active{transform:scale(.985)}
#ph[data-screen^="progress"] .btn[aria-disabled="true"],#ph[data-screen^="progress"] .ibtn[aria-disabled="true"]{opacity:.4;pointer-events:none}
#ph[data-screen^="progress"] .btn.pg-sm{flex:none;min-height:44px;font-size:15px;padding:0 14px}
#ph[data-screen^="progress"] .btn.pg-danger{color:var(--danger)}
#ph[data-screen^="progress"] .pg-acts{display:flex;gap:8px;flex-wrap:wrap}
#ph[data-screen^="progress"] .pg-acts>.btn{flex:1 1 auto}
#ph[data-screen^="progress"] .pg-p{margin:0;font-size:16px;line-height:1.4;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-hint{margin:0;font-size:14px;line-height:1.4;color:var(--ink-3);display:flex;gap:6px;align-items:flex-start}
#ph[data-screen^="progress"] .pg-hint i[data-i] svg{width:16px;height:16px;margin-top:1px}
#ph[data-screen^="progress"] .pg-hint.pg-c{justify-content:center;text-align:center}
#ph[data-screen^="progress"] .pg-err{margin:0;font-size:15px;font-weight:600;color:var(--danger)}
#ph[data-screen^="progress"] .pg-lnk{display:inline-flex;align-items:center;gap:2px;min-height:44px;border:0;background:none;padding:0 0 0 8px;font:600 15px var(--font);color:var(--ink);cursor:pointer;flex:none}
#ph[data-screen^="progress"] .pg-lnk i[data-i] svg{width:16px;height:16px}
#ph[data-screen^="progress"] .plate>h4{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
#ph[data-screen^="progress"] .plate>h4 .pg-lnk{margin:-10px 0}
#ph[data-screen^="progress"] .pg-lockp{gap:4px}
#ph[data-screen^="progress"] .pg-lockp .pg-lnk{align-self:flex-start;padding-left:0}

/* board */
#ph[data-screen^="progress"]>.hd.pg-hd{align-items:flex-start}
#ph[data-screen^="progress"] .pg-hx{flex:1;min-width:0}
#ph[data-screen^="progress"] .pg-big{font:700 30px/1.1 var(--font-d);letter-spacing:-.02em;margin-top:4px;text-wrap:balance}
#ph[data-screen^="progress"] .pg-big small{font:600 16px var(--font);color:var(--ink-2);margin-left:5px;letter-spacing:0}
#ph[data-screen^="progress"] .hd .sub{margin-top:4px}
#ph[data-screen^="progress"] .pg-gbar{height:6px;border-radius:999px;background:var(--surface-3);margin-top:10px;overflow:hidden;max-width:260px}
#ph[data-screen^="progress"] .pg-gbar i{display:block;height:100%;border-radius:999px;background:var(--ink)}
#ph[data-screen^="progress"] .pg-more{background:transparent;box-shadow:none}
#ph[data-screen^="progress"] .pg-more svg{width:22px;height:22px}

/* shared rows */
#ph[data-screen^="progress"] .pg-list{gap:0}
#ph[data-screen^="progress"] .pg-list>h4{margin-bottom:6px}
#ph[data-screen^="progress"] .pg-row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;border:0;border-top:1px solid var(--line);background:none;padding:8px 0;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
#ph[data-screen^="progress"] .pg-list>h4+.pg-row,#ph[data-screen^="progress"] .psheet .pg-row{border-top:0}
#ph[data-screen^="progress"] .pg-row .tx{flex:1;min-width:0}
#ph[data-screen^="progress"] .pg-row .tx b{display:block;font-size:16px;font-weight:600}
#ph[data-screen^="progress"] .pg-row .tx span{display:block;font-size:14px;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-v{font:700 16px var(--font-d);white-space:nowrap}
#ph[data-screen^="progress"] .pg-dl{font-size:14px;color:var(--ink-3);white-space:nowrap}
#ph[data-screen^="progress"] .pg-chv{color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-ic{width:40px;height:40px;border-radius:12px;background:var(--surface-2);color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-ic.ok{background:var(--ok-soft);color:var(--ok)}
#ph[data-screen^="progress"] .pg-h4{display:flex;align-items:center;justify-content:space-between;font:700 16px/1.2 var(--font-d)}
#ph[data-screen^="progress"] .pg-h4 small{font:500 14px var(--font);color:var(--ink-3);margin-left:4px}

/* empty states */
#ph[data-screen^="progress"] .pg-emp{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
#ph[data-screen^="progress"] .pg-emp .pg-ei{width:44px;height:44px;border-radius:14px;background:var(--surface-2);color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-emp .pg-ei svg{width:22px;height:22px}
#ph[data-screen^="progress"] .pg-emp b{font:700 17px/1.25 var(--font-d);margin-top:4px}
#ph[data-screen^="progress"] .pg-emp p{margin:0;font-size:16px;line-height:1.4;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-emp .btn{margin-top:6px}

/* week entry */
#ph[data-screen^="progress"] .pg-week{flex-direction:row;align-items:center;gap:12px}
#ph[data-screen^="progress"] .pg-wring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 2px var(--surface-1),0 0 0 4px var(--line)}
#ph[data-screen^="progress"] .pg-week.new .pg-wring{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 2px var(--surface-1),0 0 0 4px var(--accent)}
#ph[data-screen^="progress"] .pg-wring svg{width:22px;height:22px}
#ph[data-screen^="progress"] .pg-week .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#ph[data-screen^="progress"] .pg-week small{font:600 13px/1.2 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-week small b{color:var(--ink)}
#ph[data-screen^="progress"] .pg-week .tx>b{font:700 17px/1.25 var(--font-d)}
#ph[data-screen^="progress"] .pg-week .tx>span{font-size:14px;color:var(--ink-2)}

/* weight chart */
#ph[data-screen^="progress"] .pg-chb{all:unset;display:block;cursor:pointer;border-radius:12px}
#ph[data-screen^="progress"] .pg-chb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#ph[data-screen^="progress"] .pg-ch{position:relative;margin:4px 34px 0 0;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#ph[data-screen^="progress"] .pg-ch:not(.mini){cursor:crosshair;touch-action:none}
#ph[data-screen^="progress"] .pg-cs{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#ph[data-screen^="progress"] .pg-cs .gl{stroke:var(--line);stroke-width:1}
#ph[data-screen^="progress"] .pg-cs .avg{fill:none;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
#ph[data-screen^="progress"] .pg-cs .pace{stroke:var(--ink-3);stroke-width:1.5;stroke-dasharray:5 5}
#ph[data-screen^="progress"] .pg-cs .tgt{stroke:var(--ok);stroke-width:1.5;stroke-dasharray:2 4}
#ph[data-screen^="progress"] .pg-ch .pt{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--ink-3);opacity:.55}
#ph[data-screen^="progress"] .pg-ch .pt.sm{width:5px;height:5px;margin:-2.5px 0 0 -2.5px}
#ph[data-screen^="progress"] .pg-ch .pt.last{width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--ink);opacity:1;box-shadow:0 0 0 3px var(--surface-1)}
#ph[data-screen^="progress"] .pg-ch .pt.cur{width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--accent);opacity:1;box-shadow:0 0 0 3px var(--surface-1);z-index:2}
#ph[data-screen^="progress"] .pg-ch .vline{position:absolute;top:0;bottom:0;width:1.5px;margin-left:-.75px;background:var(--ink-3)}
#ph[data-screen^="progress"] .pg-ch .tip{position:absolute;top:-6px;transform:translate(-50%,-100%);background:var(--board);color:var(--board-ink);font:600 13px/1 var(--font);padding:6px 8px;border-radius:8px;white-space:nowrap;z-index:3}
#ph[data-screen^="progress"] .pg-ch .yl{position:absolute;right:-34px;font-size:12px;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-ch .yl.t{top:-6px}
#ph[data-screen^="progress"] .pg-ch .yl.b{bottom:-6px}
#ph[data-screen^="progress"] .pg-ch:not(.mini){margin-top:28px}
#ph[data-screen^="progress"] .pg-xl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-3);margin:2px 34px 0 0}
#ph[data-screen^="progress"] .pg-lg i{width:14px}
#ph[data-screen^="progress"] .pg-lg .l-avg{height:3px;background:var(--ink)}
#ph[data-screen^="progress"] .pg-lg .l-pt{width:8px;height:8px;border-radius:50%;background:var(--ink-3);opacity:.6}
#ph[data-screen^="progress"] .pg-lg .l-pace{height:0;border-top:1.5px dashed var(--ink-3);border-radius:0}
#ph[data-screen^="progress"] .pg-lg .l-tgt{height:0;border-top:1.5px dotted var(--ok);border-radius:0}
#ph[data-screen^="progress"] .pg-segw{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#ph[data-screen^="progress"] .seg button{min-height:40px}

/* root: activity / measures / photos / achievements */
#ph[data-screen^="progress"] .pg-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#ph[data-screen^="progress"] .pg-trio>span{background:var(--surface-2);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}
#ph[data-screen^="progress"] .pg-trio b{font:700 20px/1.1 var(--font-d);white-space:nowrap}
#ph[data-screen^="progress"] .pg-trio b em{font:500 13px var(--font);font-style:normal;color:var(--ink-3);margin-left:3px}
#ph[data-screen^="progress"] .pg-trio small{font-size:13px;color:var(--ink-2);line-height:1.25}
#ph[data-screen^="progress"] .pg-trio i{font-style:normal;font-size:13px;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-mbars{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;height:44px;align-items:end}
#ph[data-screen^="progress"] .pg-mbars i{display:block;border-radius:6px 6px 2px 2px;background:var(--surface-3)}
#ph[data-screen^="progress"] .pg-mbars i.now{background:var(--ink)}
#ph[data-screen^="progress"] .pg-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#ph[data-screen^="progress"] .pg-th{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit;color:inherit}
#ph[data-screen^="progress"] .pg-th .im{aspect-ratio:3/4;border-radius:12px;overflow:hidden;box-shadow:var(--sh-img)}
#ph[data-screen^="progress"] .pg-th .im svg,#ph[data-screen^="progress"] .pg-tile .im svg{width:100%;height:100%;display:block}
#ph[data-screen^="progress"] .pg-th small{font-size:13px;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-streak{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:14px;padding:10px 12px}
#ph[data-screen^="progress"] .pg-streak>i{color:var(--attn-ink)}
#ph[data-screen^="progress"] .pg-streak>i svg{width:22px;height:22px}
#ph[data-screen^="progress"] .pg-streak b{display:block;font-size:16px}
#ph[data-screen^="progress"] .pg-streak small{display:block;font-size:14px;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-badges{display:flex;gap:8px}
#ph[data-screen^="progress"] .pg-bdg{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--ink);flex:none}
#ph[data-screen^="progress"] .pg-bdg svg{width:20px;height:20px}
#ph[data-screen^="progress"] .pg-bdg.k-streak{background:var(--attn);color:var(--attn-ink)}
#ph[data-screen^="progress"] .pg-bdg.k-record{background:var(--ok-soft);color:var(--ok)}
#ph[data-screen^="progress"] .pg-bdg.k-body{background:var(--info);color:var(--info-ink)}
#ph[data-screen^="progress"] .pg-bdg.k-count{background:var(--late);color:var(--late-ink)}

/* sheets */
#ph[data-screen^="progress"] .pg-sht{display:flex;align-items:flex-start;gap:8px}
#ph[data-screen^="progress"] .pg-sht h4{flex:1;font-size:18px;line-height:1.25}
#ph[data-screen^="progress"] .pg-sht h4 small{display:block;font:500 14px/1.3 var(--font);color:var(--ink-3);margin-top:2px}
#ph[data-screen^="progress"] .pg-fld{display:flex;flex-direction:column;gap:8px}
#ph[data-screen^="progress"] .pg-fld .lb{font-size:14px;font-weight:600;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-fld .seg{align-self:flex-start}
#ph[data-screen^="progress"] .pg-tg{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;border:0;background:none;padding:4px 0;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
#ph[data-screen^="progress"] .pg-tg .tx{flex:1;min-width:0}
#ph[data-screen^="progress"] .pg-tg .tx b{display:block;font-size:16px;font-weight:600}
#ph[data-screen^="progress"] .pg-tg .tx span{display:block;font-size:14px;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-mlist{display:flex;flex-direction:column}
#ph[data-screen^="progress"] .pg-mlist button{display:flex;align-items:center;gap:12px;min-height:60px;border:0;border-top:1px solid var(--line);background:none;text-align:left;font:600 16px var(--font);color:var(--ink);cursor:pointer;padding:6px 0}
#ph[data-screen^="progress"] .pg-mlist button:first-child{border-top:0}
#ph[data-screen^="progress"] .pg-mlist i[data-i]{width:40px;height:40px;border-radius:12px;background:var(--surface-2)}
#ph[data-screen^="progress"] .pg-mlist small{display:block;font:500 14px var(--font);color:var(--ink-3)}

/* stepper (weight, measures) */
#ph[data-screen^="progress"] .pg-step{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0}
#ph[data-screen^="progress"] .pg-sb{width:60px;height:60px;border-radius:18px;border:0;background:var(--surface-2);color:var(--ink);font:500 28px/1 var(--font);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform var(--t-fast) var(--ease)}
#ph[data-screen^="progress"] .pg-sb:active{transform:scale(.94)}
#ph[data-screen^="progress"] .pg-sv{display:flex;align-items:baseline;gap:4px;justify-content:center}
#ph[data-screen^="progress"] .pg-sv input{width:132px;border:0;background:transparent;text-align:right;font:800 44px/1 var(--font-d);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;padding:4px 0;border-radius:10px}
#ph[data-screen^="progress"] .pg-sv input:focus{outline:2px solid var(--focus);outline-offset:2px}
#ph[data-screen^="progress"] .pg-sv span{font:600 18px var(--font);color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-step.sm{justify-content:space-between;padding:0}
#ph[data-screen^="progress"] .pg-step.sm .pg-sb{width:52px;height:52px;font-size:24px}
#ph[data-screen^="progress"] .pg-step.sm .pg-sv input{width:110px;font-size:32px}
#ph[data-screen^="progress"] .pg-step.sm .pg-sv input::placeholder{color:var(--ink-3)}

/* measures */
#ph[data-screen^="progress"] .pg-mh{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#ph[data-screen^="progress"] .pg-mh b{display:block;font:700 17px/1.2 var(--font-d)}
#ph[data-screen^="progress"] .pg-mh span{display:block;font-size:15px;color:var(--ink-2);margin-top:2px}
#ph[data-screen^="progress"] .pg-mh .pg-lnk{margin-top:-10px;font-size:14px}
#ph[data-screen^="progress"] .pg-spark{width:100%;height:36px;display:block}
#ph[data-screen^="progress"] .pg-spark polyline{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
#ph[data-screen^="progress"] .pg-mhist{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#ph[data-screen^="progress"] .pg-mhist span{background:var(--surface-2);border-radius:10px;padding:6px 8px}
#ph[data-screen^="progress"] .pg-mhist small{display:block;font-size:12.5px;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-mhist b{font:700 16px var(--font-d)}
#ph[data-screen^="progress"] .pg-howw{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start}
#ph[data-screen^="progress"] .pg-howf{border-radius:14px;overflow:hidden;aspect-ratio:3/4}
#ph[data-screen^="progress"] .pg-howf svg{width:100%;height:100%;display:block}
#ph[data-screen^="progress"] .pg-ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:16px;line-height:1.35}

/* photos */
#ph[data-screen^="progress"] .pg-tabs{margin:0 -16px;padding:2px 16px 4px}
#ph[data-screen^="progress"] .pg-tabs .chip{min-height:44px;font-size:15px;padding:0 14px}
#ph[data-screen^="progress"] .pg-tabs .chip b{font-weight:700;color:var(--ink-3);margin-left:2px}
#ph[data-screen^="progress"] .pg-tabs .chip.on b{color:inherit;opacity:.75}
#ph[data-screen^="progress"] .pg-grp{display:flex;flex-direction:column;gap:8px}
#ph[data-screen^="progress"] .pg-grp h4{font-size:16px;margin:4px 2px 0}
#ph[data-screen^="progress"] .pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#ph[data-screen^="progress"] .pg-tile{border:0;background:var(--surface-1);border-radius:16px;padding:4px 4px 8px;box-shadow:var(--sh-1);cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;color:var(--ink);min-width:0}
#ph[data-screen^="progress"] .pg-tile.on{box-shadow:0 0 0 3px var(--ink)}
#ph[data-screen^="progress"] .pg-tile[aria-disabled="true"]{opacity:.4;pointer-events:none}
#ph[data-screen^="progress"] .pg-tile .im{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--surface-2)}
#ph[data-screen^="progress"] .pg-tile.food .im{aspect-ratio:3/4}
#ph[data-screen^="progress"] .pg-tile img{width:100%;height:100%;object-fit:cover;display:block}
#ph[data-screen^="progress"] .pg-tile em{position:absolute;left:6px;top:6px;font:600 11.5px/1 var(--font);font-style:normal;background:rgba(255,255,255,.92);color:#1A1918;border-radius:6px;padding:3px 6px}
#ph[data-screen^="progress"] .pg-tile .cap{padding:0 4px;font-size:13px;color:var(--ink-2);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ph[data-screen^="progress"] .pg-tile .cap b{display:block;color:var(--ink);font-size:14px}
#ph[data-screen^="progress"] .psheet .pg-grid{max-height:none}
#ph[data-screen^="progress"] .pg-view{border-radius:18px;overflow:hidden;aspect-ratio:3/4;max-height:52vh;align-self:center;width:100%;max-width:320px}
#ph[data-screen^="progress"] .pg-view svg,#ph[data-screen^="progress"] .pg-view img{width:100%;height:100%;display:block;object-fit:cover}
#ph[data-screen^="progress"] .pg-view.food{aspect-ratio:4/3}

/* compare */
#ph[data-screen^="progress"] .pg-pick{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
#ph[data-screen^="progress"] .pg-dp{border:0;background:var(--surface-1);box-shadow:var(--sh-1);border-radius:14px;min-height:56px;padding:6px 12px;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;cursor:pointer;font:inherit;color:var(--ink)}
#ph[data-screen^="progress"] .pg-dp small{grid-column:1;font-size:12.5px;color:var(--ink-3);font-weight:600}
#ph[data-screen^="progress"] .pg-dp b{grid-column:1;font-size:16px}
#ph[data-screen^="progress"] .pg-dp i[data-i]{grid-column:2;grid-row:1/3;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-arr{color:var(--ink-3);font-size:18px}
#ph[data-screen^="progress"] .pg-ang{align-self:flex-start}
#ph[data-screen^="progress"] .pg-cmp{width:min(100%,290px);align-self:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize}
#ph[data-screen^="progress"] .pg-cmp .pg-cz{position:absolute;inset:0;transform:translate(var(--tx),var(--ty)) scale(var(--z));transform-origin:center;transition:transform var(--t-fast) var(--ease)}
#ph[data-screen^="progress"] .pg-cmp .pg-cz svg{position:absolute;inset:0;width:100%;height:100%}
#ph[data-screen^="progress"] .pg-cmp .hdl:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
#ph[data-screen^="progress"] .pg-cmp .lb{z-index:2}
#ph[data-screen^="progress"] .pg-zl{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;font:600 12.5px/1 var(--font);padding:5px 7px;border-radius:8px}
#ph[data-screen^="progress"] .pg-ctl{display:flex;align-items:center;justify-content:space-between;gap:8px}
#ph[data-screen^="progress"] .pg-ctl .seg button{min-height:44px;min-width:52px}
#ph[data-screen^="progress"] .pg-zb{display:flex;gap:8px}

/* week stories (the card stack anatomy of the trainer's «Разбор») */
#ph[data-screen="progress.week"] .pg-stop h3{font-size:20px}
#ph[data-screen="progress.week"] .pg-zone{display:flex}
#ph[data-screen="progress.week"] .pg-card{touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}
#ph[data-screen="progress.week"] .pg-fb{display:flex;flex-direction:column;-webkit-mask-image:none;mask-image:none;padding:18px 18px 12px}
#ph[data-screen^="progress"] .pg-sf{display:flex;flex-direction:column;gap:12px;animation:pg-in .22s var(--ease) both}
@keyframes pg-in{from{opacity:0;transform:translateY(6px)}}
#ph[data-screen^="progress"] .pg-sf>small{font:600 13px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-sf h2{font:800 30px/1.1 var(--font-d);letter-spacing:-.02em;margin:0}
#ph[data-screen^="progress"] .pg-sf p{margin:0;font-size:16px;line-height:1.45;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-sf .btn{align-self:flex-start}
#ph[data-screen^="progress"] .pg-sf.cover{flex:1;justify-content:center}
#ph[data-screen^="progress"] .pg-sf.cover h2{font-size:36px}
#ph[data-screen^="progress"] .pg-sdig{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
#ph[data-screen^="progress"] .pg-sdig span{background:var(--surface-2);border-radius:14px;padding:12px 10px;font-size:13px;color:var(--ink-2);display:flex;flex-direction:column;gap:4px}
#ph[data-screen^="progress"] .pg-sdig b{font:800 24px/1 var(--font-d);color:var(--ink)}
#ph[data-screen^="progress"] .pg-tap{font-size:14px!important;color:var(--ink-3)!important;margin-top:12px!important}
#ph[data-screen^="progress"] .pg-sweek{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
#ph[data-screen^="progress"] .pg-sweek span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase}
#ph[data-screen^="progress"] .pg-sweek i{width:36px;height:36px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-style:normal}
#ph[data-screen^="progress"] .pg-sweek span.on{color:var(--ink)}
#ph[data-screen^="progress"] .pg-sweek span.on i{background:var(--ink);color:var(--surface-1)}
#ph[data-screen^="progress"] .pg-sweek span.x{color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-sweek span.x i{background:var(--surface-1);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
#ph[data-screen^="progress"] .pg-sweek i svg{width:16px;height:16px}
#ph[data-screen^="progress"] .pg-slist{display:flex;flex-direction:column}
#ph[data-screen^="progress"] .pg-slist div{padding:8px 0;border-top:1px solid var(--line)}
#ph[data-screen^="progress"] .pg-slist div:first-child{border-top:0}
#ph[data-screen^="progress"] .pg-slist b{display:block;font-size:16px}
#ph[data-screen^="progress"] .pg-slist span{font-size:14px;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-sch .pg-ch{margin-top:8px}
#ph[data-screen^="progress"] .pg-sbig{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok);margin-top:10px}
#ph[data-screen^="progress"] .pg-sbig svg,#ph[data-screen^="progress"] .pg-sbig i[data-i] svg{width:34px;height:34px}
#ph[data-screen^="progress"] .pg-coach{display:flex;align-items:center;gap:10px}
#ph[data-screen^="progress"] .pg-coach b{display:block;font-size:16px}
#ph[data-screen^="progress"] .pg-coach span{font-size:14px;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-sf blockquote{margin:0;font:600 21px/1.35 var(--font-d);letter-spacing:-.01em;border-left:4px solid var(--ink);padding-left:14px}
#ph[data-screen^="progress"] .pg-sf.end{align-items:flex-start}
#ph[data-screen^="progress"] .pg-sf.end .pg-acts{width:100%;margin-top:8px}
#ph[data-screen^="progress"] .pg-snav{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line)}
#ph[data-screen^="progress"] .pg-snav .btn{min-height:48px}
#ph[data-screen^="progress"] .pg-shc{background:var(--board);color:var(--board-ink);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px}
#ph[data-screen^="progress"] .pg-shc small{font:600 12.5px var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--board-2)}
#ph[data-screen^="progress"] .pg-shc b{font:800 22px/1.2 var(--font-d)}
#ph[data-screen^="progress"] .pg-shc span{font-size:16px}

/* bar charts (week food, activity): one area for bars + norm line, labels below */
#ph[data-screen^="progress"] .pg-bc .ar{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:130px;align-items:end;border-bottom:1px solid var(--line)}
#ph[data-screen^="progress"] .pg-bc .ar .b{display:block;border-radius:8px 8px 2px 2px;background:var(--surface-3)}
#ph[data-screen^="progress"] .pg-bc .ar .b.now{background:var(--ink)}
#ph[data-screen^="progress"] .pg-bc.pg-sbars .ar .b{background:var(--mp-soft)}
#ph[data-screen^="progress"] .pg-bc.pg-sbars .ar .b.ok{background:var(--mp)}
#ph[data-screen^="progress"] .pg-bc .nl{position:absolute;left:-2px;right:-2px;height:0;border-top:1.5px dashed var(--ink-3);z-index:1}
#ph[data-screen^="progress"] .pg-bc .lb{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center;margin-top:6px}
#ph[data-screen^="progress"] .pg-bc .lb small{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase}
#ph[data-screen^="progress"] .pg-bc .lb.v{margin-top:2px}
#ph[data-screen^="progress"] .pg-bc .lb.v b{font-size:13px;font-weight:700;white-space:nowrap}

/* achievements */
#ph[data-screen^="progress"] .pg-strk{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#ph[data-screen^="progress"] .pg-strk span{background:var(--surface-2);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
#ph[data-screen^="progress"] .pg-strk i[data-i]{color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-strk span:first-child i[data-i]{color:var(--attn-ink)}
#ph[data-screen^="progress"] .pg-strk b{font:800 28px/1.1 var(--font-d)}
#ph[data-screen^="progress"] .pg-strk small{font-size:14px;color:var(--ink-2);line-height:1.3}
#ph[data-screen^="progress"] .pg-heat{display:grid;grid-template-columns:repeat(14,1fr);gap:4px}
#ph[data-screen^="progress"] .pg-heat i{aspect-ratio:1;border-radius:4px;background:var(--grid-off)}
#ph[data-screen^="progress"] .pg-heat i.on{background:var(--grid-on)}
#ph[data-screen^="progress"] .pg-heat i.now{box-shadow:0 0 0 2px var(--surface-1),0 0 0 3.5px var(--ink)}
#ph[data-screen^="progress"] .pg-next{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
#ph[data-screen^="progress"] .pg-list>h4+.pg-next{border-top:0}
#ph[data-screen^="progress"] .pg-next b{font-size:16px;font-weight:600}
#ph[data-screen^="progress"] .pg-next .m2{font-size:14px;color:var(--ink-2)}
#ph[data-screen^="progress"] .pg-pb{height:6px;border-radius:999px;background:var(--track);overflow:hidden;display:block}
#ph[data-screen^="progress"] .pg-pb i{display:block;height:100%;background:var(--fill);border-radius:999px}
#ph[data-screen^="progress"] .pg-achbig{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;align-self:center;background:var(--surface-2)}
#ph[data-screen^="progress"] .pg-achbig i[data-i] svg{width:40px;height:40px}
#ph[data-screen^="progress"] .pg-achbig.k-streak{background:var(--attn);color:var(--attn-ink)}
#ph[data-screen^="progress"] .pg-achbig.k-record{background:var(--ok-soft);color:var(--ok)}
#ph[data-screen^="progress"] .pg-achbig.k-body{background:var(--info);color:var(--info-ink)}
#ph[data-screen^="progress"] .pg-achbig.k-count{background:var(--late);color:var(--late-ink)}

/* exercise */
#ph[data-screen^="progress"] .pg-exch{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;height:150px;align-items:end}
#ph[data-screen^="progress"] .pg-exch>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
#ph[data-screen^="progress"] .pg-exch b{font-size:13px;font-weight:700}
#ph[data-screen^="progress"] .pg-exch i{display:block;width:100%;border-radius:8px 8px 3px 3px;background:var(--surface-3)}
#ph[data-screen^="progress"] .pg-exch .now i{background:var(--ink)}
#ph[data-screen^="progress"] .pg-exch small{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
#ph[data-screen^="progress"] .pg-hrow{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--line)}
#ph[data-screen^="progress"] .pg-list>h4+.pg-hrow{border-top:0}
#ph[data-screen^="progress"] .pg-hrow small{font-size:13.5px;color:var(--ink-3);display:flex;gap:6px;align-items:center}
#ph[data-screen^="progress"] .pg-hrow span{font-size:16px}
#ph[data-screen^="progress"] .pg-mm .bmap{display:flex;justify-content:center;gap:12px}
#ph[data-screen^="progress"] .pg-mm .bmf{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px}
#ph[data-screen^="progress"] .pg-mm .bmf figcaption{font-size:13px;color:var(--ink-3)}
#ph[data-screen^="progress"] .pg-mm .bm{height:190px;width:auto;display:block}
#ph[data-screen^="progress"] .pg-mm .bm .ol{fill:none;stroke:var(--ink-3);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
#ph[data-screen^="progress"] .pg-mm .bm .mz{fill:var(--surface-3);stroke:var(--surface-1);stroke-width:2}
#ph[data-screen^="progress"] .pg-mm .bm .mz[data-on]{fill:var(--fill)}

/* activity */
#ph[data-screen^="progress"] .pg-zbar{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px}
#ph[data-screen^="progress"] .z1{background:var(--surface-3)}
#ph[data-screen^="progress"] .z2{background:var(--grid-part)}
#ph[data-screen^="progress"] .z3{background:var(--fill)}
#ph[data-screen^="progress"] .z4{background:var(--attn-line)}
#ph[data-screen^="progress"] .z5{background:var(--out-ink)}
#ph[data-screen^="progress"] .pg-zl2{display:flex;flex-direction:column}
#ph[data-screen^="progress"] .pg-zl2 div{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:15px}
#ph[data-screen^="progress"] .pg-zl2 i{width:12px;height:12px;border-radius:4px;flex:none}
#ph[data-screen^="progress"] .pg-zl2 span{flex:1;color:var(--ink-2)}

@media (prefers-reduced-motion:reduce){
  #ph[data-screen^="progress"] .pg-sf{animation:none}
  #ph[data-screen^="progress"] .pg-cmp .pg-cz,#ph[data-screen^="progress"] button.plate{transition:none}
}