/* Reused from average club player: app/globals.css (Fit Finder / result),
   app/global-header.module.css, and app/BrandWordmark.tsx.
   Only content sizing, standalone navigation and input states are adapted. */
@font-face{font-family:Geist;src:url('fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('fonts/geist-mono-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--font-geist-sans:Geist;--font-geist-mono:'Geist Mono'}
:root {
  --barolo: #5f2a33;
  --barolo-dark: #281115;
  --barolo-deep: #421b23;
  --bone: #e7e0cb;
  --parchment: #eee9dd;
  --ink: #171312;
  --grey: #b5b5b0;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: auto;
  scroll-padding-top: 82px;
  overscroll-behavior-y: auto;
}

body {
  margin: 0;
  background: var(--parchment);
  color: var(--ink);
  font-family: var(--font-geist-sans), Arial, sans-serif;
  overflow-x: hidden;
  overscroll-behavior-y: auto;
}


.brand {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.08em;
  justify-self: start;
}

.brand span { font-size: 8px; vertical-align: top; margin-left: 3px; letter-spacing: 0; }

.brand-wordmark.brand-wordmark,
.brand .brand-wordmark {
  display: inline-block;
  margin: 0;
  font: 700 26px/.82 Georgia, "Times New Roman", serif;
  letter-spacing: -.055em;
  text-transform: none;
  vertical-align: middle;
}

.hero-brand-wordmark { display: inline-block; font: 700 clamp(54px, 9vw, 160px)/.82 Georgia, "Times New Roman", serif; letter-spacing: -.055em; }

@media (max-width: 600px) {
  .brand-wordmark.brand-wordmark, .brand .brand-wordmark { font-size: 23px; }
}


.eyebrow {
  margin: 0 0 26px;
  font: 10px var(--font-geist-mono), monospace;
  text-transform: uppercase;
  letter-spacing: .16em;
}


.pain-survey {
  position: relative;
  isolation: isolate;
  height: 100vh;
  min-height: 780px;
  padding: 0;
  color: var(--bone);
  background: var(--barolo-dark);
}

.pain-survey-sticky {
  position: sticky;
  z-index: 2;
  top: 0;
  height: 100vh;
  min-height: 700px;
  padding: 102px 4vw 36px;
  display: grid;
  grid-template-columns: minmax(390px, .82fr) minmax(620px, 1.18fr);
  gap: 4vw;
  overflow: hidden;
  background: var(--barolo-dark);
}

.survey-intro { position: relative; align-self: start; }
.survey-intro h2 { margin: 0; font-size: clamp(56px, 5.8vw, 96px); line-height: 1.02; letter-spacing: -.07em; font-weight: 600; }
.survey-intro h2 em { display: inline-block; color: #a76873; font-family: Georgia, serif; font-weight: 400; }
.survey-intro > p:not(.eyebrow) { width: min(420px, 94%); margin: 28px 0 0; color: rgba(231,224,203,.65); font-size: 14px; line-height: 1.6; }

.survey-progress { margin-top: 40px; width: min(420px, 94%); display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.survey-progress i { height: 2px; background: rgba(231,224,203,.16); }
.survey-progress i.active { background: var(--bone); }
.survey-progress span { grid-column: 1 / -1; margin-top: 8px; font: 8px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .12em; color: rgba(231,224,203,.5); }

.survey-panel { min-width: 0; min-height: 0; align-self: start; display: flow-root; border-top: 1px solid rgba(231,224,203,.28); }
.survey-step { animation: survey-in .45s cubic-bezier(.2,.8,.2,1) both; }
@keyframes survey-in { from { opacity: 0; transform: translateY(16px); } }
.step-heading { padding: 30px 0 38px; display: grid; grid-template-columns: 48px 1fr; border-bottom: 1px solid rgba(231,224,203,.2); }
.step-heading > span { padding-top: 4px; color: rgba(231,224,203,.4); font: 9px var(--font-geist-mono), monospace; }
.step-heading p { margin: 0 0 8px; font: 8px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .13em; color: rgba(231,224,203,.46); }
.step-heading h3 { margin: 0; font-size: clamp(29px, 3vw, 48px); line-height: .95; letter-spacing: -.05em; font-weight: 500; }


.survey-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding-top: 1px; background: rgba(231,224,203,.18); }
.survey-choice-grid button { min-height: 160px; padding: 20px; display: grid; grid-template-columns: 1fr auto; align-content: space-between; text-align: left; color: var(--bone); background: var(--barolo-dark); border: 0; cursor: pointer; transition: color .2s, background .2s; }
.survey-choice-grid button:hover { color: var(--barolo-dark); background: var(--bone); }
.survey-choice-grid span { font: 8px var(--font-geist-mono), monospace; opacity: .45; }
.survey-choice-grid strong { grid-column: 1 / -1; align-self: end; font-size: clamp(20px, 2vw, 28px); line-height: 1; letter-spacing: -.04em; font-weight: 500; }
.survey-arrow { position: relative; width: 12px; height: 12px; display: inline-block; flex: 0 0 auto; font-style: normal; }
.survey-arrow::before { content: ""; position: absolute; left: 1px; bottom: 2px; width: 10px; height: 1px; background: currentColor; transform: rotate(-45deg); transform-origin: center; }
.survey-arrow::after { content: ""; position: absolute; top: 1px; right: 0; width: 5px; height: 5px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; }
.scenario-list { border-top: 1px solid rgba(231,224,203,.17); }

.survey-back { margin-top: 26px; padding: 10px 0; color: rgba(231,224,203,.5); background: transparent; border: 0; cursor: pointer; font: 8px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .1em; }

.survey-result { min-height: 0; display: flow-root; overflow: hidden; scroll-margin-top: 24px; color: var(--barolo-dark); background: var(--bone); }
.survey-result-copy { min-width: 0; padding: clamp(30px, 3.5vw, 56px); display: flex; flex-direction: column; }
.survey-result-copy > p:not(.survey-result-explanation):not(.survey-result-note) { margin: 0; font: 9px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .14em; opacity: .55; }
.survey-result h3 { margin: 24px 0 30px; font-size: clamp(36px, 3.7vw, 56px); line-height: 1; letter-spacing: -.055em; font-weight: 600; }
.survey-result ul { margin: 28px 0 0; padding: 0; display: grid; gap: 24px; list-style: none; }
.survey-result-priorities li { display: grid; gap: 6px; }
.survey-result-priorities li span { font: 9px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .1em; opacity: .55; }
.survey-result-priorities li strong { font-size: clamp(21px, 2vw, 28px); line-height: 1.15; font-weight: 550; letter-spacing: -.03em; }
.survey-result-copy > .survey-result-note { margin: 20px 0 0; font-size: 15px; line-height: 1.4; opacity: .5; }
.survey-result-copy > .survey-result-explanation { margin: 28px 0 0; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.55; opacity: .78; }
.survey-result-copy > .survey-actions { margin-top: 34px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; opacity: 1; }
.survey-actions a { min-height: 64px; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--bone); background: var(--barolo-dark); font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.survey-actions a:hover { background: var(--barolo); }
.survey-actions a:focus-visible { outline: 2px solid var(--barolo); outline-offset: 4px; }
.survey-actions button { min-height: 44px; padding: 8px 0; color: rgba(40,17,21,.55); background: none; border: 0; cursor: pointer; font: 10px var(--font-geist-mono), monospace; text-transform: uppercase; }

footer:not([class]) { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; padding: 45px 4vw; color: var(--bone); background: var(--barolo); border-top: 1px solid rgba(231,224,203,.22); }
footer:not([class]) nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; font: 8px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .1em; }
footer:not([class]) nav a { opacity: .62; transition: opacity .2s; }
footer:not([class]) nav a:hover { opacity: 1; }
footer:not([class]) > span { margin: 0; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; justify-self: end; }
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #a76873;outline-offset:5px}
.header{position:sticky;z-index:70;top:0;width:100%;height:82px;padding:0 34px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:var(--barolo-dark);background:rgba(238,233,221,.94);border-bottom:1px solid rgba(40,17,21,.16);backdrop-filter:blur(16px)}
.header-label{text-align:center;font:10px var(--font-geist-mono),monospace;letter-spacing:.13em;text-transform:uppercase}.header-link{justify-self:end;padding-bottom:4px;border-bottom:1px solid currentColor;font:10px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.13em}
.pain-survey{display:flow-root;height:auto;min-height:calc(100svh - 82px);padding:clamp(90px,9vw,140px) 0}
.pain-survey-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;padding:0 5vw;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6vw}
.survey-intro h2{font-size:clamp(46px,5vw,76px);line-height:1.18;letter-spacing:-.055em}
.survey-intro h2 em{line-height:1.02;margin-top:.2em}.step-heading h3{line-height:1.35;letter-spacing:-.035em}.survey-choice-grid strong{line-height:1.5;font-size:clamp(19px,1.7vw,26px);letter-spacing:-.035em}
.survey-choice-grid .dimension{min-height:160px;padding:20px;display:grid;grid-template-columns:1fr auto;align-content:space-between;background:var(--barolo-dark)}
.survey-choice-grid .dimension span{font:8px var(--font-geist-mono),monospace;opacity:.45}.survey-choice-grid .dimension strong{grid-column:1/-1}
.survey-choice-grid button[aria-pressed=true]{color:var(--barolo-dark);background:var(--bone)}.survey-choice-grid button[aria-pressed=true] span{opacity:.7}
.survey-actions{margin-top:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.survey-actions .primary{min-height:64px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--barolo-dark);background:var(--bone);border:0;font-size:14px;font-weight:600;letter-spacing:.08em}
.survey-actions .primary:hover{background:var(--parchment)}.survey-actions .survey-back{margin:0}
.survey-progress{grid-template-columns:repeat(12,1fr)}.survey-progress span{font-size:10px;line-height:1.6}.survey-back{font-size:11px}
.survey-note{margin:28px 0 0;padding-top:18px;border-top:1px solid rgba(231,224,203,.17);font-size:12px;line-height:1.8;color:rgba(231,224,203,.6)}
.survey-result h3{overflow-wrap:anywhere}.survey-result-priorities li{padding-bottom:16px;border-bottom:1px solid rgba(40,17,21,.18)}.survey-result-priorities small{font-size:12px;line-height:1.7;opacity:.65}
.survey-result-copy>.survey-result-note{font-size:12px;line-height:1.8}.survey-result-copy>.survey-actions .primary{color:var(--bone);background:var(--barolo-dark)}.survey-result-copy>.survey-actions .primary:hover{background:var(--barolo)}.survey-result-copy>.survey-actions .survey-back{color:var(--barolo-dark);justify-self:start}.toast{font-size:12px;line-height:1.8}
footer:not([class]){grid-template-columns:1fr auto;gap:26px}footer:not([class])>span{font:10px var(--font-geist-mono),monospace;opacity:.65}
@media(max-width:1023px){.header{height:68px;padding:0 22px;grid-template-columns:1fr auto}.header-label{display:none}.header-link{font-size:9px}.pain-survey{height:auto;min-height:calc(100svh - 68px);padding:72px 0}.pain-survey-sticky{height:auto;min-height:0;padding:0 22px;overflow:visible;grid-template-columns:1fr;grid-template-rows:auto auto;gap:28px}.survey-panel,.survey-step{height:auto;overflow:visible}.survey-step{display:block}.survey-choice-grid{height:auto}.survey-choice-grid button,.survey-choice-grid .dimension{min-height:140px}.step-heading{padding:16px 0 24px}.survey-result{height:auto;overflow:visible}.survey-result-copy{padding:24px 22px}.survey-result h3{font-size:36px}.survey-intro>p:not(.eyebrow){margin-top:20px}.survey-progress{margin-top:28px}.survey-result-copy>.survey-actions{grid-template-columns:1fr;gap:12px}.survey-actions{gap:16px}.survey-actions .primary{padding:16px 20px;font-size:13px;min-height:60px}footer:not([class]){padding:32px 22px;grid-template-columns:1fr}footer:not([class])>span{justify-self:start}.survey-choice-grid strong{font-size:19px}.survey-result-priorities li strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.survey-step{animation:none}*{transition:none!important}}
.survey-actions .survey-back{color:rgba(231,224,203,.65)}
.survey-result-copy>.survey-actions .survey-back{color:rgba(40,17,21,.65)}
/* Extensions of the existing ACP header controls and survey action grid. */
.language-toggle{justify-self:end;display:flex;gap:0;border:1px solid rgba(40,17,21,.24)}
.language-toggle button{min-height:40px;min-width:46px;padding:8px 12px;border:0;background:transparent;color:var(--barolo-dark);font:11px var(--font-geist-mono),monospace;letter-spacing:.06em}
.language-toggle button[aria-pressed=true]{background:var(--barolo-dark);color:var(--bone)}
.survey-result-copy>.result-share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(40,17,21,.2)}
.result-share-actions button{min-width:0;text-align:left;line-height:1.5}
.result-share-actions .secondary{min-height:60px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--barolo-dark);background:var(--bone);font-size:13px}
.result-share-actions .secondary:hover{background:var(--parchment)}
.survey-result-copy>.share-help{font-size:12px;line-height:1.8;opacity:.7;margin:12px 0}
.survey-result-copy>.share-status{font-size:12px;line-height:1.7;letter-spacing:0;text-transform:none;margin:16px 0 0;opacity:.7}
.test-url{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;font:11px var(--font-geist-mono),monospace;text-transform:none;border-bottom:1px solid rgba(40,17,21,.3);padding:10px 0}
.survey-result .survey-back{color:rgba(40,17,21,.65)}
#image-dialog{width:min(620px,calc(100% - 32px));max-height:90svh;padding:22px;background:var(--parchment);color:var(--barolo-dark);border:1px solid var(--barolo-dark);overflow:auto}
#image-dialog::backdrop{background:rgba(40,17,21,.8)}
.image-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.image-dialog-head p{font-size:13px;line-height:1.8;margin:0}.image-dialog-head button{flex-shrink:0;min-height:44px;padding:8px 10px;color:var(--barolo-dark);border:1px solid rgba(40,17,21,.3);background:transparent;font-size:12px}
#image-preview{width:100%;height:auto;display:block}
#image-download{display:block;padding:18px 22px;margin-top:16px;color:var(--bone);background:var(--barolo-dark);text-align:center;font-size:13px}
@media(max-width:600px){.survey-result-copy>.result-share-actions{grid-template-columns:1fr}.language-toggle button{min-height:36px;min-width:42px;padding:8px 10px}.result-share-actions .primary,.result-share-actions .secondary{min-height:56px}.image-dialog-head{gap:12px}#image-dialog{padding:16px}}
.survey-result .survey-result-copy>p.share-help,.survey-result .survey-result-copy>p.share-status{font-size:12px;line-height:1.8;letter-spacing:0;text-transform:none;opacity:.7}
.survey-result .survey-result-copy>p.share-help{margin:12px 0}
.survey-result .survey-result-copy>p.share-status{margin:16px 0 0}
/* Mobile-first simplification: one introduction, then one question at a time. */
.header{height:68px;padding:0 22px;grid-template-columns:1fr auto}
.header-label{display:none}
.header .brand-wordmark{font-size:23px}
.language-toggle button{font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:0}
.pain-survey{min-height:calc(100svh - 68px);padding:44px 0 32px}
.pain-survey-sticky{display:block;width:100%;max-width:724px;margin:0 auto;padding:0 22px}
.survey-panel{border:0}
.home-intro .eyebrow{font:500 13px/1.5 var(--font-geist-sans),Arial,sans-serif;letter-spacing:0;opacity:.65;margin:0 0 20px}
.home-intro h1{margin:0 0 26px;font:600 clamp(36px,6vw,56px)/1.22 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.04em}
.home-copy{font-size:16px;line-height:1.85;color:rgba(231,224,203,.8);margin:0 0 14px;max-width:520px}
.home-meta{font-size:13px;line-height:1.6;opacity:.65;margin:26px 0 0}
.home-intro .survey-actions{margin-top:18px;display:block}
.home-intro .primary{width:100%;min-height:58px;max-width:420px;font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:0}
.home-note{font-size:12px;line-height:1.7;opacity:.5;margin:16px 0 0}
.test-about{font-size:12px;line-height:1.8;color:rgba(231,224,203,.55);margin-top:24px;max-width:520px}
.test-about summary{width:fit-content;cursor:pointer}.test-about p{margin:12px 0 0}
.view-quiz{padding-top:26px}
.question-progress{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.question-progress span{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;color:rgba(231,224,203,.65)}
.question-progress progress{display:block;width:100%;height:3px;appearance:none;border:0;background:rgba(231,224,203,.18);color:var(--bone)}
.question-progress progress::-webkit-progress-bar{background:rgba(231,224,203,.18)}
.question-progress progress::-webkit-progress-value{background:var(--bone)}
.question-progress progress::-moz-progress-bar{background:var(--bone)}
.step-heading,.survey-step:not(.heatmap-step) .step-heading{display:block;padding:0 0 28px;border:0}
.step-heading h2{margin:0;font-size:clamp(25px,4vw,34px);font-weight:500;line-height:1.5;letter-spacing:-.035em}
.view-quiz .survey-choice-grid{grid-template-columns:1fr;gap:1px}
.view-quiz .survey-choice-grid button{min-height:112px;padding:20px}
.view-quiz .survey-choice-grid span{font:400 12px var(--font-geist-sans),Arial,sans-serif;letter-spacing:0}
.view-quiz .survey-choice-grid strong{font-size:18px;line-height:1.6;letter-spacing:0;font-weight:500}
.view-quiz .survey-actions{margin-top:24px}
.view-quiz .primary{min-height:56px;min-width:140px;letter-spacing:0;font-family:var(--font-geist-sans),Arial,sans-serif}
.view-quiz .survey-back{font:400 14px var(--font-geist-sans),Arial,sans-serif;text-transform:none;letter-spacing:0;min-height:44px}
.view-result{padding-top:24px}
.view-result .survey-result-copy{padding:28px 22px}
.view-result .survey-result h3{font-size:clamp(30px,5vw,46px);line-height:1.2}
body[data-view=quiz] footer{display:none}
footer:not([class]){display:block;padding:22px;background:var(--barolo-dark);border-color:rgba(231,224,203,.12)}
footer:not([class])>span{display:block;max-width:680px;margin:auto;font:400 11px/1.7 var(--font-geist-sans),Arial,sans-serif;letter-spacing:0;text-transform:none;opacity:.45}
@media(min-width:768px){.pain-survey{padding-top:70px}.view-quiz{padding-top:44px}.view-result{padding-top:36px}.view-result .survey-result-copy{padding:40px}.home-intro .primary{max-width:none}.home-copy,.test-about{max-width:none}}
/* Screenshot-ready result: a single compact card and two actions. */
body[data-view=result] .header{height:54px;padding:0 16px}
body[data-view=result] .header .brand-wordmark{font-size:20px}
body[data-view=result] .language-toggle button{min-height:32px;padding:6px 10px}
body[data-view=result] footer{display:none}
.view-result.pain-survey{padding:12px 0;min-height:calc(100svh - 54px)}
.view-result .pain-survey-sticky{max-width:500px;padding:0 14px}
.result-card{padding:18px;background:var(--bone);color:var(--barolo-dark)}
.result-kicker{font-size:11px;line-height:1.4;opacity:.65;margin:0 0 4px}
.result-code{font-size:52px;font-weight:600;line-height:1;margin:0;letter-spacing:-.055em}
.result-name{font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin:7px 0 0}
.result-summary{font-size:12px;line-height:1.55;margin:10px 0 12px;color:#66564f}
.result-dimensions{border-top:1px solid rgba(40,17,21,.18)}
.result-dimension{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 0;border-bottom:1px solid rgba(40,17,21,.16);font-size:11px;line-height:1.4}
.result-dimension span{display:flex;justify-content:space-between;gap:4px;color:#887b70}.result-dimension .chosen{font-weight:600;color:var(--barolo-dark)}.result-dimension b{font-weight:inherit;font-variant-numeric:tabular-nums}
.result-tip{font-size:11px;line-height:1.5;margin:10px 0}.result-tip strong{display:block;font-size:10px;font-weight:500;opacity:.65;margin-bottom:2px}
.result-qr{display:flex;align-items:center;gap:12px;margin-top:10px}.result-qr img{display:block;flex:0 0 66px;image-rendering:pixelated}.result-qr p{font-size:11px;line-height:1.5;margin:0 0 5px}.result-qr span{font-size:10px;word-break:break-all}
.result-footnote{font-size:9px;line-height:1.4;opacity:.5;margin:10px 0 0}
.result-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.result-controls button{min-height:46px;padding:10px 8px;background:var(--bone);color:var(--barolo-dark);border:1px solid var(--bone);font-size:13px;line-height:1.4}
.result-controls button+button{background:transparent;color:var(--bone);border-color:rgba(231,224,203,.5)}
body[data-view=result] .toast:not(:empty){position:fixed;z-index:80;left:16px;right:16px;bottom:16px;max-width:468px;margin:auto;padding:14px;background:var(--parchment);color:var(--barolo-dark);border:1px solid var(--barolo-dark);box-shadow:0 3px 20px #28111533}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#image-dialog{width:min(460px,calc(100% - 24px));max-height:94svh;padding:12px}
#image-preview{-webkit-touch-callout:default;user-select:auto;touch-action:auto}
.image-dialog-head{margin-bottom:10px}.image-dialog-head p{font-size:12px;line-height:1.6}
#wechat-dialog{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid var(--barolo-dark);background:var(--parchment);color:var(--barolo-dark)}
#wechat-dialog::backdrop{background:#281115cc}#wechat-dialog h2{font-size:21px;margin:0 0 16px;font-weight:500}#wechat-dialog p{font-size:14px;line-height:1.8}#wechat-dialog .selectable-link{font-size:12px;word-break:break-all;user-select:all}#wechat-dialog>div{display:flex;gap:10px}#wechat-dialog button{min-height:44px;padding:10px 16px;background:var(--barolo-dark);color:var(--bone);border:0;font-size:13px}#wechat-dialog button+button{background:none;color:var(--barolo-dark);border:1px solid var(--barolo-dark)}
@media(max-height:680px){.view-result.pain-survey{padding:8px 0}.result-card{padding:14px}.result-code{font-size:42px}.result-name{font-size:17px;margin-top:5px}.result-summary{font-size:11px;line-height:1.4;margin:8px 0}.result-dimension{padding:6px 0;font-size:10px}.result-tip{font-size:10px;margin:8px 0}.result-qr{margin-top:8px;gap:10px}.result-qr img{width:58px;height:58px;flex-basis:58px}.result-qr p{font-size:10px}.result-footnote{margin-top:7px}.result-controls{margin-top:8px}.result-controls button{min-height:44px;font-size:12px}}
/* Keep the complete profile and both actions within the portrait viewport. */
.view-result.pain-survey{height:calc(100svh - 54px);min-height:0;padding:12px}
.view-result .pain-survey-sticky{height:100%;padding:0;max-width:500px}
.view-result .survey-panel{height:100%;display:flex;flex-direction:column}
.result-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.5svh,24px)}
.result-code{font-size:clamp(42px,7.5svh,72px)}
.result-name{font-size:clamp(16px,2.4svh,22px);margin:4px 0}
.result-summary{font-size:clamp(11px,1.65svh,14px);line-height:1.5;margin:6px 0}
.result-dimensions{border-top:0}
.result-dimension{display:block;padding:clamp(6px,1.45svh,14px) 0;border-bottom:0;font-size:clamp(10px,1.55svh,13px)}
.dimension-labels{display:flex;justify-content:space-between;gap:16px}
.dimension-labels span{display:flex;gap:6px}
.dimension-track{position:relative;height:5px;margin:10px 5px 2px;background:linear-gradient(to right,#5f2a33,#c2a5a3 49.9%,#c2bba7 50%,#a69c7f);border-radius:1px}
.dimension-mid{position:absolute;left:50%;top:-3px;width:1px;height:11px;background:#e7e0cb}
.dimension-marker{position:absolute;top:50%;width:10px;height:10px;border:2px solid #e7e0cb;outline:1px solid #281115;background:#281115;border-radius:50%;transform:translate(-50%,-50%)}
.balanced-label{display:block;text-align:center;font-size:9px;line-height:1.2;margin-top:5px;color:#70645c}
.result-tip{font-size:clamp(10px,1.6svh,13px);line-height:1.5;margin:6px 0}
.result-tip strong{font-size:inherit;margin-bottom:3px}
.result-qr img{width:clamp(54px,9svh,80px);height:clamp(54px,9svh,80px)}
.result-qr p{font-size:clamp(10px,1.55svh,13px)}
.result-qr span{font-size:clamp(9px,1.4svh,12px)}
.result-footnote{font-size:clamp(8px,1.2svh,10px);margin:6px 0 0}
.result-controls{flex-shrink:0;margin-top:10px}
@media(max-height:640px){.view-result.pain-survey{padding:8px}.result-card{padding:12px}.dimension-track{margin-top:7px}.result-dimension{padding:5px 0}.result-summary{margin:4px 0}.result-tip{margin:4px 0}.result-controls{margin-top:8px}.result-kicker{font-size:9px}.balanced-label{font-size:8px;margin-top:3px}}
/* Four choices retain the existing Fit Finder typography and controls. */
.view-quiz .survey-choice-grid{grid-template-columns:1fr}
.view-quiz .survey-choice-grid button{min-height:82px;padding:15px 44px 15px 18px}
.view-quiz .survey-choice-grid button strong{font-size:15px;line-height:1.5}
.view-quiz .survey-choice-grid button>span{font-size:10px;margin-bottom:4px}
@media(max-width:600px){.view-quiz .pain-survey{padding-top:12px}.view-quiz .survey-choice-grid{gap:8px}.view-quiz .survey-choice-grid button{min-height:76px}.view-quiz .step-heading h2{font-size:21px;line-height:1.4}}