[data-phase=instap],[data-phase=basis],[data-phase=doorlopend]{--plan-phase-tint: var(--fts-content-quaternary)}[data-phase=opbouw]{--plan-phase-tint: var(--fts-content-tertiary)}[data-phase=piek]{--plan-phase-tint: var(--fts-content-secondary)}[data-phase=taper]{--plan-phase-tint: var(--fts-content-primary)}[data-recovery=true],[data-recovery]{--plan-phase-tint: var(--fts-content-quaternary)}.plan-timeline{display:flex;flex-direction:column;gap:var(--fts-space-3)}.plan-timeline__fasen{display:flex;gap:var(--fts-space-1)}.plan-phase{display:flex;flex-direction:column;gap:4px;min-width:0}.plan-phase__band{block-size:6px;border-radius:var(--fts-radius-xs);background:var(--plan-phase-tint)}.plan-phase__band[data-phase=taper]{opacity:.85;background-image:repeating-linear-gradient(45deg,var(--plan-phase-tint) 0,var(--plan-phase-tint) 2px,transparent 2px,transparent 4px);background-color:color-mix(in oklch,var(--plan-phase-tint) 35%,transparent)}.plan-phase__label{font-size:var(--fts-text-caption2-size);color:var(--fts-content-tertiary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-timeline__weken{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--fts-space-1)}.plan-week-rij{inline-size:100%;min-block-size:var(--fts-touch-target-min);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--fts-space-2);padding:var(--fts-space-1) var(--fts-space-2);border:0;border-radius:var(--fts-radius-xs);background:transparent;color:inherit;text-align:start;cursor:pointer;transition:background var(--fts-duration-tap) var(--fts-ease-ios)}.plan-week-rij[data-active]{background:var(--fts-brand-subtle)}.plan-week-rij:focus-visible{outline:2px solid var(--fts-border-focus);outline-offset:2px}.plan-week-rij__nr{font-size:var(--fts-text-footnote-size);color:var(--fts-content-secondary);white-space:nowrap}.plan-week-rij__bar{block-size:8px;border-radius:var(--fts-radius-xs);background:var(--fts-surface-sunken);overflow:hidden}.plan-week-rij__fill{display:block;block-size:100%;border-radius:var(--fts-radius-xs);background:var(--plan-phase-tint)}.plan-week-rij__fill[data-phase=taper]{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 2px,color-mix(in oklch,var(--plan-phase-tint) 45%,transparent) 2px,color-mix(in oklch,var(--plan-phase-tint) 45%,transparent) 4px)}.plan-week-rij__fill[data-recovery]{opacity:.5}@media(prefers-reduced-motion:no-preference){.plan-week-rij__fill{transform-origin:left center;animation:plan-bar-grow var(--fts-spring-snappy-duration) var(--fts-spring-snappy) both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes plan-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.plan-week-rij__tijd{color:var(--fts-content-primary);white-space:nowrap}.plan-week-rij__rust{font-size:var(--fts-text-caption2-size);color:var(--fts-content-tertiary)}.plan-grafiek{margin:0}.plan-grafiek__bar{fill:var(--plan-phase-tint);opacity:.85}.plan-grafiek__bar[data-recovery]{opacity:.4}.plan-grafiek__lijn{stroke:var(--fts-content-tertiary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.plan-grafiek__baseline{stroke:var(--fts-border-strong);stroke-width:1;vector-effect:non-scaling-stroke}.plan-grafiek__gridlijn{stroke:var(--fts-border-separator);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.plan-grafiek__aslabel,.plan-grafiek__aseenheid,.plan-grafiek__weeklabel{fill:var(--fts-content-tertiary);font-size:9px;font-variant-numeric:tabular-nums;font-feature-settings:var(--fts-font-features-numeric)}.plan-grafiek__aslabel--top{dominant-baseline:hanging}.plan-grafiek__weeklabel{text-anchor:middle;fill:var(--fts-content-secondary)}.plan-grafiek__aseenheid{text-anchor:middle;fill:var(--fts-content-secondary);letter-spacing:.02em}@media(prefers-reduced-motion:no-preference){.plan-grafiek__bar{transform-box:view-box;animation:plan-grafiek-bar var(--fts-spring-snappy-duration) var(--fts-spring-snappy) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes plan-grafiek-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.plan-grafiek__lijn{stroke-dasharray:1;stroke-dashoffset:1;animation:plan-grafiek-lijn .7s var(--fts-ease-out) both;animation-delay:calc(var(--bars, 8) * 45ms + .12s)}@keyframes plan-grafiek-lijn{to{stroke-dashoffset:0}}}.plan-scherm,.sessie-detail,.feedback-scherm,.doel-flow{display:flex;flex-direction:column;gap:var(--fts-space-6);padding-block-end:calc(var(--fts-space-16) + env(safe-area-inset-bottom))}@media(min-width:768px){.plan-scherm,.sessie-detail,.feedback-scherm,.doel-flow{gap:var(--fts-space-8)}}.plan-scherm__kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fts-space-3);flex-wrap:wrap}.plan-scherm__doel-link{flex:none}.plan-callout__zin{margin:0}.plan-callout__zin+.plan-callout__zin{margin-block-start:var(--fts-space-1)}.doel-flow__intro{color:var(--fts-content-secondary);margin:0;max-inline-size:var(--fts-measure)}.doel-flow__form{display:flex;flex-direction:column;gap:var(--fts-space-6)}.doel-flow__stop{align-self:flex-start;margin-block-start:calc(-1 * var(--fts-space-2))}.plan-sessie__naam{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--fts-space-1-5)}.plan-sessie__dag,.plan-sessie__duur{color:var(--fts-content-secondary);white-space:nowrap}.plan-sessie__voelt{color:var(--fts-content-tertiary)}.plan-sessie__acties{display:flex;margin-block-start:var(--fts-space-1)}.sessie-detail__duur,.sessie-detail__why,.sessie-detail__wetenschap,.sessie-detail__voelt{margin:0}.sessie-detail__wetenschap{color:var(--fts-content-secondary)}.sessie-detail__terug{align-self:flex-start;gap:var(--fts-space-1)}.sessie-detail__duur{color:var(--fts-content-secondary)}.rpe-flow{display:flex;flex-direction:column;gap:var(--fts-space-4)}.rpe-flow__chips{display:flex;flex-wrap:wrap;gap:var(--fts-space-2);padding-block:var(--fts-space-3)}.rpe-flow__duur{display:flex;flex-direction:column;gap:var(--fts-space-2)}.rpe-flow__duur input[type=range]{inline-size:100%;min-block-size:var(--fts-touch-target-min)}.rpe-flow__offline{color:var(--fts-intent-warning-content);font-size:var(--fts-text-footnote-size);margin:0}.rpe-flow__dank{margin:0}.doel-preset{display:block;cursor:pointer}.doel-preset:focus-within{outline:2px solid var(--fts-border-focus);outline-offset:-2px;border-radius:var(--fts-radius-xs)}.doel-preset .fts-row{align-items:first baseline}.doel-preset .fts-row__trailing{align-items:baseline}.doel-preset__meta{color:var(--fts-content-secondary)}.doel-eigen{display:flex;flex-direction:column;gap:var(--fts-space-3);padding-block:var(--fts-space-4)}.doel-eigen__variant{display:flex;flex-wrap:wrap;gap:var(--fts-space-3)}.doel-eigen__variant label{display:inline-flex;align-items:center;gap:var(--fts-space-1-5);min-block-size:var(--fts-touch-target-min)}.doel-eigen__veld{display:flex;flex-direction:column;gap:var(--fts-space-1)}.doel-eigen__veld input{min-block-size:var(--fts-touch-target-min);padding:0 var(--fts-space-3);border-radius:var(--fts-radius-input);border:1px solid var(--fts-border-separator);background:var(--fts-surface-base);color:inherit;font:inherit}.doel-flow__fout{color:var(--fts-intent-danger-content);margin:0}