/* V2 uses the same roles and focus treatment as the current workout screens. */
:root #stepsSheet,:root #recovSheet{box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:var(--we-canvas);color:var(--we-ink);font-family:Sora,system-ui,sans-serif;padding-left:max(20px,env(safe-area-inset-left,0px),calc((100vw - 640px)/2));padding-right:max(20px,env(safe-area-inset-right,0px),calc((100vw - 640px)/2))}
#stepsSheet::backdrop,#recovSheet::backdrop{background:rgba(8,13,19,.65)}
.v2-sheet-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
#stepsSheet button:focus-visible,#recovSheet button:focus-visible,#aiFoodMic:focus-visible,#fhFridge:focus-visible{outline:3px solid var(--we-blue);outline-offset:3px}
body.pm-premium #stepsSheet .ss-back,body.pm-premium #recovSheet .rv-back{color:var(--we-ink);background:var(--we-surface);min-height:44px;border-radius:12px}
#stepsSheet p,#stepsSheet .ss-quiet,#recovSheet .rv-sub,#recovSheet .rv-note,#recovSheet .rv-row span,:root #secGoal .gd-note,:root #secGoal .gd-l span,:root #secGoal .gd-r span{color:var(--we-secondary)}
#stepsSheet b,#stepsSheet .ss-msg,#recovSheet .rv-row.recovering span,:root #secGoal .gd-r b{color:var(--we-ink)}
#stepsSheet .ss-link code,#recovSheet .rv-row,:root #secGoal .gd-row{background:var(--we-surface);border:1px solid var(--we-line);box-shadow:none}
#recovSheet .rv-key{flex-wrap:wrap;gap:8px 16px;color:var(--we-secondary)}
#recovSheet .rv-row b{min-width:0}
#recovSheet .rv-row span{max-width:55%}
:root #secGoal .gd-row{align-items:flex-start}
:root #secGoal .gd-r{max-width:48%;flex-shrink:1}
:root #secGoal .gd-r b{font-size:16px;line-height:1.5}
:root #secGoal .gd-l span{line-height:1.5}
body.pm-premium #fhFridge{background:var(--we-surface)!important;color:var(--we-ink)!important;box-shadow:none!important;border:1px solid var(--we-line)!important}
#fhFridge .fr-t span{color:var(--we-secondary);line-height:1.5}
.aifrow #aiFoodIn{flex:1;min-width:0;width:auto}
.aifrow #aiFoodGo{flex:none;min-width:64px;padding-left:12px;padding-right:12px}
.tl-hint{color:var(--we-secondary)}
@media(max-width:370px){body.pm-premium #aiFoodMic{width:44px!important;height:44px!important;min-height:44px!important}.aifrow{gap:6px}}