#profile{padding:26px;border:1px solid #fff;border-radius:28px;background:linear-gradient(145deg,#f4f7fb 0%,#e9eef5 65%,#f1f5f9 100%);box-shadow:0 18px 48px #172b5217,inset 0 0 0 1px #d6deea;isolation:isolate}
#profile .profile-header{position:relative;display:block;border:0;margin-bottom:24px;padding:2px 64px 0;text-align:center}
#profile .profile-header h3{max-width:900px;margin:0 auto 12px;color:var(--navy);font-size:clamp(1.3rem,2.3vw,1.85rem);font-weight:750;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
#profile .profile-header p{max-width:790px;margin:0 auto;color:#526176;font-size:1rem;line-height:1.55}
#profile .profile-actions{position:absolute;right:0;top:0;gap:6px}
#profile .profile-actions button{width:34px;height:34px;flex-basis:34px;min-height:34px;border-radius:50%;background:#ffffffb3;border-color:#d6deea;box-shadow:0 2px 7px #172b5208}
#profile .profile-actions button svg{width:17px;height:17px}
#profile .profile-axis{position:relative;width:100%;margin:0 auto 20px;grid-template-columns:auto minmax(0,1fr) auto;gap:0;z-index:0}
#profile .profile-axis::before{content:"";position:absolute;left:32px;right:32px;top:25px;height:17px;border-radius:999px;background:linear-gradient(90deg,#ce7d69 0%,#d4a598 30%,#c7c6b5 50%,#b4d1b8 70%,#8ec9a4 100%);box-shadow:inset 0 1px 2px #172b5212;z-index:-1}
#profile .profile-axis::after{content:"";display:block;grid-column:2;grid-row:1;width:1px;height:12px;border:0;justify-self:center;align-self:center;background:#ffffffaa;margin:0}
#profile .profile-axis-pill{position:relative;min-height:66px;height:66px;border-radius:999px;padding:10px 14px;border:1px solid #ffffff80;box-shadow:0 5px 12px #172b5210;font:inherit}
#profile .profile-axis-pill.strain{grid-column:1;background:linear-gradient(110deg,#c76e59,#d69d8e);color:#fff;width:13rem}
#profile .profile-axis-pill.stretch{grid-column:3;background:linear-gradient(110deg,#b9ddc6,#91c6a6);color:#164f35;width:12.5rem}
#profile .profile-axis .axis-qualifier{font-size:.75rem;letter-spacing:.015em}
#profile .profile-axis .axis-word{font-size:1.05rem;letter-spacing:.025em}
#profile .profile-axis-pill .axis-symbol{border:0;background:#ffffff40;width:32px;height:32px}
#profile .profile-axis-pill.strain .axis-chevron{color:#fff;left:calc(100% + 12px)}
#profile .profile-axis-pill.stretch .axis-chevron{color:#286949;right:calc(100% + 12px)}
#profile .axis-descriptions{margin-top:12px;margin-bottom:20px;gap:40px}
#profile .axis-descriptions p{max-width:390px}
#profile .slider-row{background:#ffffffb8;border-color:#d2dbe7;box-shadow:0 5px 12px #172b520a,inset 0 1px 0 #fff}
#profile .slider-row.good{border-color:#94d7b2}
#profile .slider-row.warn{border-color:#ff847b}
#profile .ticks{color:#818d9e}
#profile .pressure-note{color:#5e6e83}
#profile .reflection-panel{background:#ffffff99;border-color:#d6dfe9;box-shadow:inset 0 1px 0 #fff}
#profile .profile-carousel-footer{border-top-color:#ccd7e5}
.slider-tooltip{width:280px;padding:11px 13px;border-radius:10px;font-size:.82rem;line-height:1.45;box-shadow:0 5px 18px #172b5229}
.slider-tooltip .tooltip-label{font-size:.9rem;line-height:1.25;margin-bottom:5px}
#profile .slider-row{width:100%;margin-left:auto;margin-right:auto}
#profile .profile-chrome{position:relative;width:100%;margin-top:18px}
#profile .profile-axis-pill{cursor:help}
#profile .profile-axis-pill:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
#profile .profile-axis .axis-word .axis-info{display:inline-block;vertical-align:middle;width:14px;height:14px;margin:0 0 1px 5px;opacity:.9}
#profile .profile-chrome{margin-top:24px;padding:0;min-height:0}
#profile .profile-chrome::before{display:none}
#profile .profile-axis{display:flex;flex-direction:column;position:relative;gap:0;margin:0}
#profile .profile-axis::before,#profile .profile-axis::after{display:none}
#profile .profile-axis-summaries{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;width:52%;margin:calc(7cqw + 18px) auto 0;padding-bottom:20px}
#profile .profile-axis-summary{min-width:0;color:#965446}
#profile .profile-axis-summary.stretch{color:#376c4c;text-align:right}
#profile .profile-summary-heading{display:block;min-height:28px;font-size:.68rem;line-height:1.5}
#profile .profile-axis-summary.stretch .profile-summary-heading strong{justify-content:flex-end}
#profile .profile-summary-heading strong{display:flex;align-items:center;gap:5px;font-size:.72rem;line-height:1.3;white-space:nowrap}
#profile .axis-effort-arrow{display:block;flex:0 0 22px;width:22px;text-align:center;font-size:1.5rem;line-height:1;font-weight:400}
#profile .profile-summary-detail{display:block;min-width:0;margin:4px 0 0 27px;font-size:inherit;line-height:1.4;text-wrap:balance}
#profile .profile-axis-summary.stretch .profile-summary-detail{margin-left:0;margin-right:27px}
#profile .profile-factor-columns{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;width:52%;margin:0 auto;min-height:4cqw}
#profile .profile-factor-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;list-style:none;padding:0;margin:0}
#profile .profile-factor-list.stretch{justify-content:flex-end}
#profile .profile-factor-list li{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid;border-radius:999px;background:#fff;font-size:.72rem;line-height:1.25;font-weight:650;max-width:100%;box-shadow:0 2px 5px #172b5208}
#profile .profile-factor-list li svg{width:15px;height:15px;flex:0 0 15px}
#profile .profile-factor-list.strain li{color:#913d37;border-color:#eac2bd}
#profile .profile-factor-list.stretch li{color:#176b3b;border-color:#94d7b2}
#profile .profile-barbell{position:relative;width:100%;min-height:17cqw;margin-top:-6cqw;isolation:isolate}
#profile .profile-barbell::before{content:"";position:absolute;top:0;left:0;width:100%;height:17cqw;background:url("assets/strain-stretch-barbell.svg?v=no-floor-line") center/100% 100% no-repeat;z-index:1;pointer-events:none}
#profile .profile-axis-pill{position:absolute;top:7cqw;transform:translateY(-50%);z-index:0;height:54px;min-height:54px;padding:8px 12px;box-shadow:inset 0 1px 1px #ffffff66;border:1px solid #bfcfca}
#profile .profile-axis-pill.strain{left:0;width:20%;background:linear-gradient(90deg,#fae2da,#ebc2b5);color:#7f3024;grid-template-columns:1fr;grid-template-areas:"label";padding-right:4.5%;border-color:#d7b1a5}
#profile .profile-axis-pill.stretch{right:0;width:20%;background:linear-gradient(90deg,#d6ebdb,#b7d8c0);color:#174d30;grid-template-columns:1fr;grid-template-areas:"label";padding-left:4.5%}
#profile .profile-axis-pill .axis-symbol,#profile .profile-axis-pill .axis-chevron{display:none}
#profile .profile-axis .axis-label{line-height:1.15}
#profile .profile-axis .axis-qualifier{font-size:.65rem;letter-spacing:0}
#profile .profile-axis .axis-word{font-size:1.05rem;letter-spacing:.015em}
#profile .pressure-note{max-width:100%}
@media(min-width:901px){#profile .example-plot{padding-top:42px}}
@media(max-width:900px){
  #profile .profile-axis-summaries{width:100%;gap:22px;padding-top:10px}
  #profile .profile-factor-columns{width:100%;gap:22px;min-height:0}
  #profile .profile-barbell{margin-top:8px}
  #profile .profile-axis-pill{height:40px;min-height:40px;padding:6px!important}
  #profile .profile-axis .axis-label{display:block}
  #profile .profile-axis .axis-word{display:block;font-size:.8rem}
  #profile .profile-axis .axis-qualifier{font-size:.55rem}
}
@media(max-width:900px){#profile{padding:22px}#profile .profile-header{padding-left:0;padding-right:0}#profile .profile-actions{position:static;justify-content:center;margin:14px auto 0}#profile .profile-axis-pill.strain,#profile .profile-axis-pill.stretch{width:20%}}
@media(max-width:600px){#profile{padding:16px 12px;border-radius:22px}#profile .profile-header{padding:4px 4px 0;margin-bottom:20px}#profile .profile-header p{font-size:.9rem}#profile .profile-axis::before{top:23px;left:20px;right:20px;height:14px}#profile .profile-axis::after{display:none}#profile .profile-axis-pill{width:20%!important;height:36px;min-height:36px;padding:4px;gap:0}#profile .profile-axis-pill.stretch{grid-column:2}#profile .profile-axis .axis-qualifier{font-size:.48rem}#profile .profile-axis .axis-word{font-size:.65rem}#profile .profile-axis-pill .axis-symbol{width:22px;height:22px}#profile .profile-axis-pill.strain .axis-chevron{left:calc(100% + 2px)}#profile .profile-axis-pill.stretch .axis-chevron{right:calc(100% + 2px)}#profile .axis-descriptions{gap:18px;margin-top:12px;margin-bottom:14px}#profile .axis-descriptions p{font-size:.78rem}.slider-tooltip{max-width:calc(100vw - 24px)}}

@media(max-width:600px){#profile .profile-summary-heading{flex-wrap:wrap;gap:3px}#profile .profile-summary-heading strong{font-size:.67rem}#profile .profile-summary-detail{flex-basis:100%;font-size:.62rem}}

#profile .bar-average-overlay{position:absolute;left:0;top:0;width:100%;height:17cqw;z-index:2;pointer-events:none;overflow:visible}
#profile .profile-barbell.has-reflection-prompt{padding-bottom:0}
#profile .bar-reflection-prompt{position:absolute;inset:0;z-index:3;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .25s ease}
#profile .bar-reflection-prompt.is-visible{visibility:visible;opacity:1}
#profile .bar-reflection-arrow{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#profile .bar-hand-arrow,#profile .bar-hand-arrowhead{fill:none;stroke:#172b52;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#profile .bar-hand-arrow{stroke-dasharray:1;stroke-dashoffset:1}
#profile .is-visible .bar-hand-arrow{stroke-dashoffset:0;transition:stroke-dashoffset .45s ease}
#profile .bar-reflection-context{position:relative;z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;width:76%;margin:36px auto 0;padding-bottom:10px;text-align:center;visibility:hidden;opacity:0;transition:opacity .25s ease}
#profile .bar-reflection-note{position:relative;flex:0 1 auto;max-width:100%;margin:0;text-align:center;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:20px;font-weight:600;font-style:italic;line-height:1.5;color:#172b52;text-wrap:balance;text-shadow:0 1px 3px #fff,1px 0 3px #fff,-1px 0 3px #fff}
#profile .bar-reflection-context.is-visible{visibility:visible;opacity:1}
#profile .bar-reflection-context .profile-pressure-points>.muscle-pressure-tag{opacity:0;transition:opacity .2s ease}
#profile .bar-reflection-context.is-visible .profile-pressure-points>.muscle-pressure-tag{opacity:1;transition-delay:.25s}
@media(max-width:600px){#profile .bar-reflection-context{width:96%;margin-top:28px}#profile .bar-reflection-note{font-size:17px}}
@media(prefers-reduced-motion:reduce){#profile .bar-reflection-prompt,#profile .bar-reflection-context,#profile .bar-reflection-context .profile-pressure-points>.muscle-pressure-tag,#profile .is-visible .bar-hand-arrow{transition:none}}