/* Stage 1: third-phone reference presentation. Tokens exist only on the workout route. */
html[data-tab="workout"],html[data-tab="workout"][data-mizan-design]{
 --focus-bg:#040f17;--focus-surface:#0b202b;--focus-raised:#142e3c;--focus-ink:#f1f6f8;--focus-muted:#a5bac5;--focus-edge:rgba(163,196,214,.28);--focus-accent:#26e0cc;--focus-good:#31d67b;
 --v2-bg-color:var(--focus-bg);--v2-bg-img:none;--v2-veil:radial-gradient(ellipse at 50% 20%,#0b2833 0%,#040f17 72%);--v2-glass:rgba(12,31,43,.88);--v2-glass-hi:#142e3c;--v2-edge:var(--focus-edge);--v2-ink:var(--focus-ink);--v2-ink2:#d4e2e8;--v2-muted:var(--focus-muted);--v2-forest:var(--focus-accent);--v2-forest-2:#0d8d87;--v2-mint:#26e0cc;--v2-mint-soft:rgba(38,224,204,.14);--v2-arc-a:#16b5b1;--v2-arc-b:#26e0cc;
 --ink:var(--focus-ink);--muted:var(--focus-muted);--surface:var(--focus-surface);--soft:var(--focus-raised);--line:var(--focus-edge);--accent:var(--focus-accent);--accent-ink:#032622;--good:var(--focus-good);color-scheme:dark;background:var(--focus-bg)
}
html[data-tab="workout"] body{background:transparent;color:var(--focus-ink);padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
html[data-tab="workout"] .top{display:none!important}
html[data-tab="workout"]:root #main{padding-top:max(8px,env(safe-area-inset-top,0px));padding-bottom:0;max-width:520px;margin-inline:auto;width:100%}
html[data-tab="workout"] body::before{background:none;backdrop-filter:none}
.mzw-focus{display:grid;gap:5px;min-width:0;color:var(--focus-ink)}.mzw-focus *{box-sizing:border-box}.mzw-focus h1,.mzw-focus h2,.mzw-focus h3,.mzw-focus p{margin:0;overflow-wrap:anywhere}.mzw-focus button,.mzw-focus summary{touch-action:manipulation}.mzw-focus [hidden]{display:none!important}.mzw-focus :focus-visible{outline:2px solid var(--focus-accent);outline-offset:3px}.mzw-focus button:disabled{opacity:.5}
.mzw-focus-header{position:relative;z-index:15}.mzw-brand-row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;direction:ltr;min-height:44px}.mzw-wordmark{text-align:center;font:italic 850 1.55rem/1.1 var(--f-display,system-ui);letter-spacing:-.055em;color:var(--focus-ink)}
.mzw-focus .mzw-icon,.mzw-options>summary{width:44px;height:44px;min-width:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--focus-edge);background:linear-gradient(145deg,#244050,#102430);color:var(--focus-ink);box-shadow:inset 0 1px 0 #ffffff24;cursor:pointer}.mzw-focus .mzw-focus-back svg{transform:none;width:20px;height:20px}.mzw-options>summary{list-style:none;font-size:19px;letter-spacing:1px}.mzw-options>summary::-webkit-details-marker{display:none}.mzw-session-heading{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:24px}.mzw-session-heading h1{font-size:1.02rem;line-height:1.35}.mzw-running{font-size:.67rem;color:#ff9e8b;background:#552c293b;border:1px solid #b95f4b40;border-radius:20px;padding:2px 8px;white-space:nowrap}
.mzw-workout-banner{display:flex;direction:ltr;align-items:center;gap:10px;padding:4px 8px 4px 12px;border:1px solid var(--focus-edge);border-radius:17px;background:linear-gradient(120deg,#17313c9c,#091a24e6);box-shadow:inset 0 1px 0 #ffffff12;min-height:62px}.mzw-workout-banner>div:first-child{flex:1;min-width:0}.mzw-workout-banner h2{font-size:1rem;line-height:1.5}.mzw-workout-banner p{font-size:.78rem;color:var(--focus-accent);line-height:1.5}[dir="rtl"] .mzw-workout-banner>div:first-child{direction:rtl;text-align:right}.mzw-position-ring{width:54px;height:54px;flex:none;position:relative;display:grid;place-items:center}.mzw-position-ring svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.mzw-position-ring circle{fill:none;stroke-width:6}.mzw-position-ring .track{stroke:#25404c}.mzw-position-ring .value{stroke:var(--focus-accent);stroke-linecap:round;filter:drop-shadow(0 0 3px #20decc66)}.mzw-position-ring b{font-size:.87rem;font-variant-numeric:tabular-nums}
.mzw-focus .mzw-ex{position:relative;min-width:0}.mzw-focus .mzw-player{margin:0}.mzw-focus .mzp{border-radius:16px;border:1px solid #74a1b0a1;background:#06121c;box-shadow:inset 0 0 0 1px #16b5b133}.mzw-focus .mzp-stage{height:clamp(148px,40vw,160px);aspect-ratio:auto;background:#06151f}.mzw-focus .mzp-frames img{object-fit:contain}.mzw-focus .mzp-bar{inset-block-end:6px;inset-inline:6px;gap:4px}.mzw-focus .mzp-btn{height:44px;min-width:44px;padding:0 8px;background:#07151dcf;border-color:#8babbc70;backdrop-filter:none}.mzw-focus .mzp-status{font-size:.7rem}.mzw-media-caption{position:absolute;inset-inline-end:8px;inset-block-start:7px;font-size:.63rem;color:#d0e8ef;background:#06151de0;border:1px solid #3c697a;border-radius:6px;padding:1px 6px;pointer-events:none}.mzw-media-caption:empty{display:none}
.mzw-ex-identity{display:flex;direction:ltr;align-items:center;gap:8px;justify-content:space-between;padding:4px 2px 0;min-height:38px}.mzw-ex-identity>div{min-width:0;flex:1}.mzw-focus .mzw-ex h2{font-size:1.02rem;line-height:1.35;margin:0}.mzw-ex-identity p{font-size:.75rem;color:#c0d0d9;line-height:1.5}.mzw-muscle-badge{display:flex;align-items:center;justify-content:center;gap:4px;flex:none;max-width:35%;font-size:.7rem;color:var(--focus-accent);padding:4px 7px;border-radius:24px;border:1px solid #158d8799;background:#0b47454d}.mzw-muscle-badge svg{width:15px;height:15px;flex:none}
.mzw-target-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;direction:ltr}.mzw-target{display:grid;justify-items:center;gap:0;padding:5px 4px;min-height:54px;min-width:0;border:1px solid var(--focus-edge);border-radius:13px;background:linear-gradient(145deg,#203542a3,#0a1b26e8);box-shadow:inset 0 1px 0 #ffffff12}.mzw-target svg{width:16px;height:16px;color:var(--focus-accent)}.mzw-target b{font-size:1rem;line-height:1.1;font-variant-numeric:tabular-nums}.mzw-target span{font-size:.64rem;color:#c2d2db;line-height:1.1;text-align:center}
.mzw-focus .mzw-sets{gap:0;padding:3px;min-width:0;border:1px solid var(--focus-edge);border-radius:15px;background:linear-gradient(140deg,#17323c99,#081c25c7);box-shadow:inset 0 1px 0 #ffffff13}.mzw-log-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:23px;padding-inline:6px}.mzw-log-heading h3{font-size:.8rem;white-space:nowrap}.mzw-focus .mzw-prev{margin:0;font-size:.68rem;line-height:1.3;color:#93e0d2;text-align:end}.mzw-focus .mzw-head{display:none}.mzw-focus .mzw-list{gap:2px}.mzw-focus .mzw-set{position:relative;min-height:44px;padding:0 2px;gap:2px;border:0;border-radius:10px;background:#071c242e;box-shadow:none;grid-template-columns:44px minmax(0,1fr) 10px minmax(0,1fr) 44px}.mzw-focus .mzw-set.done{background:#0b5e4d18;border-color:transparent}.mzw-focus .mzw-set.current{background:#0833314d;box-shadow:inset 0 0 0 1px #23e0cb85,inset 0 0 9px #19cdb518}.mzw-focus .mzw-pv{display:none}.mzw-focus .mzw-n{grid-column:1;grid-row:1;min-width:44px;width:44px;height:44px;background:none;border:0;color:var(--focus-ink);font-size:.85rem;padding:0}.mzw-focus .mzw-ok{grid-column:5;grid-row:1;position:relative;background:none!important;border:0!important;box-shadow:none!important;width:44px;height:44px;min-width:44px;color:#052b20;padding:0}.mzw-focus .mzw-ok::before{content:"";position:absolute;width:19px;height:19px;border:1px solid #b5d0d9;border-radius:5px}.mzw-focus .mzw-ok svg{opacity:0;position:relative;width:20px;height:20px}.mzw-focus .mzw-ok[aria-pressed="true"]::before{width:30px;height:21px;background:var(--focus-good);border-color:var(--focus-good)}.mzw-focus .mzw-ok[aria-pressed="true"] svg{opacity:1}.mzw-focus .mzw-in{height:44px;min-height:44px;width:100%;min-width:0;padding:2px 1px;background:none!important;box-shadow:none!important;border:1px solid transparent;border-radius:20px;color:var(--focus-ink);font:600 16px/1.2 var(--f-display,system-ui);text-align:center;direction:ltr;font-variant-numeric:tabular-nums}.mzw-focus .mzw-set.current .mzw-in{border-color:#24d5c099;background:#082e345c!important}.mzw-focus .mzw-in[aria-invalid="true"]{border-color:#ff9b8b!important}.mzw-focus .mzw-in[data-f="r"]{grid-column:2;grid-row:1}.mzw-weight-cell{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:center;direction:ltr;min-width:0;gap:3px;font-size:.8rem;white-space:nowrap}.mzw-weight-cell .mzw-in{flex:1;max-width:64px}.mzw-weight-cell>small{font-size:.72rem;color:#d2e0e6}.mzw-times{grid-column:3;grid-row:1;font-size:.8rem;color:var(--focus-muted);text-align:center}[dir="ltr"] .mzw-focus .mzw-weight-cell{grid-column:2}[dir="ltr"] .mzw-focus .mzw-in[data-f="r"]{grid-column:4}.mzw-focus .mzw-set.cols-1{grid-template-columns:44px minmax(0,1fr) 44px}.mzw-focus .mzw-set.cols-1 .mzw-in{grid-column:2;grid-row:1}.mzw-focus .mzw-set.cols-1 .mzw-ok{grid-column:3}.mzw-focus .mzw-set.cols-2>input[data-f="m"]{grid-column:2;grid-row:1}.mzw-focus .mzw-set.cols-2>input[data-f="k"]{grid-column:4;grid-row:1}
.mzw-focus-action:empty{display:none}#main .mzw-focus .mzw-focus-complete,#main .mzw-focus .mzw-advance{width:100%;min-height:44px;font-weight:700;font-size:.9rem;background:linear-gradient(180deg,#2ee6d1,#10b9ac);border:1px solid #51eedd;border-radius:15px;color:#032622;box-shadow:0 0 12px #19cbb51a;margin:0}
.mzw-focus .mzw-rest{position:static;inset:auto;max-width:none;width:100%;padding:0;margin:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.mzw-rest-in{display:grid;grid-template-columns:70px minmax(120px,1fr) 70px;align-items:center;gap:6px;direction:ltr;min-height:120px}.mzw-rest-orb{position:relative;width:120px;height:120px;justify-self:center;border-radius:50%;background:radial-gradient(circle,#071a24 45%,#0c4345a6 73%,transparent 76%);box-shadow:0 0 15px #0bdac120}.mzw-rest-orb>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.mzw-rest-orb circle{fill:none;stroke-width:8}.mzw-rest-orb .track{stroke:#163b45}.mzw-rest-ring-value{stroke:var(--focus-accent);stroke-linecap:round;filter:drop-shadow(0 0 4px #22e5d28a)}.mzw-rest-center{position:absolute;inset:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:var(--focus-ink)}.mzw-rest-center>span{font-size:.85rem;line-height:1.4}.mzw-rest-center>b{font-size:1.7rem;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}.mzw-focus .mzw-rest-pause{width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:50%;background:none;color:var(--focus-ink);display:grid;place-items:center}.mzw-rest-pause svg{width:22px;height:22px}.mzw-focus .mzw-rest-side{display:flex;align-items:center;justify-content:center;gap:3px;min-height:44px;min-width:44px;padding:5px;border:1px solid #7ea4b680;border-radius:15px;background:linear-gradient(145deg,#2b4c5e,#122a39);box-shadow:inset 0 1px 0 #ffffff1f;color:var(--focus-ink);font-size:.8rem;font-weight:650}.mzw-rest-side svg{width:16px;height:16px;flex:none}.mzw-focus .mzw-rest-bar{display:none}
.mzw-options-panel{position:absolute;z-index:40;inset-inline-end:0;top:48px;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;padding:14px;display:grid;gap:12px;border:1px solid #4a687b;border-radius:16px;background:#0b2130;box-shadow:0 15px 45px #0009;color:var(--focus-ink);direction:ltr}[dir="rtl"] .mzw-options-panel{direction:rtl}.mzw-options:not([open])>.mzw-options-panel{display:none}.mzw-options-panel .btn,.mzw-options-panel .seg button,.mzw-options-panel .mzw-slot,.mzw-extra-rest button{min-height:44px;min-width:44px;white-space:normal;overflow-wrap:anywhere}.mzw-options-panel .btn{width:100%;background:#173744;color:var(--focus-ink);border:1px solid var(--focus-edge);box-shadow:none}.mzw-options-panel h2{font-size:1rem}.mzw-options-panel .mzw-slots{display:grid;gap:6px;overflow:visible}.mzw-options-panel .mzw-slot{max-width:none;width:100%;justify-content:start;font-size:.8rem}.mzw-options-panel .mzw-slot svg{width:16px;height:16px}.mzw-options-panel summary{min-height:44px;align-content:center}.mzw-focus-nav,.mzw-extra-rest{display:flex;gap:6px}.mzw-extra-rest button{flex:1;border:1px solid var(--focus-edge);border-radius:12px;background:#173744;color:var(--focus-ink)}.mzw-options-panel .mzw-switch{min-height:44px;font-size:.85rem;display:flex;align-items:center;gap:8px}.mzw-options-panel .mzw-info{gap:0}
html[data-tab="workout"] #tabs{position:fixed!important;inset:auto max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));width:auto;min-height:66px;max-width:520px;margin-inline:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:5px;border:1px solid #7799ad70;border-radius:22px;background:linear-gradient(125deg,#193441f5,#0a1b28f5);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff1f,0 8px 24px #0006;z-index:20}
html[data-tab="workout"] #tabs> :not(button){display:none!important}html[data-tab="workout"] #tabs button{min-width:44px;min-height:54px;padding:4px 1px;gap:3px;font-size:.66rem;line-height:1.2;border-radius:16px;color:#c7d7df;background:none;box-shadow:none}html[data-tab="workout"] #tabs button svg{width:22px;height:22px;flex:none}html[data-tab="workout"] #tabs button[aria-current="page"]{color:var(--focus-accent);border:1px solid #23b5aa80;background:radial-gradient(ellipse at 50% 20%,#13655d,#083b39);box-shadow:inset 0 0 8px #26e0cc20}
@media(max-width:350px){.mzw-focus{gap:6px}.mzw-session-heading h1{font-size:1rem}.mzw-workout-banner{min-height:62px;padding:4px 6px 4px 10px}.mzw-position-ring{width:54px;height:54px}.mzw-target-cards{gap:6px}.mzw-target{min-height:54px;padding:4px 2px}.mzw-ex-identity h2{font-size:.95rem}.mzw-muscle-badge{max-width:31%;font-size:.63rem;padding:4px 5px}.mzw-focus .mzw-prev{font-size:.62rem;max-width:52%}.mzw-log-heading h3{font-size:.75rem}.mzw-rest-in{grid-template-columns:64px minmax(120px,1fr) 64px;gap:4px}.mzw-rest-orb{width:120px;height:120px}.mzw-rest-in{min-height:120px}}
@media(prefers-reduced-motion:reduce){.mzw-focus *,html[data-tab="workout"] #tabs *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.mzw-workout-banner,.mzw-target,.mzw-focus .mzw-sets,.mzw-muscle-badge,.mzw-options-panel,html[data-tab="workout"] #tabs{background:Canvas;color:CanvasText;border:1px solid CanvasText}.mzw-focus button{forced-color-adjust:auto}.mzw-rest-ring-value,.mzw-position-ring .value{stroke:Highlight;filter:none}.mzw-focus .mzw-ok[aria-pressed="true"]::before{background:Highlight;border-color:Highlight}}
/* Match the reference type hierarchy; beat the inherited [data-mizan-design] #main h2 rule. */
#main .mzw-focus .mzw-workout-banner h2{font-size:1.05rem;line-height:1.35}
#main .mzw-focus .mzw-ex h2{font-size:1.05rem;line-height:1.35;letter-spacing:-.015em}
#main .mzw-focus .mzw-session-heading h1{font-size:1.02rem;line-height:1.35}
#main .mzw-focus .mzw-log-heading h3{font-size:.85rem;line-height:1.35}
#main .mzw-focus .mzw-options-panel h2{font-size:1rem;line-height:1.4}
@media(max-width:350px){#main .mzw-focus .mzw-ex h2{font-size:.98rem}#main .mzw-focus .mzw-log-heading h3{font-size:.78rem}}

/* Stage 1.5 — restrained directional glass. All material tokens are workout-scoped. */
html[data-tab="workout"],html[data-tab="workout"][data-mizan-design]{
 --focus-bg:#040c14;--focus-surface:#0a1a28;--focus-raised:#132c3e;--focus-ink:#f2f7fb;--focus-muted:#a6bbc9;--focus-edge:rgba(158,190,214,.25);--focus-accent:#32e2d0;
 --focus-glass:linear-gradient(132deg,rgba(37,66,87,.66),rgba(12,31,46,.89) 47%,rgba(5,19,31,.96));
 --focus-inner:inset 0 1px 0 rgba(222,238,248,.17),inset 1px 0 0 rgba(185,211,231,.04),inset 0 -1px 0 rgba(2,11,21,.5);
 --focus-shadow:4px 8px 18px rgba(0,4,12,.25),-3px -3px 12px rgba(40,90,120,.035);
 --focus-divider:rgba(155,186,208,.09);--focus-rest-size:clamp(180px,49vw,200px);
 --v2-veil:radial-gradient(ellipse at 30% 10%,rgba(21,56,77,.46),transparent 56%),linear-gradient(155deg,#07141f,#030c14 74%)
}
.mzw-focus .mzw-workout-banner,.mzw-focus .mzw-target,.mzw-focus .mzw-sets{background:var(--focus-glass);border-color:var(--focus-edge);box-shadow:var(--focus-inner),var(--focus-shadow)}
.mzw-focus .mzw-workout-banner{border-radius:17px;background:linear-gradient(115deg,rgba(27,58,77,.66),rgba(7,25,39,.93) 67%)}
.mzw-focus .mzw-target{border-radius:13px;background:radial-gradient(ellipse at 25% 0,rgba(103,147,174,.13),transparent 58%),var(--focus-glass)}
.mzw-focus .mzw-target svg{stroke-width:1.45}.mzw-focus .mzw-target b{font-weight:650;letter-spacing:.01em}.mzw-focus .mzw-target>span{color:#bdcdd9}
.mzw-focus .mzw-wordmark{font-weight:800;letter-spacing:-.045em;text-shadow:0 1px 0 rgba(255,255,255,.1),0 3px 12px rgba(0,0,0,.32)}
.mzw-focus .mzw-icon,.mzw-focus .mzw-options>summary{background:linear-gradient(145deg,#284559ba,#0d2232e8);border-color:#69879b65;box-shadow:var(--focus-inner),2px 4px 9px #0004}
.mzw-focus .mzw-running{color:#f2a391;background:#482b2b35;border-color:#96604e45}.mzw-focus .mzw-muscle-badge{background:linear-gradient(135deg,#0d4a514d,#082f3a55);border-color:#26999a73;color:#7ee4d8;box-shadow:inset 0 1px 0 #d8fff014}
.mzw-focus .mzp{border:1px solid #8aa9bd85;border-radius:17px;box-shadow:inset 0 0 0 1px #d7f2ff14,3px 8px 18px #0005}
.mzw-focus .mzp::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(142deg,#e2f3ff0a,transparent 35%,transparent 72%,#020b1526);box-shadow:inset 0 1px 0 #effaff33}
.mzw-focus .mzp-stage,.mzw-focus .mzp-frames{background:#06121d}.mzw-focus .mzp-frames img{object-position:50% 48%;object-fit:contain}.mzw-focus .mzp-bar{z-index:2}
.mzw-focus .mzp-btn{border-color:#a2bbcc7a;background:linear-gradient(145deg,#19394cce,#06141edb);box-shadow:inset 0 1px 0 #d8efff1c,1px 3px 9px #0005}
.mzw-focus .mzw-media-caption{z-index:3;border-color:#769cae65;background:#0b1e2ce0;color:#d7e8f0}
.mzw-focus .mzw-sets{border-radius:16px;background:linear-gradient(128deg,#163341a6,#071b29df 60%);box-shadow:var(--focus-inner),3px 7px 15px #0004}
.mzw-focus .mzw-set{background:transparent;box-shadow:inset 0 -1px 0 var(--focus-divider);border-radius:9px}.mzw-focus .mzw-set.done{background:linear-gradient(90deg,#0f453b19,transparent 65%)}
.mzw-focus .mzw-set.done .mzw-in{font-weight:550;color:#d3e3e8}.mzw-focus .mzw-set.current{background:linear-gradient(100deg,#0e4d5147,#0b293a55 75%);box-shadow:inset 0 0 0 1px #39cfc68c,inset 0 1px 8px #5fe9e509,0 2px 7px #0002}
.mzw-focus .mzw-set.current .mzw-in{border-color:#3fe0ceab;background:linear-gradient(130deg,#103d4666,#071e2b88)!important;font-weight:700}.mzw-focus .mzw-set.current .mzw-weight-cell>small{color:#d6e8e9}
.mzw-focus .mzw-ok[aria-pressed="true"]::before{background:linear-gradient(145deg,#37dc91,#1cc875);border-color:#53e8a359;box-shadow:inset 0 1px 0 #e5fff72e,0 1px 3px #0003}
.mzw-focus .mzw-set.current:focus{outline:2px solid var(--focus-accent);outline-offset:2px}
/* Rest owns the hierarchy; the existing timer still owns every deadline and operation. */
.mzw-focus .mzw-rest-in{grid-template-columns:minmax(44px,1fr) var(--focus-rest-size) minmax(44px,1fr);gap:6px;min-height:var(--focus-rest-size);margin:0}
.mzw-focus .mzw-rest-orb{width:var(--focus-rest-size);height:var(--focus-rest-size);background:radial-gradient(circle at 43% 35%,#102b3a 0%,#071722 48%,#06242d 64%,transparent 72%);box-shadow:0 0 22px #13cbb918,inset 0 1px 0 #82c6cc0a}
.mzw-focus .mzw-rest-orb circle{stroke-width:7}.mzw-focus .mzw-rest-orb .track{stroke:#153e4a}.mzw-focus .mzw-rest-ring-value{stroke:var(--focus-accent);filter:drop-shadow(0 0 4px #2ae5cf70);stroke-linecap:round}
.mzw-focus .mzw-rest-center{inset:24px 12px;gap:2px}.mzw-focus .mzw-rest-center>span{font-size:.8rem;line-height:1.3;color:#cadde6}.mzw-focus .mzw-rest-center>b{font-size:clamp(2rem,10vw,2.75rem);line-height:1.1;letter-spacing:.01em;font-weight:720;color:#f0f8fc}
.mzw-focus .mzw-rest-pause{width:44px;height:44px;padding:10px;border:1px solid #6b9aa552;border-radius:50%;background:linear-gradient(145deg,#285065a1,#0c2533b5);box-shadow:inset 0 1px 0 #ddfaff24,0 3px 9px #0003}.mzw-focus .mzw-rest-pause svg{width:21px;height:21px}
.mzw-focus .mzw-rest-side{justify-self:center;width:min(100%,84px);min-height:46px;border-radius:14px;border-color:#839fb57a;background:linear-gradient(145deg,#34546bad,#112c40e8);box-shadow:var(--focus-inner),2px 5px 11px #0004;font-size:.78rem}
.mzw-focus[data-rest-phase="rest"]{gap:4px}.mzw-focus[data-rest-phase="rest"] .mzw-workout-banner{min-height:48px;padding-block:3px}.mzw-focus[data-rest-phase="rest"] .mzw-position-ring{width:40px;height:40px}.mzw-focus[data-rest-phase="rest"] .mzw-position-ring b{font-size:.7rem}
#main .mzw-focus[data-rest-phase="rest"] .mzw-workout-banner h2{font-size:.95rem;line-height:1.25}.mzw-focus[data-rest-phase="rest"] .mzw-workout-banner p{font-size:.7rem;line-height:1.2}
.mzw-focus[data-rest-phase="rest"] .mzp-stage{height:100px}.mzw-focus[data-rest-phase="rest"] .mzw-target{min-height:48px;padding-block:3px}.mzw-focus[data-rest-phase="rest"] .mzw-target svg{width:14px;height:14px;color:#8abfca}.mzw-focus[data-rest-phase="rest"] .mzw-target b{font-size:.95rem}
.mzw-focus[data-rest-phase="rest"] .mzw-set:not(.current) .mzw-in{color:#afc4ce;font-weight:500}.mzw-focus[data-rest-phase="rest"] .mzw-set.current{background:#0b293848;box-shadow:inset 0 0 0 1px #439c9a70}.mzw-focus[data-rest-phase="rest"] .mzw-set.current .mzw-in{border-color:#4e8f955e;background:#0b243055!important}.mzw-focus[data-rest-phase="rest"] .mzw-log-heading h3{color:#c6d8e1}.mzw-focus[data-rest-phase="rest"] .mzw-prev{color:#a7c2cc}
html[data-tab="workout"] #tabs{background:linear-gradient(135deg,#254356d9,#102839ed 48%,#071824f5);border-color:#7897ae70;box-shadow:var(--focus-inner),4px 8px 22px #0005;backdrop-filter:blur(8px)}
html[data-tab="workout"] #tabs button[aria-current="page"]{border-color:#34bfbda1;background:radial-gradient(ellipse at 35% 12%,#21777e80,transparent 70%),linear-gradient(140deg,#114550,#0b2d3f);box-shadow:inset 0 1px 0 #c0fff32a,inset 0 -2px 7px #011a2299,0 2px 9px #0003;color:#4ce6d5}
@media(max-width:350px){.mzw-focus .mzw-rest-in{gap:4px}.mzw-focus .mzw-rest-side{font-size:.74rem;padding:5px 3px}.mzw-focus .mzw-rest-side svg{width:13px;height:13px}.mzw-focus .mzw-rest-side:first-child svg{display:none}.mzw-focus[data-rest-phase="rest"]{gap:4px}}
@media(prefers-reduced-motion:reduce){.mzw-focus *,html[data-tab="workout"] #tabs *{transition:none!important;animation:none!important}}
@media(forced-colors:active){.mzw-focus .mzw-workout-banner,.mzw-focus .mzw-target,.mzw-focus .mzw-sets,.mzw-focus .mzw-set.current,html[data-tab="workout"] #tabs{background:Canvas;box-shadow:none;color:CanvasText;border-color:CanvasText}.mzw-focus .mzw-rest-orb{background:Canvas;box-shadow:none}.mzw-focus .mzw-rest-ring-value{stroke:Highlight;filter:none}.mzw-focus .mzw-rest-pause,.mzw-focus .mzw-rest-side{background:ButtonFace;color:ButtonText;box-shadow:none;border-color:ButtonText}}
/* Depth comes from gradients/highlights; reserve backdrop blur for the small footer surface. */
.mzw-focus .mzw-icon,.mzw-focus .mzw-options>summary{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Stage 1.6: progressive disclosure reuses the workout material roles. */
.mzw-focus .mzw-log-card{width:100%;min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-block:5px;border:1px solid var(--focus-edge);border-radius:17px;background:var(--focus-glass);color:var(--focus-ink);box-shadow:var(--focus-inner),var(--focus-shadow);text-align:start}
.mzw-log-card>span:first-child{display:grid;grid-template-columns:20px auto;gap:4px 8px;align-items:center}.mzw-log-card svg{width:20px;height:20px;color:var(--focus-accent);flex-shrink:0}.mzw-log-card small{grid-column:2;color:var(--focus-muted);font-size:.78rem}.mzw-log-card .mzw-log-value{margin-inline-start:auto;font-size:.85rem;color:var(--focus-accent);white-space:nowrap}.mzw-focus[data-rest-phase="work"] .mzw-log-card{border-color:var(--focus-accent);background:linear-gradient(125deg,#10495399,#092234ed);box-shadow:var(--focus-inner),0 4px 16px #0004}.mzw-focus[data-rest-phase="rest"] .mzw-log-card{min-height:58px;margin-block:2px}.mzw-focus[data-rest-phase="rest"] .mzw-log-card b,.mzw-focus[data-rest-phase="rest"] .mzw-log-value{color:var(--focus-muted)}
.mzw-focus .mzw-logged{border-top:1px solid var(--focus-edge);font-size:.82rem;color:var(--focus-muted)}.mzw-logged summary{min-height:44px;display:flex;gap:8px;align-items:center;cursor:pointer}.mzw-logged summary::after{content:'⌄';margin-inline-start:auto}.mzw-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--focus-divider)}.mzw-history-row>span{display:flex;gap:8px;align-items:center}.mzw-history-row svg{width:18px;height:18px;color:var(--focus-good)}.mzw-history-row button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--focus-accent)}
.mzw-focus .mzw-log-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,520px);max-width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));padding:12px 20px max(22px,env(safe-area-inset-bottom));border:1px solid var(--focus-edge);border-bottom:0;border-radius:26px 26px 0 0;overflow:auto;background:linear-gradient(145deg,#1b3548fa,#0a1c2afa 45%,#07131ffb);color:var(--focus-ink);box-shadow:var(--focus-inner),0 -12px 50px #0008;overscroll-behavior:contain;text-align:start}
.mzw-log-dialog::backdrop{background:#010811b8;backdrop-filter:blur(3px)}.mzw-sheet-grip{width:36px;height:4px;border-radius:4px;background:var(--focus-edge);margin:0 auto 17px}.mzw-log-dialog header{display:flex;justify-content:space-between;align-items:center;gap:8px}.mzw-log-dialog header p,.mzw-focus .mzw-sheet-note{font-size:.8rem;color:var(--focus-muted);line-height:1.5}.mzw-focus .mzw-log-dialog h2{font-size:1.2rem;line-height:1.5;margin-block:4px}.mzw-sheet-close{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--focus-edge);background:var(--focus-raised);color:var(--focus-ink)}.mzw-sheet-close svg{width:20px;height:20px}.mzw-focus .mzw-sheet-ex{margin-block:12px;font-size:.9rem;color:var(--focus-muted)}
.mzw-log-dialog .mzw-sets{padding:14px;margin-block:10px}.mzw-log-dialog .mzw-head{display:flex!important;justify-content:space-around;gap:10px;font-size:.8rem;color:var(--focus-muted);padding-bottom:9px}.mzw-log-dialog .mzw-head>span:first-child,.mzw-log-dialog .mzw-head>span:nth-child(2),.mzw-log-dialog .mzw-head>span:last-child{display:none}.mzw-log-dialog .mzw-set{display:flex!important;align-items:center;gap:8px;min-height:60px;padding:0;border-radius:0;background:transparent!important;box-shadow:none!important;direction:ltr}.mzw-log-dialog .mzw-set .mzw-n,.mzw-log-dialog .mzw-set .mzw-pv,.mzw-log-dialog .mzw-set .mzw-ok,.mzw-log-dialog .mzw-set .mzw-pr{display:none!important}.mzw-log-dialog .mzw-weight-cell{flex:1;min-width:0;display:flex;align-items:center;gap:4px}.mzw-focus .mzw-log-dialog .mzw-in{height:54px;min-height:54px;min-width:0;width:0;flex:1;border:1px solid var(--focus-edge);border-radius:13px!important;background:#071e2b!important;color:var(--focus-ink);font-size:1.25rem!important;text-align:center;padding:8px!important;direction:ltr}.mzw-log-dialog .mzw-weight-cell .mzw-in{width:100%}.mzw-log-dialog .mzw-weight-cell small{position:static;color:var(--focus-muted);font-size:.75rem}.mzw-focus .mzw-log-dialog .mzw-in:focus{outline:2px solid var(--focus-accent);outline-offset:2px}.mzw-focus .mzw-log-dialog .mzw-in[aria-invalid="true"]{outline:2px solid #f2a391}.mzw-log-dialog .mzw-focus-complete{width:100%;min-height:52px;margin-top:20px;border-radius:15px}.mzw-focus .mzw-log-dialog .mzw-sheet-note{margin-top:12px}
.mzw-log-card:focus-visible,.mzw-logged summary:focus-visible,.mzw-sheet-close:focus-visible{outline:2px solid var(--focus-accent);outline-offset:3px}
@media(max-width:350px){.mzw-focus .mzw-log-dialog{padding-inline:16px}.mzw-focus .mzw-log-dialog h2{font-size:1.1rem}.mzw-log-card .mzw-log-value{font-size:.75rem}.mzw-log-card{gap:7px}}
@media(prefers-reduced-motion:reduce){.mzw-log-dialog::backdrop{backdrop-filter:none}}
@media(forced-colors:active){.mzw-log-dialog,.mzw-log-card{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}.mzw-focus .mzw-log-dialog .mzw-in{background:Field!important;color:FieldText!important}}
.mzw-log-dialog .mzw-head{direction:ltr}.mzw-focus .mzw-log-dialog .mzw-weight-cell .mzw-in{max-width:none}

/* Stage 1.7 — one view, two disclosure states; existing timer owns the phase. */
.mzw-work-details{display:contents}.mzw-work-details[hidden],.mzw-rest-tools[hidden]{display:none!important}
.mzw-focus[data-rest-phase="rest"]{row-gap:8px}.mzw-focus[data-rest-phase="rest"] #mzwRest{order:2;margin-block:clamp(24px,11svh,92px) 12px;animation:mzw-rest-reveal 180ms ease-out both}
.mzw-focus[data-rest-phase="rest"] .mzw-rest-tools{order:3;display:flex;justify-content:center}.mzw-rest-tools button{min-height:46px;max-width:100%;padding:10px 18px;border:1px solid var(--focus-edge);border-radius:14px;background:var(--focus-glass);box-shadow:var(--focus-inner);color:var(--focus-muted);font:inherit;font-size:.85rem;cursor:pointer}
.mzw-rest-tools button:focus-visible{outline:2px solid var(--focus-accent);outline-offset:3px}.mzw-rest-tools button[aria-expanded="true"]{color:var(--focus-accent)}
.mzw-focus[data-rest-phase="rest"] .mzw-work-details:not([hidden]){display:grid;gap:5px;order:4;min-width:0;padding-top:8px;border-top:1px solid var(--focus-edge)}
@keyframes mzw-rest-reveal{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:650px){.mzw-focus[data-rest-phase="rest"] #mzwRest{margin-block:18px 8px}}
@media(prefers-reduced-motion:reduce){.mzw-focus[data-rest-phase="rest"] #mzwRest{animation:none}}
@media(forced-colors:active){.mzw-rest-tools button{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}}
/* Stage 2-A (F03): partially completed exercise state in the options tab list — scoped, no layout change elsewhere */
.mzw-slot.partial:not([aria-selected="true"]){border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.mzw-slot-frac{font-size:.72rem;font-weight:700;color:var(--muted);flex:none}
.mzw-slot[aria-selected="true"] .mzw-slot-frac{color:inherit}
@media(forced-colors:active){.mzw-slot.partial{border-style:dashed}}

/* =====================================================================
   Stage 2-B — premium visual finish. Presentation only; every rule is scoped to the workout route.
   Direction (reference: third phone): deep midnight navy, layered translucent glass, fine edges,
   one controlled turquoise accent. No new blur layers (the footer remains the only backdrop-filter).
   ===================================================================== */
html[data-tab="workout"],html[data-tab="workout"][data-mizan-design]{
 --focus-bg:#030913;--focus-surface:#08182a;--focus-raised:#10283c;--focus-ink:#f3f8fc;--focus-muted:#a9bece;--focus-edge:rgba(160,196,220,.22);--focus-accent:#34e4d2;
 --focus-glass:linear-gradient(146deg,rgba(44,78,104,.58) 0%,rgba(14,36,54,.86) 40%,rgba(5,18,31,.96) 100%);
 --focus-glass-deep:linear-gradient(150deg,rgba(26,52,72,.82),rgba(6,19,32,.97));
 --focus-inner:inset 0 1px 0 rgba(226,242,252,.19),inset 0 0 0 1px rgba(150,190,215,.045),inset 0 -10px 18px -12px rgba(0,6,14,.6);
 --focus-shadow:0 10px 22px -10px rgba(0,3,10,.62),0 2px 5px rgba(0,3,10,.3);
 --focus-glow:rgba(52,228,210,.30);--focus-arc-a:#19a9c4;--focus-arc-b:#4df3dc;
 --v2-veil:radial-gradient(120% 55% at 50% -5%,rgba(24,66,92,.55),transparent 62%),radial-gradient(90% 40% at 100% 105%,rgba(14,70,82,.28),transparent 65%),linear-gradient(170deg,#06121f,#020810 78%)
}
/* header + wordmark */
.mzw-focus .mzw-wordmark{background:linear-gradient(180deg,#ffffff 8%,#b5d6e6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#e6f3fa;text-shadow:none;filter:drop-shadow(0 2px 7px rgba(0,8,18,.55));font-weight:850;letter-spacing:-.05em;padding-inline-end:.08em}
.mzw-focus .mzw-icon,.mzw-focus .mzw-options>summary{background:linear-gradient(150deg,rgba(54,92,120,.62),rgba(11,30,46,.94));border-color:rgba(150,190,214,.3);box-shadow:var(--focus-inner),0 6px 12px -6px rgba(0,4,12,.7)}
.mzw-focus .mzw-workout-banner{background:linear-gradient(116deg,rgba(38,74,100,.62),rgba(7,24,38,.94) 66%);box-shadow:var(--focus-inner),var(--focus-shadow)}
.mzw-focus .mzw-position-ring .value{filter:drop-shadow(0 0 3px var(--focus-glow))}
/* exercise media: more presence, same real photos */
@media(min-height:700px){.mzw-focus .mzp-stage{height:clamp(176px,52vw,224px)}}
.mzw-focus .mzp{border-color:rgba(150,196,222,.4);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(215,242,255,.07),0 0 0 1px rgba(52,228,210,.08),0 14px 30px -12px rgba(0,5,14,.85)}
.mzw-focus .mzp-stage,.mzw-focus .mzp-frames{background:radial-gradient(ellipse at 50% 40%,#0c2434,#050f19 75%)}
/* identity + targets */
#main .mzw-focus .mzw-ex h2{font-size:1.12rem;font-weight:750;letter-spacing:-.012em;color:#f6fbfe}
.mzw-ex-identity p{color:#bfd0dc}
.mzw-focus .mzw-muscle-badge{background:linear-gradient(140deg,rgba(18,98,104,.42),rgba(8,44,56,.62));border-color:rgba(52,228,210,.38);color:#8cf0e3;font-weight:650;box-shadow:inset 0 1px 0 rgba(216,255,246,.16),0 0 12px -4px var(--focus-glow)}
.mzw-focus .mzw-target{min-height:62px;padding:7px 4px 6px;gap:1px;border-radius:15px;box-shadow:var(--focus-inner),var(--focus-shadow)}
.mzw-focus .mzw-target svg{box-sizing:border-box;width:26px;height:26px;padding:5px;margin-bottom:2px;border-radius:50%;background:rgba(52,228,210,.1);box-shadow:inset 0 0 0 1px rgba(52,228,210,.24)}
.mzw-focus .mzw-target b{font-size:1.08rem;font-weight:720;font-variant-numeric:tabular-nums;color:#f4fafd}
.mzw-focus .mzw-target>span{font-size:.7rem;color:#b3c6d3}
.mzw-focus[data-rest-phase="rest"] .mzw-target svg{width:22px;height:22px;padding:4px;box-shadow:inset 0 0 0 1px rgba(138,191,202,.24);background:rgba(138,191,202,.08)}
/* Log Set: the one primary compact action */
.mzw-focus[data-rest-phase="work"] .mzw-log-card{border-color:rgba(52,228,210,.62);background:radial-gradient(120% 140% at 0 0,rgba(22,104,112,.55),transparent 60%),var(--focus-glass-deep);box-shadow:var(--focus-inner),0 0 0 1px rgba(52,228,210,.07),0 10px 24px -12px rgba(0,5,14,.9)}
.mzw-log-card>span:first-child b{font-size:1.02rem;font-weight:700}
.mzw-log-card .mzw-log-value{font-weight:700;font-variant-numeric:tabular-nums}
.mzw-log-card>svg:last-child{box-sizing:border-box;width:30px;height:30px;padding:6px;border-radius:50%;background:rgba(52,228,210,.12);box-shadow:inset 0 0 0 1px rgba(52,228,210,.3)}
.mzw-focus .mzw-log-card:active{transform:scale(.99)}
.mzw-focus .mzw-log-card,.mzw-focus .mzw-log-dialog .mzw-focus-complete,.mzw-rest-side,.mzw-rest-pause{transition:transform .12s ease-out,box-shadow .12s ease-out}
/* Rest Focus: same 180–200px ring, same single timer; arc gets a gradient, depth and a controlled glow */
.mzw-focus .mzw-rest-orb{background:radial-gradient(circle at 50% 36%,#123349 0%,#081b2a 46%,#061622 66%,transparent 72%);box-shadow:0 0 0 1px rgba(120,190,205,.06),0 16px 30px -14px rgba(0,5,14,.9),0 0 26px -6px rgba(52,228,210,.16),inset 0 1px 0 rgba(150,215,225,.12)}
.mzw-focus .mzw-rest-orb::before{content:"";position:absolute;inset:15%;border-radius:50%;pointer-events:none;border:1px solid rgba(160,205,225,.09);background:radial-gradient(circle at 50% 30%,rgba(60,120,150,.12),transparent 70%);box-shadow:inset 0 8px 18px -8px rgba(0,0,0,.6)}
.mzw-focus .mzw-rest-orb svg{position:relative}
.mzw-focus .mzw-rest-orb .track{stroke:#12394a}
.mzw-focus .mzw-rest-ring-value{stroke:var(--focus-accent);stroke:url(#mzwArc);filter:drop-shadow(0 0 5px var(--focus-glow))}
.mzw-focus .mzw-rest-center{z-index:1}
.mzw-focus .mzw-rest-center>b{font-size:clamp(2.1rem,10.5vw,2.85rem);font-weight:740;font-variant-numeric:tabular-nums;letter-spacing:.015em;color:#f7fcff;text-shadow:0 2px 14px rgba(52,228,210,.22)}
.mzw-focus .mzw-rest-center>span{font-size:.82rem;font-weight:600;color:#bcd2dd}
.mzw-focus .mzw-rest-pause{border-color:rgba(52,228,210,.34);background:linear-gradient(150deg,rgba(40,98,112,.7),rgba(9,34,47,.92));color:var(--focus-accent);box-shadow:var(--focus-inner),0 4px 10px -4px rgba(0,5,14,.8)}
.mzw-focus .mzw-rest-side{border-color:rgba(150,190,214,.3);background:linear-gradient(150deg,rgba(54,92,120,.62),rgba(11,30,46,.94));font-weight:650;color:#e3f1f8;box-shadow:var(--focus-inner),0 6px 12px -6px rgba(0,5,14,.8)}
.mzw-focus .mzw-rest-side:active,.mzw-focus .mzw-rest-pause:active{transform:scale(.97)}
.mzw-rest-tools button{background:var(--focus-glass);color:#c3d6e1;box-shadow:var(--focus-inner),var(--focus-shadow)}
.mzw-rest-tools button[aria-expanded="true"]{border-color:rgba(52,228,210,.4)}
/* Log Set sheet */
.mzw-focus .mzw-log-dialog{background:linear-gradient(150deg,rgba(34,64,88,.99) 0%,rgba(11,29,44,.995) 42%,rgba(5,16,27,.995) 100%);border-color:rgba(160,200,224,.26);box-shadow:var(--focus-inner),0 -18px 50px -8px rgba(0,3,10,.85),0 -1px 0 rgba(52,228,210,.1)}
.mzw-log-dialog::backdrop{background:rgba(1,6,14,.74)}
.mzw-sheet-grip{width:40px;height:4px;background:linear-gradient(90deg,transparent,rgba(190,220,238,.4),transparent)}
.mzw-focus .mzw-log-dialog h2{font-size:1.28rem;font-weight:750}
.mzw-log-dialog .mzw-sets{padding:12px;border-radius:18px;background:var(--focus-glass-deep);box-shadow:var(--focus-inner),0 8px 18px -12px rgba(0,3,10,.8)}
.mzw-log-dialog .mzw-head{font-weight:600;letter-spacing:0}
.mzw-focus .mzw-log-dialog .mzw-in{height:58px!important;min-height:58px;border-radius:14px!important;border:1px solid rgba(150,195,220,.3)!important;background:linear-gradient(180deg,rgba(2,10,18,.78),rgba(7,26,40,.78))!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),inset 0 -1px 0 rgba(190,225,245,.06);font-size:1.55rem!important;font-weight:700;font-variant-numeric:tabular-nums;color:#f6fcff}
.mzw-focus .mzw-log-dialog .mzw-in:focus{outline:0;border-color:rgba(52,228,210,.75)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 3px rgba(52,228,210,.24)}
.mzw-focus .mzw-log-dialog .mzw-in:focus-visible{outline:2px solid var(--focus-accent);outline-offset:2px}
.mzw-log-dialog .mzw-weight-cell small{font-weight:600;color:#b4c8d5}
.mzw-log-dialog .mzw-set{gap:10px}
.mzw-focus .mzw-log-dialog .mzw-focus-complete{min-height:54px;margin-top:18px;border-radius:16px;font-size:1rem;font-weight:750;background:linear-gradient(180deg,#43eddb 0%,#14bcae 100%);border:1px solid #6df5e6;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 22px -10px rgba(25,203,181,.55)}
.mzw-focus .mzw-log-dialog .mzw-focus-complete:active{transform:scale(.99)}
/* Bottom navigation: deeper surface, clearer selected state, same five destinations */
html[data-tab="workout"] #tabs{background:linear-gradient(140deg,rgba(40,74,98,.9),rgba(12,32,48,.96) 50%,rgba(5,18,30,.98));border-color:rgba(150,192,216,.34);box-shadow:var(--focus-inner),0 14px 28px -10px rgba(0,3,10,.85),0 -1px 0 rgba(0,0,0,.2)}
html[data-tab="workout"] #tabs button{color:#cddde7}
html[data-tab="workout"] #tabs button[aria-current="page"]{position:relative;border-color:rgba(52,228,210,.5);background:radial-gradient(ellipse at 50% 0,rgba(36,130,136,.5),transparent 72%),linear-gradient(150deg,#12505a,#0a2d3e);box-shadow:inset 0 1px 0 rgba(200,255,246,.26),inset 0 -3px 9px rgba(1,20,28,.55),0 0 14px -4px var(--focus-glow);color:#58ecdc;font-weight:650}
html[data-tab="workout"] #tabs button[aria-current="page"]::after{content:"";position:absolute;inset-inline:34%;bottom:3px;height:2px;border-radius:2px;background:var(--focus-accent);opacity:.85}
@media(prefers-reduced-motion:reduce){.mzw-focus .mzw-log-card,.mzw-focus .mzw-log-dialog .mzw-focus-complete,.mzw-rest-side,.mzw-rest-pause{transition:none}.mzw-focus .mzw-log-card:active,.mzw-focus .mzw-rest-side:active,.mzw-focus .mzw-rest-pause:active,.mzw-focus .mzw-log-dialog .mzw-focus-complete:active{transform:none}}
@media(forced-colors:active){.mzw-focus .mzw-wordmark{-webkit-text-fill-color:CanvasText;background:none;filter:none}.mzw-focus .mzw-rest-ring-value{stroke:Highlight}.mzw-focus .mzw-rest-orb::before{display:none}html[data-tab="workout"] #tabs button[aria-current="page"]::after{background:Highlight}}
@media(max-width:350px){.mzw-focus .mzw-target b{font-size:1rem}#main .mzw-focus .mzw-ex h2{font-size:1.02rem}.mzw-focus .mzw-log-dialog .mzw-in{font-size:1.4rem!important}}

/* =====================================================================
   Stage 2-C — final UX refinement. Spacing, alignment, narrow-screen and RTL typography fixes,
   sheet field alignment and keyboard avoidance. No new visual language, no new content.
   ===================================================================== */
/* Work Mode: use tall phones for the demonstration instead of leaving dead space (rest/short screens unchanged) */
@media(min-height:700px){
 .mzw-focus[data-rest-phase="work"]{row-gap:clamp(7px,1.3svh,12px)}
 .mzw-focus[data-rest-phase="work"] .mzp-stage{height:clamp(176px,calc(100svh - 505px),268px)}
}
.mzw-focus .mzw-target-cards{gap:8px}
.mzw-focus .mzw-ex-identity{padding-top:2px;align-items:flex-start}
.mzw-ex-identity p{text-align:left}
/* Log Set card: title never wraps; value keeps its own line box */
.mzw-log-card>span:first-child b{white-space:nowrap}
.mzw-log-card .mzw-log-value{flex-shrink:0}
@media(max-width:350px){
 .mzw-focus .mzw-log-card{padding:10px 12px;gap:8px;min-height:68px}
 .mzw-log-card>span:first-child{grid-template-columns:auto;gap:2px}
 .mzw-log-card>span:first-child>svg{display:none}
 .mzw-log-card small{grid-column:1}
 .mzw-focus .mzw-target-cards{gap:6px}
}
/* Arabic: joined script must not be letter-spaced; slightly more generous leading */
html[dir="rtl"] .mzw-focus,html[dir="rtl"] #main .mzw-focus .mzw-ex h2,html[dir="rtl"] #main .mzw-focus .mzw-workout-banner h2{letter-spacing:0}
html[dir="rtl"] .mzw-focus :where(p,small,.mzw-target>span,.mzw-rest-center>span,.mzw-sheet-note){line-height:1.6}
html[dir="rtl"] .mzw-focus :where(b,.mzw-log-value,#mzwRestT,.mzw-log-dialog .mzw-in){letter-spacing:.01em}
/* Sheet: weight and repetitions as two equal wells; unit sits inside the weight well; one × between them */
.mzw-log-dialog .mzw-head{display:grid!important;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);column-gap:0;justify-content:stretch;padding:0 0 8px;text-align:center}
.mzw-log-dialog .mzw-head>span:nth-child(3){grid-column:1}.mzw-log-dialog .mzw-head>span:nth-child(4){grid-column:3}
.mzw-log-dialog .mzw-set{display:grid!important;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:0;align-items:center}
.mzw-log-dialog .mzw-weight-cell{position:relative;display:block}
.mzw-focus .mzw-log-dialog .mzw-weight-cell .mzw-in{width:100%;padding-inline:30px!important}
.mzw-log-dialog .mzw-weight-cell small{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);font-size:.72rem;pointer-events:none;direction:ltr}
.mzw-log-dialog .mzw-set>.mzw-weight-cell{grid-column:1!important;grid-row:1!important}.mzw-log-dialog .mzw-set>.mzw-times{grid-column:2!important;grid-row:1!important;display:grid;place-items:center;color:var(--focus-muted);font-size:1rem}.mzw-log-dialog .mzw-set>.mzw-in{grid-column:3!important;grid-row:1!important}
.mzw-focus .mzw-log-dialog .mzw-set>.mzw-in{width:100%;padding-inline:8px!important}
.mzw-focus .mzw-log-dialog .mzw-in{font-feature-settings:"tnum" 1,"lnum" 1}
/* Keyboard avoidance: ui.js publishes the on-screen-keyboard inset from visualViewport; defaults are no-ops */
.mzw-focus .mzw-log-dialog{bottom:var(--mzw-kb,0px);max-height:calc(var(--mzw-vvh,100dvh) - max(16px,env(safe-area-inset-top)))}
.mzw-focus .mzw-log-dialog{padding-bottom:var(--mzw-pad,max(22px,env(safe-area-inset-bottom)))}