:root{color-scheme:light dark;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#eef2f6;color:#182233;--bg: #eef2f6;--panel: #ffffff;--panel-soft: #f6f8fb;--text: #182233;--muted: #687487;--line: #dce2ea;--primary: #2454a6;--primary-strong: #153d82;--success: #1f7a52;--warning-bg: #fff7df;--warning-line: #ead090;--warning-text: #6b4d00;--danger-bg: #fff0f0;--danger-line: #efb8b8;--danger-text: #9d1c1c;--shadow: 0 18px 45px rgba(22, 34, 51, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#ffffffb8,#fff0),var(--bg)}button,input,select,textarea{font:inherit}button{min-height:46px;border:1px solid #c8d0dc;border-radius:8px;padding:.72rem 1.05rem;background:#fff;color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover:not(:disabled){border-color:#96a6bd;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48}.primary,.selected{background:var(--primary);border-color:var(--primary);color:#fff}.primary:hover:not(:disabled),.selected:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}.dangerButton{color:var(--danger-text);border-color:var(--danger-line)}.buttonLink{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--primary);border-radius:8px;padding:.72rem 1.05rem;text-decoration:none;font-weight:700}.buttonLink.disabled{pointer-events:none;opacity:.45}.shell{width:min(1040px,100%);margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:0}.topbar p,.muted{color:var(--muted)}.panel,.trialCard,.experimentHeader{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel{padding:24px;margin-bottom:18px}.submissionPanel,.submissionComplete{width:min(680px,100%);margin:7vh auto 0;padding:clamp(28px,6vw,52px);border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.submissionPanel h2,.submissionComplete h2{margin:14px 0 8px;font-size:clamp(1.7rem,5vw,2.35rem)}.submissionPanel>p,.submissionComplete>p{line-height:1.7;color:var(--muted)}.submissionCheck{display:flex;width:min(360px,100%);justify-content:space-between;margin:24px auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.uploadProgress{display:grid;gap:8px;margin:22px 0;text-align:left}.uploadProgress div{display:flex;justify-content:space-between}.uploadProgress progress{width:100%}.privacyNote{margin-top:20px;font-size:.88rem}.successMark{display:grid;width:64px;height:64px;place-items:center;margin:0 auto;border-radius:50%;background:#e7f6ee;color:var(--success);font-size:2rem;font-weight:800}.researchLogin{display:grid;width:min(520px,100%);gap:20px;margin:9vh auto 0;border:1px solid var(--line);border-radius:8px;padding:clamp(26px,6vw,46px);background:var(--panel);box-shadow:var(--shadow)}.researchLogin h2{margin-bottom:6px;font-size:2rem}.researchLogin p{margin-top:0;color:var(--muted)}.researchDashboard{display:grid;gap:16px}.researchSummary{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:28px;align-items:center;border-top:3px solid var(--primary);border-bottom:1px solid var(--line);padding:24px 0}.researchSummary h2{margin:8px 0 4px}.researchSummary p{margin:0;color:var(--muted)}.researchStats{display:flex;gap:24px}.researchStats div{display:grid;min-width:72px;gap:2px}.researchStats strong{font-size:1.55rem}.researchStats span{color:var(--muted);font-size:.82rem}.researchLayout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:620px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.participantRail{padding:22px 14px;border-right:1px solid var(--line);background:var(--panel-soft)}.participantRail h3{margin:0 8px 12px}.participantButton{display:grid;width:100%;min-height:62px;gap:2px;justify-items:start;margin-bottom:6px;border-color:transparent;background:transparent;text-align:left}.participantButton span{font-weight:800}.participantButton small{color:var(--muted)}.participantButton.active{border-color:#b8c9e4;background:#eaf1fb;color:var(--primary-strong)}.reviewWorkspace{min-width:0;padding:clamp(22px,4vw,40px)}.reviewToolbar{display:flex;min-height:124px;justify-content:space-between;gap:20px;align-items:flex-start}.reviewToolbar h2{margin:8px 0 0;font-size:2.7rem}.reviewToolbar p{margin:4px 0 0;color:var(--muted)}.reviewPosition{color:var(--muted);font-size:.9rem}.experimentTabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:12px}.experimentTabs button{min-width:76px;min-height:40px;padding:.5rem .75rem}.tokenGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tokenChoice{align-content:start;min-width:0;min-height:190px;border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel-soft);cursor:pointer}.tokenChoice.selectedToken{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#edf4ff}.tokenHeading{display:flex;gap:8px;align-items:center;font-size:1.08rem;font-weight:800}.tokenHeading input{width:18px;min-height:18px;accent-color:var(--primary)}.tokenChoice audio{width:100%;margin-top:22px}.tokenMeta{color:var(--muted);font-size:.84rem}.reviewActions{display:grid;grid-template-columns:120px minmax(180px,1fr) 120px;gap:10px;margin-top:24px}.emptyState{padding:70px 20px;border-bottom:1px solid var(--line);text-align:center}.emptyState p{color:var(--muted)}@media(max-width:900px){.researchSummary{grid-template-columns:1fr auto}.researchSummary .buttonLink{grid-column:1 / -1;justify-self:start;min-width:180px}}.experimentSurface{display:grid;gap:14px}.experimentHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px}.experimentHeader p{margin:0;line-height:1.7;color:var(--text);font-size:1.12rem;font-weight:700;text-align:center;white-space:pre-line}.eyebrow,.modePill{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:4px 10px;font-size:.86rem;font-weight:700}.eyebrow{background:#e8eef8;color:var(--primary)}.modePill{flex:0 0 auto;background:#e8f6ef;color:var(--success)}.practicePill{background:#fff7df;color:var(--warning-text)}.trialCard{padding:24px;min-height:520px}.grid{display:grid;gap:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:6px;font-weight:650}input,select,textarea{width:100%;min-height:44px;border:1px solid #c8d0dc;border-radius:8px;padding:.65rem;background:#fff;color:var(--text)}textarea{min-height:90px}.check{display:flex;gap:8px;align-items:center;font-weight:500}.check input{width:auto}nav,.actions,.checks{display:flex;gap:10px;flex-wrap:wrap}.notice,.warning,.danger{border-radius:8px;padding:12px;margin:12px 0}.notice{background:#edf4ff;border:1px solid #c8dbff}.warning{background:var(--warning-bg);border:1px solid var(--warning-line);color:var(--warning-text)}.danger{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-text)}.statusCard{display:grid;gap:4px;width:min(620px,100%);margin:14px auto;border-radius:8px;padding:14px 16px;text-align:left}.statusCard strong{font-size:1rem}.statusCard span{line-height:1.55}.statusCard.info{background:#edf4ff;border:1px solid #c8dbff;color:#22436f}.statusCard.warning{background:var(--warning-bg);border:1px solid var(--warning-line);color:var(--warning-text)}.statusCard.danger{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-text)}.instruction{font-size:1.06rem;line-height:1.8}.trial{text-align:center}.progressBlock{text-align:left}.progressBlock p{margin:0 0 6px}progress{width:100%;height:10px;overflow:hidden;border:none;border-radius:999px}progress::-webkit-progress-bar{background:#e2e8f0}progress::-webkit-progress-value{background:var(--primary)}.block,.deviceLine{color:var(--muted)}.deviceLine{margin:12px auto;max-width:760px;line-height:1.6}.stimulus{display:grid;place-items:center;align-content:center;gap:10px;min-height:180px;margin:18px 0 8px;border-radius:8px;background:var(--panel-soft);border:1px solid var(--line)}.stimulusCharacter{font-size:clamp(64px,20vw,148px);font-weight:760;line-height:1.05}.stimulusHint{color:var(--muted);font-size:1.05rem;font-weight:600;line-height:1.5}.transitionCard{display:grid;justify-items:center;align-content:center;min-height:430px;padding:42px 24px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.transitionCard h2{margin:0;font-size:2rem;letter-spacing:0}.transitionCard p{margin:14px 0 28px;color:var(--muted);font-size:1.15rem;font-weight:650}.transitionCard button{width:min(280px,100%)}.playState,.recordCue{display:inline-flex;align-items:center;justify-content:center;min-height:74px;min-width:min(420px,100%);margin:34px auto 16px;border-radius:8px;background:#eef4ff;border:1px solid #cddcff;color:var(--primary);font-size:clamp(1.6rem,7vw,3rem);font-weight:750}.wideAction{width:min(360px,100%)}.choiceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.choiceGrid button{min-height:76px;font-size:1.55rem;font-weight:700}.choiceGrid.isPending{visibility:hidden;pointer-events:none}.meter{height:14px;width:min(620px,100%);border-radius:999px;background:#dce2ec;overflow:hidden;margin:18px auto}.meter span{display:block;height:100%;background:var(--success)}.centerActions{justify-content:center}.centerActions button{min-width:140px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stat{border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel-soft)}.stat strong{display:block;font-size:1.6rem}.rowButton,.sessionRow{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;margin:8px 0}pre{text-align:left;overflow:auto;background:#f1f3f6;border-radius:8px;padding:12px}.json{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}audio{width:min(620px,100%);margin:12px auto;display:block}@media(max-width:720px){.shell{padding:14px}.topbar,.two,.stats,.experimentHeader{grid-template-columns:1fr;display:grid}.experimentHeader .eyebrow,.experimentHeader .modePill{justify-self:center}.panel,.trialCard{padding:18px}.choiceGrid{grid-template-columns:1fr}.trialCard{min-height:480px}.researchSummary{grid-template-columns:1fr;gap:18px}.researchStats{justify-content:space-between;gap:12px}.researchLayout{grid-template-columns:1fr}.participantRail{display:flex;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.participantRail h3{display:none}.participantButton{min-width:130px;margin:0}.reviewToolbar{min-height:112px}.tokenGrid{grid-template-columns:1fr}.reviewActions{grid-template-columns:1fr 1fr}.reviewActions .primary{grid-column:1 / -1;grid-row:1}}@media(prefers-color-scheme:dark){:root{background:#111722;color:#eef2f8;--bg: #111722;--panel: #182233;--panel-soft: #121b2a;--text: #eef2f8;--muted: #aab4c5;--line: #344054;--shadow: 0 18px 45px rgba(0, 0, 0, .22)}button,input,select,textarea{background:#182233;color:#eef2f8;border-color:#344054}.eyebrow,.playState,.recordCue{background:#22304a;color:#a8c4ff;border-color:#344054}pre{background:#101722}.participantButton.active,.tokenChoice.selectedToken{background:#21324c;color:#eef2f8}}