*{box-sizing:border-box}html,body{color:#eee;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.stimulus-canvas{cursor:none;width:100%;height:100%;display:block;position:absolute;inset:0}.camera-preview{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.overlay{background:#000;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.interstitial{text-align:center;max-width:40rem;line-height:1.6}.error-detail{color:#e0796a;font-family:ui-monospace,monospace;font-size:.85em}.consent-screen{max-width:42rem;max-height:90vh;line-height:1.6;overflow-y:auto}.consent-screen h1{font-size:1.3rem}.consent-screen h2{margin-top:1.5rem;font-size:1.05rem}.consent-screen h3{margin:1rem 0 .3rem;font-size:.95rem}.consent-screen ul{margin:.3rem 0;padding-left:1.4rem}.consent-screen li{margin:.2rem 0}.consent-screen .highlight{color:#f5d76e}.consent-screen label{margin:.6rem 0;display:block}.consent-screen input[type=text],.consent-screen input[type=date]{color:#eee;background:#211f26;border:1px solid #3a3542;border-radius:4px;width:100%;max-width:20rem;margin-top:.3rem;padding:.5rem;font-family:inherit;font-size:1rem;display:block}.placeholder-block{color:#b8b2c2;background:#2a2732;border:1px dashed #6f6879;border-radius:4px;padding:.75rem;font-size:.9em}.primary-btn{cursor:pointer;margin-top:1.5rem;padding:.6rem 1.5rem;font-size:1rem}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.calibration-screen{text-align:center;max-width:34rem;line-height:1.6}.calibration-row{flex-direction:column;align-items:center;gap:1.5rem;margin:1.5rem 0;display:flex}.calibration-card{background:#eee;border-radius:6px;box-shadow:0 0 0 1px #3a3542}.question-screen{text-align:center;max-width:34rem;line-height:1.6}.question-prompt{white-space:pre-line;margin-bottom:.5rem;font-size:1.1rem}.question-anchors{color:#9d96a8;margin-bottom:1rem;font-size:.9rem}.question-textarea{color:#eee;resize:vertical;background:#211f26;border:1px solid #3a3542;border-radius:4px;width:100%;padding:.6rem;font-family:inherit;font-size:1rem}.rating-buttons{justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.rating-btn{color:#eee;cursor:pointer;background:#211f26;border:1px solid #3a3542;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1rem}.rating-btn:hover{background:#2a2732;border-color:#5fd4c4}.rating-btn.selected{color:#211f26;background:#5fd4c4;border-color:#5fd4c4;font-weight:600}.pretask-screen{max-width:46rem;max-height:90vh;line-height:1.5;overflow-y:auto}.pretask-instruction{margin-bottom:.3rem;font-size:1.05rem}.pretask-anchors{color:#9d96a8;margin-bottom:1rem;font-size:.85rem}.pretask-row{text-align:left;border-top:1px solid #2a2732;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.pretask-item-text{flex:14rem;font-size:.95rem}.pretask-buttons{flex-shrink:0;gap:.35rem;display:flex}.pretask-btn{color:#eee;cursor:pointer;background:#211f26;border:1px solid #3a3542;border-radius:50%;width:2.2rem;height:2.2rem;font-size:.9rem}.pretask-btn:hover{background:#2a2732;border-color:#5fd4c4}.pretask-btn.selected{color:#14231f;background:#5fd4c4;border-color:#5fd4c4}