:root{--background:#e5e5e5;--foreground:#000;--line:#b4b4b4;--font-body:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",system-ui,sans-serif;--font-size-body:16px;--font-size-title:17px;--font-size-status:13px;--font-size-question:18px;--font-size-help:14px;--font-size-ending:15px;--line-body:1.45;--line-tight:1.25;--touch-min:48px;--page-inline:max(16px,3vw);--safe-bottom:env(safe-area-inset-bottom,0px);font:var(--font-size-body)/var(--line-body) var(--font-body);color:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e5e5e5}*{box-sizing:border-box}html,body{overscroll-behavior-y:contain;width:100%;min-height:100%;margin:0;overflow:hidden auto}body{touch-action:manipulation}main{width:min(100%,1100px);min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) var(--page-inline) calc(16px + var(--safe-bottom));grid-template-rows:auto minmax(0,1fr);gap:12px;margin:0 auto;display:grid}header{gap:4px;min-height:0;display:grid}h1{font-size:var(--font-size-title);overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.35}#status{font-size:var(--font-size-status);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;line-height:1.4}#status:empty{display:none}#content{grid-row:2;align-content:start;justify-items:stretch;min-width:0;min-height:0;display:grid}#content>button{justify-self:center}.recovery-actions{place-self:start center;gap:16px;width:min(100%,520px);margin-top:16px;display:grid}.recovery-actions button{width:100%}.error-details{font-size:13px}.error-details summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.error-details pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30dvh;font-size:12px;overflow:auto}.support-text{justify-self:center;width:min(100%,520px);margin-top:16px;font-size:14px}:is(#content:has(.questionnaire),#content:has(.runner-stage),#content:has(.ending-page),#content:has(.consent-page)){align-content:stretch}.survey-mount{min-height:0}p{overflow-wrap:anywhere;margin:0}button{min-width:0;min-height:var(--touch-min);font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere;touch-action:manipulation;background:0 0;border:1px solid;border-radius:10px;padding:10px 14px;font-size:16px;line-height:1.2}button:disabled{opacity:.5;cursor:default}button.primary{color:var(--background);background:var(--foreground);border-color:var(--foreground)}button:focus-visible,input:focus-visible,.reading-text:focus-visible,summary:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.questionnaire{width:min(100%,900px);height:max(240px,calc(var(--viewport-height,100dvh) - var(--survey-top,100px) - 16px));grid-template-rows:auto minmax(0,1fr) auto;justify-self:center;gap:12px;min-width:0;display:grid}.question-meta{grid-row:1;gap:4px;min-height:0;display:grid}.question-progress,.question-error{font-size:var(--font-size-status);line-height:1.25}.question-error{font-weight:600}.question-error:empty{display:none}.question-screen{grid-row:2;grid-template-rows:minmax(4.5rem,auto) minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid}.question-screen.reading-only{grid-template-rows:minmax(0,1fr) 0}.question-screen.selection-question{grid-template-rows:minmax(4.5rem,auto) minmax(0,1fr)}.question-screen.single-axis-question{grid-template-rows:minmax(4.5rem,5rem) minmax(0,1fr)}.reading-text{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;min-height:0;overflow:hidden}.selection-question>.reading-text{font-size:var(--font-size-question)}.answer-area{grid-template-rows:minmax(0,1fr);gap:6px;min-width:0;min-height:0;display:grid}.answer-area.choices-grid{grid-template-columns:repeat(var(--choice-columns,1),minmax(0,1fr));grid-template-rows:repeat(var(--choice-rows,1),minmax(0,1fr))}.reading-only .answer-area{padding:0}.choice-button{text-align:left;align-items:center;gap:6px;width:100%;max-height:100%;padding:6px;display:flex}.choice-button:before{content:"○";flex:none}.choice-button[aria-pressed=true]{background:currentColor}.choice-button[aria-pressed=true]:before{content:"●"}.choice-button[aria-pressed=true] span,.choice-button[aria-pressed=true]:before{color:var(--background)}.choice-label{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-height:100%;display:block;overflow:hidden}.axis-control{border:1px solid var(--line);border-radius:18px;align-self:center;gap:8px;width:100%;min-width:0;max-width:680px;margin-inline:auto;padding:1.5rem .75rem;display:grid}.axis-ends{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:14px;display:grid}.axis-ends span{overflow-wrap:anywhere}.axis-ends span:last-child{text-align:right}.axis-track{height:44px;position:relative}.axis-input{appearance:none;width:100%;height:44px;color:inherit;touch-action:none;background:0 0;border:0;margin:0;padding:0}.axis-input:focus-visible{outline:none}.axis-control:has(.axis-input:focus-visible){outline-offset:2px;outline:2px solid}.axis-input::-webkit-slider-runnable-track{background:currentColor;border-radius:2px;height:3px}.axis-input::-moz-range-track{background:currentColor;border-radius:2px;height:3px}.axis-input::-webkit-slider-thumb{appearance:none;background:currentColor;border:1px solid;border-radius:50%;width:22px;height:22px;margin-top:-10px}.axis-input::-moz-range-thumb{background:currentColor;border:1px solid;border-radius:50%;width:22px;height:22px}.axis-input[data-answered=false]::-webkit-slider-thumb{opacity:0}.axis-input[data-answered=false]::-moz-range-thumb{opacity:0}.axis-ticks{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:50% 11px auto;transform:translateY(-50%)}.axis-ticks span{border-left:1px solid;height:8px}.axis-ticks span[data-selected=true]{border-left-width:2px;height:14px}.axis-bottom{justify-content:center;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.axis-bottom button{flex:none}.axis-bottom output{overflow-wrap:anywhere;text-align:center}.axis-bottom output[data-answered=true]{font-weight:600}.question-screen.multi-axis-question{grid-template-rows:minmax(32px,14%) minmax(0,1fr)}.axes-grid{grid-template-columns:repeat(var(--axis-columns,1),minmax(0,1fr));grid-template-rows:repeat(var(--axis-rows,1),minmax(0,1fr));gap:6px}.axes-grid .axis-control{border-radius:10px;grid-template:"title feedback"minmax(16px,1fr)"track track"44px"ends ends"minmax(16px,1fr)/minmax(0,1fr) minmax(0,1fr);align-self:stretch;gap:0;max-width:none;height:100%;padding:2px 8px}.axis-title{overflow-wrap:anywhere;grid-area:title;align-self:center;font-size:13px;font-weight:600}.axes-grid .axis-track{grid-area:track}.axes-grid .axis-ends{grid-area:ends;align-self:center;gap:8px;font-size:12px}.axes-grid .axis-bottom{grid-area:feedback;justify-content:end;gap:4px;font-size:12px}.axes-grid .axis-bottom output{text-align:right}.axes-grid .axis-control:has(button){grid-template-rows:minmax(44px,1fr) 44px minmax(16px,1fr)}.axes-grid .axis-bottom button{min-height:44px;padding:2px 6px;font-size:12px}.ending-page{flex-direction:column;justify-self:center;gap:12px;width:min(100%,900px);min-height:100%;display:flex}.ending-title{flex:none;margin:0;font-size:22px;font-weight:600;line-height:1.35}.ending-text{height:max(160px,calc(var(--viewport-height,100dvh) - 200px));min-height:0;font-size:var(--font-size-ending);flex:none;align-self:stretch;line-height:1.6;overflow:auto}.ending-nav{padding-bottom:var(--safe-bottom);flex-wrap:wrap;flex:none;justify-content:center;gap:8px;display:flex}.ending-nav button{flex:140px;max-width:300px}.consent-page{grid-template-rows:minmax(0,1fr) auto auto;justify-self:center;gap:min(2dvh,12px);width:min(100%,900px);min-width:0;height:100%;min-height:0;display:grid}.consent-text{font-size:clamp(16px,2.8dvh,20px)}.consent-reading-nav,.consent-decisions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.consent-decisions button{padding:8px 4px}.consent-decisions button:last-child{font-weight:600}.consent-declined{justify-self:center;gap:24px;width:min(100%,600px);display:grid}@media (max-height:450px){.axis-control{border-radius:10px;gap:0;padding:0 8px}.question-screen.single-axis-question{grid-template-rows:minmax(32px,20%) minmax(0,1fr);gap:6px}}.orientation-gate{z-index:100;background:var(--background);color:var(--foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4dvh;padding:5%;display:flex;position:fixed;inset:0}.orientation-gate[hidden]{display:none}.orientation-gate p{margin:0;font-size:clamp(18px,4vw,24px)}.orientation-gate span{font-size:14px}.orientation-device{border:2px solid;border-radius:9px;width:48px;height:76px}.orientation-device[data-orientation=landscape]{width:76px;height:48px}.simulation-image-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.question-nav{min-height:0;padding-bottom:var(--safe-bottom);grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.question-nav.single-action{grid-template-columns:1fr}input[type=text]{width:100%;min-width:0;height:44px;font:inherit;color:inherit;touch-action:manipulation;background:0 0;border:1px solid;border-radius:0;align-self:center;padding:8px}body.typing main{grid-template-rows:0 minmax(0,100%)}body.typing header{display:none}body.typing .questionnaire{height:max(120px,calc(var(--viewport-height,100dvh) - var(--survey-top,16px) - 16px));grid-template-rows:0 minmax(0,1fr) auto}body.typing .question-meta{display:none}body.typing .question-screen{grid-template-rows:0 minmax(0,100%)}body.typing .reading-text{visibility:hidden}@media (max-width:360px){.recovery-actions,.ending-nav{grid-template-columns:1fr;display:grid}.recovery-actions button,.ending-nav button{max-width:none}}[hidden]{display:none!important}.adaptive-survey{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.adaptive-survey.adaptive-has-message{grid-template-rows:auto minmax(0,1fr);gap:8px}.adaptive-save{justify-content:space-between;align-items:center;gap:8px;min-height:20px;font-size:13px;display:flex}.adaptive-save button{min-height:44px;padding:4px 8px;font-size:13px}.adaptive-questionnaire{width:100%;height:max(180px,calc(var(--viewport-height,100dvh) - var(--survey-top,120px) - 16px - var(--safe-bottom)));grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.adaptive-screen{overscroll-behavior:contain;min-width:0;min-height:0;overflow:auto}.adaptive-grid{grid-template-columns:1fr;align-content:start;align-items:start;gap:12px;display:grid}.adaptive-card{border:1px solid var(--line);border-radius:10px;gap:8px;min-width:0;padding:10px;scroll-margin:8px;display:grid}.adaptive-title{font-size:var(--font-size-question);white-space:pre-wrap;line-height:1.45}.adaptive-card .axis-control{border-radius:8px;gap:4px;max-width:none;padding:8px}.adaptive-card .axis-bottom{min-height:21px}.adaptive-card .choice-label{max-height:none;overflow:visible}.adaptive-choices{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.adaptive-invalid{border:2px solid #9d2424}.adaptive-introduction{white-space:pre-wrap;grid-column:1/-1;padding:8px 0;line-height:1.7}.adaptive-waiting{margin:24px 0}@media (min-width:1000px){.adaptive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adaptive-card:has(input[type=text]){grid-column:1/-1}}
