/* MyHPC presentation page (/myhpc/, /en/myhpc/).
   App cards are the real MyHPC screens exported from the app's story page
   (Tailwind utilities prefixed tw-, CSS-module classes prefixed mh-). Regenerate, do not hand-edit.
   Scoped reset: the cards were designed on Tailwind preflight. */
:where(.mh-page) :where(.mh-chapterPicture) *,:where(.mh-page) :where(.mh-chapterPicture) *::before,:where(.mh-page) :where(.mh-chapterPicture) *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
:where(.mh-page) :where(.mh-chapterPicture) :where(svg,img,canvas){display:block;vertical-align:middle}
:where(.mh-page) :where(.mh-chapterPicture) img{max-width:100%}
:where(.mh-page) :where(.mh-chapterPicture) :where(button){font:inherit;color:inherit;background:none}
:where(.mh-page) :where(.mh-chapterPicture) :where(ol,ul){list-style:none}
/* Site base styles set margins and line-height on p, h* (specificity 0,0,1); undo them inside the cards. */
.mh-page .mh-chapterPicture{line-height:1.5}
:where(.mh-chapterPicture) :is(p,h1,h2,h3,h4,h5,h6){margin:0;line-height:inherit;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}
.mh-page{--color-black:#000;--color-emerald-50:#ecfdf5;--color-emerald-700:#007956;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-50:#f8fafc;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-white:#fff;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-medium:500;--font-weight-normal:400;--font-weight-semibold:600;--leading-snug:1.375;--leading-tight:1.25;--lx-accent:#01648f;--lx-ink:#0f172a;--lx-line:#e2e8f0;--lx-muted:#556477;--lx-r-card:16px;--lx-r-control:10px;--lx-sunken:#f1f5f9;--lx-surface:#fff;--radius-sm:.25rem;--spacing:.25rem;--tracking-wide:.025em;--tracking-wider:.05em}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-ordinal{syntax:"*";inherits:false}
@property --tw-slashed-zero{syntax:"*";inherits:false}
@property --tw-numeric-figure{syntax:"*";inherits:false}
@property --tw-numeric-spacing{syntax:"*";inherits:false}
@property --tw-numeric-fraction{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@keyframes mh-portal-ppMealIconIn{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:.85;transform:scale(1)rotate(0)}}
@keyframes mh-stIn{0%{opacity:0;transform:translateY(60px)scale(.96)}to{opacity:1;transform:none}}
@keyframes mh-stFade{0%{opacity:0}to{opacity:1}}
@keyframes mh-stDraw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}
.tw-pointer-events-auto{pointer-events:auto}
.tw-pointer-events-none{pointer-events:none}
.tw-sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.tw-absolute{position:absolute}
.tw-relative{position:relative}
.tw-inset-0{inset:calc(var(--spacing)*0)}
.tw-top-0{top:calc(var(--spacing)*0)}
.tw-top-2{top:calc(var(--spacing)*2)}
.tw-right-2\.5{right:calc(var(--spacing)*2.5)}
.tw-bottom-0{bottom:calc(var(--spacing)*0)}
.tw-z-10{z-index:10}
.tw-z-30{z-index:30}
.tw-m-0{margin:calc(var(--spacing)*0)}
.tw-mt-0\.5{margin-top:calc(var(--spacing)*.5)}
.tw-mt-1{margin-top:calc(var(--spacing)*1)}
.tw-mt-1\.5{margin-top:calc(var(--spacing)*1.5)}
.tw-mt-2{margin-top:calc(var(--spacing)*2)}
.tw-mt-3{margin-top:calc(var(--spacing)*3)}
.tw-mt-5{margin-top:calc(var(--spacing)*5)}
.tw-mb-2{margin-bottom:calc(var(--spacing)*2)}
.tw-mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}
.tw-ml-0\.5{margin-left:calc(var(--spacing)*.5)}
.tw-ml-1\.5{margin-left:calc(var(--spacing)*1.5)}
.tw-ml-auto{margin-left:auto}
.tw-line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.tw-block{display:block}
.tw-flex{display:flex}
.tw-grid{display:grid}
.tw-hidden{display:none}
.tw-inline-block{display:inline-block}
.tw-inline-flex{display:inline-flex}
.tw-h-1\.5{height:calc(var(--spacing)*1.5)}
.tw-h-1\/2{height:50%}
.tw-h-2\.5{height:calc(var(--spacing)*2.5)}
.tw-h-3\.5{height:calc(var(--spacing)*3.5)}
.tw-h-4{height:calc(var(--spacing)*4)}
.tw-h-9{height:calc(var(--spacing)*9)}
.tw-h-10{height:calc(var(--spacing)*10)}
.tw-h-\[2px\]{height:2px}
.tw-h-full{height:100%}
.tw-min-h-0{min-height:calc(var(--spacing)*0)}
.tw-min-h-\[18px\]{min-height:18px}
.tw-w-1\/2{width:50%}
.tw-w-2\.5{width:calc(var(--spacing)*2.5)}
.tw-w-3\.5{width:calc(var(--spacing)*3.5)}
.tw-w-4{width:calc(var(--spacing)*4)}
.tw-w-7{width:calc(var(--spacing)*7)}
.tw-w-\[300px\]{width:300px}
.tw-w-full{width:100%}
.tw-min-w-0{min-width:calc(var(--spacing)*0)}
.tw-flex-1{flex:1}
.tw-flex-none{flex:none}
.tw-shrink-0{flex-shrink:0}
.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tw-flex-col{flex-direction:column}
.tw-flex-wrap{flex-wrap:wrap}
.tw-items-baseline{align-items:baseline}
.tw-items-center{align-items:center}
.tw-items-start{align-items:flex-start}
.tw-justify-between{justify-content:space-between}
.tw-justify-center{justify-content:center}
.tw-justify-end{justify-content:flex-end}
.tw-gap-1{gap:calc(var(--spacing)*1)}
.tw-gap-1\.5{gap:calc(var(--spacing)*1.5)}
.tw-gap-2{gap:calc(var(--spacing)*2)}
.tw-gap-3{gap:calc(var(--spacing)*3)}
.tw-gap-px{gap:1px}
:where(.tw-space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}
.tw-gap-x-1{column-gap:calc(var(--spacing)*1)}
.tw-gap-x-3{column-gap:calc(var(--spacing)*3)}
.tw-gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}
.tw-gap-y-1{row-gap:calc(var(--spacing)*1)}
.tw-gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}
.tw-gap-y-2{row-gap:calc(var(--spacing)*2)}
.tw-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tw-overflow-hidden{overflow:hidden}
.tw-overflow-y-auto{overflow-y:auto}
.tw-rounded{border-radius:.25rem}
.tw-rounded-full{border-radius:3.40282e38px}
.tw-rounded-lg{border-radius:.625rem}
.tw-rounded-lx-card{border-radius:var(--lx-r-card)}
.tw-rounded-lx-control{border-radius:var(--lx-r-control)}
.tw-rounded-md{border-radius:.5rem}
.tw-rounded-sm{border-radius:var(--radius-sm)}
.tw-rounded-xl{border-radius:.75rem}
.tw-border{border-style:var(--tw-border-style);border-width:1px}
.tw-border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
.tw-border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
.tw-border-l{border-left-style:var(--tw-border-style);border-left-width:1px}
.tw-border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}
.tw-border-\[\#cfe8f4\]{border-color:#cfe8f4}
.tw-border-\[var\(--tr-border\)\]{border-color:var(--tr-border)}
.tw-border-\[var\(--tr-primary\)\]{border-color:var(--tr-primary)}
.tw-border-lx-line{border-color:var(--lx-line)}
.tw-border-slate-100{border-color:var(--color-slate-100)}
.tw-border-slate-200{border-color:var(--color-slate-200)}
.tw-border-transparent{border-color:#0000}
.tw-border-white\/60{border-color:#fff9}
@supports (color:color-mix(in lab, red, red)){.tw-border-white\/60{border-color:color-mix(in oklab,var(--color-white)60%,transparent)}}
.tw-border-l-\[\#38a1ce\]{border-left-color:#38a1ce}
.tw-bg-\[\#38a1ce\]{background-color:#38a1ce}
.tw-bg-\[\#ebf7fc\]{background-color:#ebf7fc}
.tw-bg-\[var\(--tr-border\)\]{background-color:var(--tr-border)}
.tw-bg-\[var\(--tr-ok\)\]{background-color:var(--tr-ok)}
.tw-bg-\[var\(--tr-surface\)\]{background-color:var(--tr-surface)}
.tw-bg-\[var\(--tr-surface-2\)\]{background-color:var(--tr-surface-2)}
.tw-bg-emerald-50{background-color:var(--color-emerald-50)}
.tw-bg-lx-surface{background-color:var(--lx-surface)}
.tw-bg-slate-50{background-color:var(--color-slate-50)}
.tw-bg-slate-100{background-color:var(--color-slate-100)}
.tw-bg-slate-500{background-color:var(--color-slate-500)}
.tw-bg-slate-700{background-color:var(--color-slate-700)}
.tw-bg-white{background-color:var(--color-white)}
.tw-bg-white\/55{background-color:#ffffff8c}
@supports (color:color-mix(in lab, red, red)){.tw-bg-white\/55{background-color:color-mix(in oklab,var(--color-white)55%,transparent)}}
.tw-bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
.tw-from-white\/50{--tw-gradient-from:#ffffff80}
@supports (color:color-mix(in lab, red, red)){.tw-from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--color-white)50%,transparent)}}
.tw-from-white\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.tw-via-white\/10{--tw-gradient-via:#ffffff1a}
@supports (color:color-mix(in lab, red, red)){.tw-via-white\/10{--tw-gradient-via:color-mix(in oklab,var(--color-white)10%,transparent)}}
.tw-via-white\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
.tw-to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.tw-p-4{padding:calc(var(--spacing)*4)}
.tw-px-1\.5{padding-inline:calc(var(--spacing)*1.5)}
.tw-px-2{padding-inline:calc(var(--spacing)*2)}
.tw-px-2\.5{padding-inline:calc(var(--spacing)*2.5)}
.tw-px-3{padding-inline:calc(var(--spacing)*3)}
.tw-px-4{padding-inline:calc(var(--spacing)*4)}
.tw-py-0\.5{padding-block:calc(var(--spacing)*.5)}
.tw-py-1{padding-block:calc(var(--spacing)*1)}
.tw-py-1\.5{padding-block:calc(var(--spacing)*1.5)}
.tw-py-2{padding-block:calc(var(--spacing)*2)}
.tw-py-2\.5{padding-block:calc(var(--spacing)*2.5)}
.tw-pt-0\.5{padding-top:calc(var(--spacing)*.5)}
.tw-pt-1{padding-top:calc(var(--spacing)*1)}
.tw-pt-1\.5{padding-top:calc(var(--spacing)*1.5)}
.tw-pt-2{padding-top:calc(var(--spacing)*2)}
.tw-pr-1{padding-right:calc(var(--spacing)*1)}
.tw-pr-3{padding-right:calc(var(--spacing)*3)}
.tw-pr-6{padding-right:calc(var(--spacing)*6)}
.tw-pb-1{padding-bottom:calc(var(--spacing)*1)}
.tw-pb-2{padding-bottom:calc(var(--spacing)*2)}
.tw-pl-2{padding-left:calc(var(--spacing)*2)}
.tw-text-center{text-align:center}
.tw-text-left{text-align:left}
.tw-text-right{text-align:right}
.tw-text-\[10px\]{font-size:10px}
.tw-text-\[11px\]{font-size:11px}
.tw-text-\[12\.5px\]{font-size:12.5px}
.tw-text-\[12px\]{font-size:12px}
.tw-text-\[13px\]{font-size:13px}
.tw-text-\[14px\]{font-size:14px}
.tw-text-\[15px\]{font-size:15px}
.tw-text-\[16px\]{font-size:16px}
.tw-text-\[17px\]{font-size:17px}
.tw-text-\[22px\]{font-size:22px}
.tw-leading-none{--tw-leading:1;line-height:1}
.tw-leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
.tw-leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
.tw-font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
.tw-font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
.tw-font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
.tw-font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
.tw-font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
.tw-tracking-\[\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}
.tw-tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}
.tw-tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}
.tw-break-words{overflow-wrap:break-word}
.tw-whitespace-nowrap{white-space:nowrap}
.tw-whitespace-pre-line{white-space:pre-line}
.tw-text-\[\#7cc3e3\]{color:#7cc3e3}
.tw-text-\[\#38a1ce\]{color:#38a1ce}
.tw-text-\[\#01648f\]{color:#01648f}
.tw-text-\[var\(--tr-muted\)\]{color:var(--tr-muted)}
.tw-text-\[var\(--tr-ok\)\]{color:var(--tr-ok)}
.tw-text-\[var\(--tr-primary\)\]{color:var(--tr-primary)}
.tw-text-\[var\(--tr-text\)\]{color:var(--tr-text)}
.tw-text-emerald-700{color:var(--color-emerald-700)}
.tw-text-lx-accent{color:var(--lx-accent)}
.tw-text-lx-ink{color:var(--lx-ink)}
.tw-text-lx-muted{color:var(--lx-muted)}
.tw-text-slate-300{color:var(--color-slate-300)}
.tw-text-slate-400{color:var(--color-slate-400)}
.tw-text-slate-500{color:var(--color-slate-500)}
.tw-text-slate-600{color:var(--color-slate-600)}
.tw-text-slate-700{color:var(--color-slate-700)}
.tw-text-slate-800{color:var(--color-slate-800)}
.tw-text-slate-900{color:var(--color-slate-900)}
.tw-text-white{color:var(--color-white)}
.tw-uppercase{text-transform:uppercase}
.tw-italic{font-style:italic}
.tw-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}
.tw-opacity-90{opacity:.9}
.tw-shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.tw-ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.tw-ring-black\/5{--tw-ring-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){.tw-ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}
.tw-transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.tw-outline-none{--tw-outline-style:none;outline-style:none}
.tw-before\:absolute:before{content:var(--tw-content);position:absolute}
.tw-before\:-inset-x-1\.5:before{content:var(--tw-content);inset-inline:calc(var(--spacing)*-1.5)}
.tw-before\:-inset-y-\[11px\]:before{content:var(--tw-content);inset-block:-11px}
.tw-before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}
.tw-first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}
@media (hover:hover){.tw-hover\:bg-lx-sunken:hover{background-color:var(--lx-sunken)}.tw-hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.tw-hover\:text-slate-600:hover{color:var(--color-slate-600)}}
.tw-focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}
.tw-focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}
.tw-focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}
@media not all and (min-width:700px){.tw-max-\[700px\]\:h-11{height:calc(var(--spacing)*11)}}
@media (min-width:40rem){.tw-sm\:px-4{padding-inline:calc(var(--spacing)*4)}.tw-sm\:text-\[9px\]{font-size:9px}}
@media (min-width:48rem){.tw-md\:hidden{display:none}.tw-md\:inline{display:inline}}
.tw-glass-panel{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background-color:#ffffffeb;border:1px solid #0f172a14;box-shadow:0 10px 30px #0f172a29,inset 0 1px #fffc}
.tw-grid>*{min-width:0}
.tw-rounded-lg>button,.tw-rounded-full>button,.tw-rounded>button{transition:background-color .15s,color .15s,box-shadow .15s}
.mh-portal-mealIcon{opacity:.85;transform-origin:50% 60%}
@media (prefers-reduced-motion:no-preference){.mh-portal-mealIcon{animation:.45s cubic-bezier(.34,1.56,.64,1) both mh-portal-ppMealIconIn}}
.mh-trainroom-trRide{--tr-bg:#0f172a;--tr-surface:#1e293b;--tr-surface-2:#334155;--tr-border:#334155;--tr-text:#f8fafc;--tr-muted:#94a3b8;--tr-primary:#38a1ce;--tr-ok:#2dd4bf;--tr-warn:#fbbf24;--tr-danger:#f87171}
.mh-trainroom-numbers{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"power interval hr""target total cadence";display:grid}
.mh-trainroom-aPower{grid-area:power}
.mh-trainroom-aInterval{grid-area:interval}
.mh-trainroom-aHr{grid-area:hr}
.mh-trainroom-aTarget{grid-area:target}
.mh-trainroom-aTotal{grid-area:total}
.mh-trainroom-aCadence{grid-area:cadence}
.mh-trainroom-value{font-size:56px}
.mh-trainroom-lines{min-width:0;margin-top:4px}
.mh-trainroom-steps,.mh-trainroom-noSteps{display:none}
@media (min-width:1024px) and (min-height:500px){.mh-trainroom-steps{display:block}}
@media (max-width:1023px),(max-height:499px){.mh-trainroom-noSteps{display:inline}}
@media (max-width:639px),(max-height:499px){.mh-trainroom-value{font-size:40px}}
@media (max-height:499px){.mh-trainroom-cell{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:10px;padding-top:2px;padding-bottom:4px;display:grid}.mh-trainroom-cell>:first-child{grid-column:1/-1}.mh-trainroom-lines{margin-top:0}.mh-trainroom-ofSplit>span{display:block}}
@media (max-height:499px) and (max-width:799px){.mh-trainroom-cell{padding-left:8px;padding-right:8px}}
@media (max-width:639px) and (min-height:500px){.mh-trainroom-numbers{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"interval interval""target power""cadence hr"}.mh-trainroom-aTotal{display:none}}
.mh-chapter{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:56px;max-width:1200px;margin:0 auto;padding:72px 24px;display:flex}
.mh-chapterFlip{flex-direction:row-reverse}
.mh-chapterText{flex-direction:column;flex:380px;gap:16px;min-width:0;display:flex}
.mh-num{letter-spacing:.1em;color:#38a1ce;font:600 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.mh-chapterTitle{letter-spacing:-.03em;margin:0;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.06}
.mh-chapterBody{color:#cbd5e1;max-width:480px;margin:0;font-size:18px;line-height:1.55}
.mh-chapterNote{color:#94a3b8;max-width:480px;margin:-4px 0 0;font-size:13px;line-height:1.5}
.mh-chapterPicture{flex:460px;justify-content:center;min-width:0;display:flex}
.mh-end{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:1200px;margin:0 auto;padding:120px 24px 140px;display:flex}
.mh-endTitle{letter-spacing:-.03em;margin:0;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.04}
.mh-endBtn{color:#0b1222;background:#38a1ce;border-radius:28px;align-items:center;height:56px;padding:0 32px;font-size:17px;font-weight:800;text-decoration:none;display:flex}
.mh-endNote{color:#94a3b8;margin:0;font-size:15px}
.mh-endLink{color:#7cc4e4}
.mh-endLink:hover{color:#a9dbf0}
.mh-reveal{animation:.8s ease-out both mh-stFade}
@supports (animation-timeline:view()){.mh-reveal{animation:linear both mh-stIn;animation-timeline:view();animation-range:entry cover 35%}.mh-drawLine,.mh-drawRing{stroke-dashoffset:0;animation:linear both mh-stDraw;animation-timeline:view();animation-range:entry 10% cover 45%}.mh-drawLine{stroke-dasharray:600}}
@media (prefers-reduced-motion:reduce){.mh-reveal,.mh-drawLine,.mh-drawRing{opacity:1;transform:none;animation:none!important}}
.mh-eyebrow{color:#475569;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}
.mh-eyebrowPlain{text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.mh-grow{flex-grow:1}
.mh-muted12{color:#475569;font-size:12px}
.mh-muted13{color:#475569;font-size:13px}
.mh-muted14{color:#5b6b80;font-size:14px}
.mh-shot{box-sizing:border-box;color:#0f172a;width:100%;box-shadow:0 24px 48px #0f172a1f}
.mh-shotCheckin{background:#fff;border-radius:24px;flex-direction:column;gap:14px;max-width:520px;padding:22px;display:flex}
.mh-ringRow{align-items:center;gap:14px;display:flex}
.mh-ringText{flex-direction:column;flex-grow:1;gap:3px;display:flex}
.mh-ringTitle{font-size:19px;font-weight:800}
.mh-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}
.mh-group{flex-direction:column;gap:8px;display:flex}
.mh-scale{flex-direction:column;gap:4px;display:flex}
.mh-scaleHead{justify-content:space-between;gap:6px;font-size:13px;display:flex}
.mh-scaleName{font-weight:600}
.mh-scaleWord{color:#475569;text-align:right}
.mh-bar{background:#e2e8f0;border-radius:3px;height:6px;display:block;position:relative}
.mh-barOk,.mh-barWarn{background:#2f9e6e;border-radius:3px;position:absolute;top:0;bottom:0;left:0}
.mh-barWarn{background:#d08a1e}
.mh-chips{flex-wrap:wrap;gap:8px;display:flex}
.mh-chipOk,.mh-chipQuiet{color:#1f6b47;background:#eaf6ef;border-radius:15px;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:600;display:flex}
.mh-chipQuiet{color:#334155;background:#f1f5f9}
.mh-measures{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}
.mh-measure{background:#f5f8fb;border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}
.mh-measureK{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}
.mh-measureV{white-space:nowrap;font-size:15px;font-weight:800}
.mh-shotDayOuter{box-sizing:border-box;background:#f5f8fb;border-radius:28px;width:100%;max-width:440px;padding:14px;box-shadow:0 24px 48px #0f172a1f}
.mh-shotDay{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:18px;padding:18px 16px;display:flex}
.mh-dayHead{align-items:center;gap:10px;display:flex}
.mh-dayTitle{flex-grow:1;font-size:18px;font-weight:700}
.mh-dayChip{border:1px solid #e2e8f0;border-radius:18px;align-items:center;height:36px;padding:0 12px;font-size:15px;font-weight:600;display:flex}
.mh-dayRowDone{background:#f4fbf7;border:1px solid #cdebdd;border-radius:14px;align-items:center;gap:12px;min-height:50px;padding:0 14px;display:flex;position:relative}
.mh-tickDone{box-sizing:border-box;background:#3c9a62;border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}
.mh-dayRowTitle{flex-grow:1;min-width:0;font-size:16px;font-weight:500}
.mh-dayRowMeta{color:#556477;white-space:nowrap;font-size:14px}
.mh-scoreTab{box-sizing:border-box;white-space:nowrap;border:2px solid #fff;border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-10px;right:14px}
.mh-score2{color:#1f1500;background:#e6a700}
.mh-shotProgress{box-sizing:border-box;color:#0f1b2d;background:#eef1f5;border-radius:32px;flex-direction:column;gap:12px;width:100%;max-width:520px;padding:14px;display:flex;box-shadow:0 24px 48px #0f172a1f}
.mh-trCard{background:#fff;border-radius:24px;flex-direction:column;gap:12px;padding:18px;display:flex}
.mh-trTitle{color:#5b6b80;font-size:14px;font-weight:700}
.mh-trFoot{color:#5b6b80;font-size:12px}
.mh-cpLine{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}
.mh-cpKey{color:#0b5e8e;font-size:13px;font-weight:700}
.mh-cpBig{letter-spacing:-.02em;font-size:40px;font-weight:800}
.mh-cpSub{color:#5b6b80;font-size:15px}
.mh-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}
.mh-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}
.mh-tint,.mh-quiet{background:#e3eff9;border-radius:14px;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}
.mh-quiet{background:#eef1f5}
.mh-tintK{color:#0b4f86;font-size:12px;font-weight:700}
.mh-tintV{white-space:nowrap;font-size:16px;font-weight:800}
.mh-quietK{color:#5b6b80;font-size:12px;font-weight:600}
.mh-quietD{color:#0b4f86;white-space:nowrap;font-size:12px;font-weight:600}
.mh-axis{color:#5b6b80;justify-content:space-between;font-size:11px;display:flex}
.mh-ciHead{justify-content:space-between;align-items:baseline;display:flex}
.mh-ciValue{align-items:baseline;gap:6px;display:flex}
.mh-ciBig{font-size:32px;font-weight:800}
.mh-ciStrip{gap:3px;display:flex}
.mh-ciCell{border-radius:4px;flex:1 1 0;height:22px}
.mh-ci0{background:#0b3f73}
.mh-ci1{background:#1e63a6}
.mh-ci2{background:#6fa8d6}
.mh-ci3{background:#d6e4f0}
.mh-shotCoach{box-sizing:border-box;color:#0f172a;background:#f5f8fb;border-radius:28px;flex-direction:column;width:100%;max-width:440px;display:flex;overflow:hidden;box-shadow:0 24px 48px #0f172a1f}
.mh-coachHead{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:14px 16px;display:flex}
.mh-avatars{display:flex}
.mh-avatar{color:#fff;border:2px solid #fff;border-radius:17px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}
.mh-avatar+.mh-avatar{margin-left:-8px}
.mh-av0{background:#303d59}
.mh-av1{background:#01648f}
.mh-av2{background:#4a9fcb}
.mh-coachTitle{font-size:17px;font-weight:700}
.mh-coachBody{flex-direction:column;gap:10px;padding:16px;display:flex}
.mh-msgTheirs,.mh-msgMine{flex-direction:column;align-self:flex-start;gap:4px;max-width:300px;display:flex}
.mh-msgMine{align-self:flex-end;align-items:flex-end;max-width:280px}
.mh-msgName{color:#475569;font-size:12px;font-weight:600}
.mh-msgRead{color:#475569;font-size:12px}
.mh-bubbleTheirs,.mh-bubbleMine{background:#fff;border:1px solid #e2e8f0;border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:15px;line-height:1.45}
.mh-bubbleMine{color:#fff;background:#01648f;border:0;border-radius:18px 18px 6px}
.mh-voice{align-items:center;gap:10px;display:flex}
.mh-play{background:#01648f;border-radius:16px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}
.mh-voiceLen{color:#475569;font-size:13px;font-weight:600}
.mh-scoreCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:6px;margin-top:6px;padding:12px 14px;display:flex}
.mh-scoreCardHead{align-items:center;gap:8px;display:flex}
.mh-scorePill{color:#fff;background:#0f766e;border-radius:12px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:700;display:flex}
.mh-scoreText{color:#1e293b;font-size:14px;line-height:1.45}
.mh-shotSeason{box-sizing:border-box;color:#0f172a;background:#fff;border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:500px;padding:20px;display:flex;box-shadow:0 24px 48px #0f172a1f}
.mh-phases{gap:4px;display:flex}
.mh-phase{box-sizing:border-box;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;min-width:44px;height:52px;padding:6px 8px;display:flex;overflow:hidden}
.mh-phaseHere{box-shadow:0 0 0 3px #fff,0 0 0 5px #01648f}
.mh-phBase{color:#fff;background:#3d86c6}
.mh-phBuild{color:#1f1500;background:#e6a700}
.mh-phPeak{color:#fff;background:#c62828}
.mh-phRace{color:#fff;background:#6d4bc4}
.mh-phTransition{color:#0f172a;background:#94a3b8}
.mh-phaseName{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}
.mh-phaseWeeks{opacity:.85;white-space:nowrap;font-size:11px}
.mh-here{color:#01648f;font-size:14px;font-weight:600}
.mh-sumTile{background:#f5f8fb;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}
.mh-sumV{font-size:16px;font-weight:800}
.mh-hoursHead{color:#475569;justify-content:space-between;font-size:12px;display:flex}
.mh-hours{align-items:flex-end;gap:6px;height:96px;display:flex}
.mh-hourCol{flex-direction:column-reverse;flex:1 1 0;height:100%;display:flex}
.mh-hBike,.mh-hRun,.mh-hGym{display:block}
.mh-hBike{background:#01648f;border-radius:0 0 2px 2px}
.mh-hRun{background:#e3664a}
.mh-hGym{background:#94a3b8;border-radius:3px 3px 0 0}
.mh-race{background:#eff2f8;border-radius:17px;align-self:flex-start;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:13px;font-weight:600;display:flex}
@media (max-width:700px){.mh-hero{padding:48px 16px 72px}.mh-chapter,.mh-chapterFlip{flex-direction:column;align-items:stretch;gap:28px;padding:48px 16px}.mh-chapterText,.mh-chapterPicture{flex-basis:auto}.mh-header{padding:24px 16px}.mh-groups{grid-template-columns:1fr}.mh-measures,.mh-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-dayRowMeta{font-size:12px}.mh-end{padding:72px 16px 96px}}
.mh-shotStrengthOuter{box-sizing:border-box;background:#f5f8fb;border-radius:28px;width:100%;max-width:440px;padding:14px;box-shadow:0 24px 48px #0f172a1f}
.mh-shotStrength{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:18px;max-height:620px;position:relative;overflow:hidden}
.mh-shotStrength:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff 85%);height:96px;position:absolute;bottom:0;left:0;right:0}
@media (max-width:700px){.mh-shotStrength{max-height:520px}}
.mh-strengthBar{border-bottom:1px solid #f1f5f9;padding:14px 16px 8px}
.mh-strengthBody{padding:12px 16px 18px}
.mh-chapterWide .mh-chapterPicture{flex:100%}
.mh-shotRideScreen{box-sizing:border-box;background:#0b1220;border-radius:22px;width:100%;max-width:1080px;padding:12px;box-shadow:0 24px 48px #0f172a1f}
.mh-rideLayer{background:var(--tr-bg);color:var(--tr-text);text-align:left;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}
.mh-rideChartBox{height:240px;padding:4px}
@media (max-width:639px){.mh-shotRideScreen{border-radius:18px;padding:8px}.mh-rideChartBox{height:200px}}
.mh-shotAnalysis{box-sizing:border-box;text-align:left;pointer-events:none;background:#fff;border-radius:18px;width:100%;max-width:1080px;padding:14px;overflow:hidden;box-shadow:0 24px 48px #0f172a1f}
@media (max-width:639px){.mh-shotAnalysis{border-radius:14px;padding:8px}}
.mh-shotAnalysis button{color:#0f172a;font-family:inherit}
:is(.mh-shotAnalysis .tw-lx-filter,.mh-shotAnalysis .tw-lx-btn){cursor:default;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}
.mh-shotAnalysis .tw-lx-filter-wrap{align-items:center;display:inline-flex}
.mh-shotAnalysis .tw-lx-filter-value{font-weight:700}
/* ---- Light site theme (overrides the app's dark navy page) ---- */
.mh-page{background:var(--neutral-100);color:var(--neutral-900);overflow-x:clip;font-family:Inter,system-ui,-apple-system,sans-serif}
.mh-page .mh-chapter{padding-top:64px;padding-bottom:64px}
.mh-page .mh-num{color:var(--primary-dark)}
.mh-page .mh-chapterTitle{color:var(--neutral-900);font-weight:700}
.mh-page .mh-chapterBody{color:var(--neutral-700)}
.mh-page .mh-chapterNote{margin:0;color:var(--neutral-500);font-size:var(--text-sm)}
.mh-intro{padding-top:56px;text-align:center}
.mh-intro p{max-width:640px;margin:0 auto;color:var(--neutral-700);font-size:var(--text-lg);line-height:1.6}
.mh-cta{background:var(--white);text-align:center}
.mh-cta p{max-width:560px;margin:0 auto var(--space-8);color:var(--neutral-700);font-size:var(--text-lg)}
.mh-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}