:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;color:#172033;background:#eef2f7}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0}.shell{max-width:1040px;margin:24px auto;padding:0 20px 48px}.card{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:28px;box-shadow:0 12px 35px rgba(31,45,70,.08)}h1{font-size:30px;margin:0 0 12px}h2{font-size:22px;margin:0 0 18px}h3{font-size:17px;margin:22px 0 10px}p,li{line-height:1.7}.muted{color:#667085}.notice{padding:13px 15px;border-radius:10px;background:#f1f6ff;border-left:4px solid #2b6de8}.warn{background:#fff6e8;border-left-color:#d97706}.error{color:#a61b1b;background:#fff0f0;padding:10px;border-radius:8px}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.button{appearance:none;border:0;border-radius:9px;min-height:44px;padding:11px 18px;background:#245fd4;color:#fff;font-size:16px;font-weight:650;cursor:pointer;touch-action:manipulation}.button.secondary{background:#eef2f7;color:#24324b}.button:disabled{opacity:.45;cursor:not-allowed}.video-wrap{background:#111827;border-radius:13px;padding:12px;margin:18px 0}.video-wrap video{display:block;width:100%;max-height:590px;background:#000;border-radius:8px}.status{font-size:14px;color:#667085;margin-top:8px}.question{border-top:1px solid #e5e9f0;padding-top:15px;margin-top:15px}.options{display:grid;gap:8px;margin:8px 0}.option{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #d7deea;border-radius:9px;cursor:pointer;touch-action:manipulation}.option:has(input:checked){border-color:#2b6de8;background:#f0f5ff}.confidence{display:flex;gap:10px}.confidence label{min-width:46px;text-align:center}.progress{height:8px;background:#e4e9f1;border-radius:6px;overflow:hidden;margin:10px 0 22px}.progress span{display:block;height:100%;background:#2b6de8}.meta{font-size:13px;color:#667085}.field-grid{display:grid;gap:14px}.consent-box{max-height:300px;overflow:auto;border:1px solid #dfe5ee;border-radius:10px;padding:16px;background:#fafbfd}textarea{width:100%;min-height:100px;padding:10px;border:1px solid #ccd4e0;border-radius:8px}select,input[type=text]{max-width:100%;padding:9px;border:1px solid #ccd4e0;border-radius:8px}.done{text-align:center;padding:56px 20px}
@media(max-width:700px){
  .shell{width:100%;margin:0;padding:0 0 max(24px,env(safe-area-inset-bottom))}
  .card{min-height:100vh;border:0;border-radius:0;padding:18px 14px 32px;box-shadow:none}
  h1{font-size:24px}h2{font-size:20px;line-height:1.4}h3{font-size:16px}
  p,li{line-height:1.58}.notice{padding:11px 12px}.consent-box{max-height:none}
  .video-wrap{margin:14px -4px;padding:6px;border-radius:9px}.video-wrap video{max-height:55vh;border-radius:6px}
  .row{align-items:stretch}.row .button{flex:1 1 140px}.button{width:100%;min-height:48px}
  .option{min-height:48px;padding:11px 12px}.confidence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.confidence label{min-width:0;padding:10px 4px;justify-content:center}
  select,textarea,input[type=text]{width:100%;font-size:16px}.status{width:100%;margin:0}
  #submitTrial,#start,#finish{position:relative;width:100%;margin-top:8px;font-size:17px}
  .question-preview ol{padding-left:20px}
}
.question-preview{margin:14px 0 18px}.question-preview ol{margin:10px 0 0;padding-left:24px}.question-preview li{margin:9px 0}.question-preview small{display:block;color:#58677f;margin-top:2px}.question-preview p{margin:8px 0}