:root{--paper:#f3efe6;--ink:#272721;--line:#d7d0c3;--muted:#706b61;--red:#c7725c;--green:#6f8b74}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper)}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.study-shell{min-height:100svh;color:var(--ink);padding:18px;font-family:Arial,Noto Sans SC,Hiragino Sans GB,sans-serif;overflow-x:clip}.study-loading{min-height:80svh;color:var(--muted);letter-spacing:.18em;place-items:center;display:grid}.study-header,.progress-wrap,.welcome-card,.form-card,.exposure-layout,.done-card,.autosave-note{width:min(100%,1160px);margin-inline:auto}.study-header{justify-content:space-between;align-items:center;gap:14px;min-height:48px;margin-bottom:16px;display:flex}.study-brand{color:inherit;letter-spacing:.16em;align-items:center;gap:9px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.study-mark{color:#fff;background:#24241f;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.header-tools{align-items:center;gap:8px;display:flex}.researcher-pill{color:#9d4c39;letter-spacing:.13em;border:1px solid #b9634c;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.language-switch{border:1px solid var(--line);background:#ffffff8c;border-radius:999px;padding:3px;display:flex}.language-switch button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 13px}.language-switch button[aria-pressed=true]{color:#fff;background:#272721}.progress-wrap{margin-bottom:16px}.progress-meta{color:#78736a;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.progress-track{background:#ddd6c9;border-radius:3px;height:3px;overflow:hidden}.progress-track div{background:#24241f;height:100%;transition:width .25s}.eyebrow{color:#7b766c;letter-spacing:.16em;margin:0 0 16px;font-size:10px;font-weight:800}.welcome-card{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffd1,#faf6eea8);border-radius:30px;align-items:center;min-height:calc(100svh - 100px);padding:clamp(32px,7vw,88px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px -70px #302b23}.welcome-copy{z-index:2;width:min(760px,70%);position:relative}.welcome-card h1,.form-head h1,.exposure-head h1,.done-card>h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,7.5vw,84px);line-height:.98}.lede{color:#5d5951;max-width:660px;margin:28px 0 0;font-size:clamp(17px,2vw,22px);line-height:1.6}.consent-note{border-left:3px solid var(--green);color:#50574f;background:#ebefe9;max-width:660px;margin-top:24px;padding:14px 16px;line-height:1.55}.welcome-orbit span{z-index:1;border-radius:32px;place-items:center;font-family:Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;display:grid;position:absolute;box-shadow:0 26px 45px -28px #3c2d23a6}.welcome-orbit span:first-child{color:#5b2c1d;background:#dfa490;width:150px;height:174px;font-size:52px;top:22%;right:11%;transform:rotate(5deg)}.welcome-orbit span:nth-child(2){color:#2f4632;background:#c3d2bb;width:116px;height:138px;font-size:38px;top:52%;right:2%;transform:rotate(-6deg)}.welcome-orbit span:nth-child(3){color:#453b65;background:#cfc7e0;width:94px;height:108px;font-size:38px;bottom:7%;right:24%;transform:rotate(-3deg)}.primary-action,.secondary-action{cursor:pointer;border-radius:999px;min-height:52px;transition:transform .16s,background .16s}.primary-action{color:#fff;background:#24241f;border:1px solid #24241f;justify-content:space-between;align-items:center;gap:40px;margin-top:30px;padding:0 22px;display:inline-flex}.primary-action.compact{gap:28px;min-height:48px;margin:0}.primary-action:disabled{opacity:.55;cursor:wait}.secondary-action{color:var(--ink);background:#ffffff8c;border:1px solid #bbb3a5;padding:0 18px}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.form-card{border:1px solid var(--line);background:#ffffffbf;border-radius:28px;max-width:840px;min-height:60vh;padding:clamp(24px,5vw,58px)}.form-card.wide{max-width:1160px}.form-head{margin-bottom:40px}.form-head h1{font-size:clamp(36px,6vw,66px)}.field{color:#37352f;gap:10px;margin:0 0 28px;font-size:16px;font-weight:700;line-height:1.45;display:grid}.field input,.field select,.field textarea{color:#25241f;background:#fffefa;border:1px solid #c9c1b3;border-radius:13px;width:100%;min-height:52px;padding:13px 14px;font-weight:400}.field textarea{resize:vertical;min-height:132px;line-height:1.55}.field.compact-field textarea{min-height:100px}.form-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:44px;padding-top:22px;display:flex}.autosave-note{text-align:center;color:#817b70;margin-top:14px;font-size:11px}.scale-legend{color:#7d776d;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px;display:flex}.ratings-list{gap:12px;display:grid}.rating-field,.choice-field{background:#fffdf8;border:1px solid #d0c9bc;border-radius:16px;min-width:0;margin:0;padding:18px}.rating-field legend,.choice-field legend{padding:0 6px;font-weight:700;line-height:1.45}.rating-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;display:grid}.rating-row label,.choice-field label{cursor:pointer}.rating-row input,.choice-field input{opacity:0;pointer-events:none;position:absolute}.rating-row span{color:#57534b;border:1px solid #c7c0b5;border-radius:11px;place-items:center;min-height:46px;display:grid}.rating-row input:checked+span,.choice-field input:checked+span{color:#fff;background:#24241f;border-color:#24241f;font-weight:800}:is(.rating-row input:focus-visible+span,.choice-field input:focus-visible+span){outline-offset:2px;outline:3px solid #2459a8}.rating-ends{color:#807a70;justify-content:space-between;gap:12px;margin-top:7px;font-size:10px;display:flex}.negative-item{border-style:dashed}.negative-badge{color:#9b4f3b;letter-spacing:.1em;margin:8px 0 0;font-size:8px;font-weight:900;display:inline-block}.choice-list{gap:12px;margin-top:30px;display:grid}.choice-field>div{gap:8px;margin-top:10px;display:flex}.choice-field label span{border:1px solid #c7c0b5;border-radius:999px;place-items:center;min-width:54px;min-height:44px;padding:0 13px;display:grid}.choice-field label:last-child span:not(:only-child){min-width:76px}.section-intro{color:#615d55;max-width:700px;margin:-20px 0 30px;font-size:17px;line-height:1.6}.qual-block{border-bottom:1px solid var(--line);margin:0 0 34px;padding-bottom:28px}.qual-block h2{margin:0 0 18px;font-size:22px}.qual-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.compare-reference{background:#ebe6db;border-radius:18px;justify-content:center;align-items:center;gap:22px;margin-bottom:28px;padding:22px;font-family:Yu Gothic,sans-serif;font-size:32px;display:flex}.compare-reference span{color:#9d9588}.exposure-layout{max-width:1060px}.exposure-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.exposure-head h1{font-size:clamp(34px,5vw,58px)}.surface-steps{gap:6px;display:flex}.surface-steps span{color:#888176;border:1px solid #c9c1b4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.surface-steps span.active{color:#fff;background:#24241f;border-color:#24241f}.device-stage{background:#e2ddd3;border-radius:28px;place-items:center;min-height:680px;padding:24px;display:grid}.task-bar{border:1px solid var(--line);background:#ffffffb3;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 16px;display:flex}.task-bar p{color:#5e5a52;margin:0;line-height:1.45}.mapping-note{color:#fff;text-align:center;letter-spacing:.1em;background:#23231f;border-radius:10px;margin-top:12px;padding:10px;font-size:11px}.review-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.review-summary div{border:1px solid var(--line);background:#fffdf8;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:110px;padding:16px;display:flex}.review-summary span{color:#766f65;font-size:11px}.review-summary strong{font-size:26px}.privacy-note{color:#4f574f;background:#ebefe9;border-radius:12px;margin:24px 0;padding:15px;line-height:1.55}.submit-error{color:#7a3425;background:#f7ddd5;border-radius:12px;padding:14px}.final-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.done-card{border:1px solid var(--line);text-align:center;background:#ffffffbf;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 110px);padding:clamp(28px,7vw,80px);display:flex}.done-mark{color:#fff;background:#63816b;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:22px;font-size:30px;display:grid}.done-card>p{color:#666158}.done-card code{background:#eee9df;border-radius:10px;margin:12px 0 24px;padding:11px 16px;font-size:16px}.done-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.interview-panel{border-top:1px solid var(--line);text-align:left;width:min(760px,100%);margin-top:50px;padding-top:34px}.interview-panel h2{font-size:30px}.interview-panel ol{gap:14px;padding-left:22px;line-height:1.55;display:grid}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #2459a8}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width:760px){.study-shell{padding:14px}.study-header{margin-bottom:12px}.study-brand>span:last-child,.researcher-pill{display:none}.welcome-card{align-items:flex-start;min-height:calc(100svh - 82px);padding:30px 22px}.welcome-copy{width:100%}.welcome-card h1{max-width:340px;font-size:clamp(44px,14vw,62px)}.lede{max-width:330px;margin-top:22px;font-size:17px}.consent-note{width:70%;font-size:13px}.welcome-orbit span:first-child{width:102px;height:118px;font-size:36px;top:40%;right:-16px}.welcome-orbit span:nth-child(2){width:86px;height:98px;font-size:28px;top:62%;right:6px}.welcome-orbit span:nth-child(3){width:70px;height:80px;font-size:26px;bottom:1%;right:24%}.welcome-card .primary-action{width:70%;margin-top:24px}.form-card{border-radius:22px;min-height:calc(100svh - 108px);padding:26px 18px}.form-head{margin-bottom:30px}.form-head h1{font-size:42px}.form-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3efe6f0;border:0;border-radius:999px;margin-inline:-6px;padding:10px 6px;position:sticky;bottom:8px}.scale-legend{font-size:9px}.rating-field,.choice-field{padding:15px 12px}.rating-row{gap:6px}.rating-row span{min-height:44px}.qual-grid{grid-template-columns:1fr;gap:0}.choice-field>div{flex-wrap:wrap}.exposure-head{align-items:center}.exposure-head h1{font-size:36px}.device-stage{background:#ded8cd;border-radius:0;min-height:auto;margin-inline:-14px;padding:12px 0}.task-bar{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;margin:10px -6px 0;padding:9px 10px;position:sticky;bottom:8px}.task-bar p{max-width:48%;font-size:11px}.task-bar .primary-action{gap:10px;max-width:52%;min-height:44px;padding:0 14px;font-size:12px}.review-summary{grid-template-columns:1fr}.review-summary div{min-height:80px}.final-actions{grid-template-columns:1fr 1fr;display:grid}.final-actions .primary-action{grid-column:1/-1;width:100%}}@media (max-width:380px){.study-shell{padding:10px}.language-switch button{padding-inline:10px}.task-bar{margin-inline:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.device-stage{min-height:892px;padding:24px;overflow:hidden}.stimulus-frame{background:#fff;flex:none;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 32px 60px -30px #2a231d8c,0 0 0 1px #00000014}.stimulus-viewport{transform-origin:0 0;width:390px;height:844px;position:absolute;inset:0}.stimulus-iframe{pointer-events:none;background:#fff;border:0;width:390px;height:844px;display:block}.neutral-label{color:#fff;background:#252520;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid;position:absolute;top:56px;right:16px}.stimulus-frame .neutral-label{z-index:5;top:12px;right:12px}.stimulus-hotspot{z-index:4;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:0;padding:0;position:absolute}.stimulus-hotspot:focus-visible{outline-offset:2px;background:#2459a814;outline:4px solid #2459a8}.hotspot-back{width:92px;height:64px;top:34px;left:0}.hotspot-forward.hotspot-home{width:145px;height:175px;top:205px;left:38px}.stimulus-04 .hotspot-forward.hotspot-home{width:390px;height:238px;top:82px;left:0}.stimulus-07 .hotspot-forward.hotspot-home{width:205px;height:132px;top:306px;left:20px}.hotspot-forward.hotspot-grammar{width:354px;height:96px;top:735px;left:18px}.stimulus-01 .hotspot-forward.hotspot-grammar{width:112px;height:110px;top:730px;left:278px}.partner-hotspots{z-index:4;grid-template-columns:repeat(3,1fr);gap:4px;width:266px;height:58px;display:grid;position:absolute;top:417px;left:62px}.stimulus-04 .partner-hotspots{width:274px;height:66px;top:375px;left:58px}.stimulus-07 .partner-hotspots{width:280px;height:72px;top:310px;left:55px}.partner-hotspots .hotspot-partner{width:100%;height:100%;position:relative;inset:auto}.direction-triptych{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,300px);gap:18px;padding:4px 2px 18px;overflow-x:auto}.mini-stimulus{scroll-snap-align:center;pointer-events:none;width:300px;height:650px;box-shadow:0 22px 45px -34px #2a231d80}.mini-stimulus .stimulus-viewport{transform:scale(.769231)}.mini-stimulus .neutral-label{display:none}@media (max-width:760px){.device-stage{min-height:auto;margin-inline:-14px;padding:12px 0;overflow:hidden}.direction-triptych{grid-template-columns:repeat(3,270px);margin-inline:-18px;padding:0 18px 12px}.mini-stimulus{width:270px;height:584px}.mini-stimulus .stimulus-viewport{transform:scale(.692308)}}@media (max-width:389px){.stimulus-frame:not(.mini-stimulus){width:100vw;height:216.41vw}.stimulus-frame:not(.mini-stimulus) .stimulus-viewport{transform:scale(calc(100vw / 390px))}}