:root{--orange:#ff6b00;--ink:#111;--muted:#68655e;--bg:#f7f6f2;--card:#fff;--line:#dedbd3;--green:#137a45;--yellow:#9a6500;--red:#b3261e}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:14px;min-height:52px;padding:0 22px;font-weight:800}.primary{background:var(--orange);color:#111}.secondary{background:#ece9e1}.shell{max-width:1180px;margin:auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{letter-spacing:-1px;font-size:23px;font-weight:950}.brand span{color:var(--orange)}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.hero{max-width:720px;padding:56px 0}.hero h1{letter-spacing:-3px;margin:0 0 24px;font-size:clamp(38px,7vw,72px);line-height:.97}.hero p{color:var(--muted);font-size:20px;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.field{gap:8px;margin:16px 0;display:grid}.field input,.field textarea{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px}.mobile{max-width:560px;margin:auto}.progress{background:#ddd8cf;border-radius:9px;height:7px;overflow:hidden}.progress div{background:var(--orange);height:100%;transition:width .3s}.stage{text-align:center;place-items:center;min-height:62vh;display:grid}.signal{background:var(--orange);border-radius:50%;place-items:center;width:150px;height:150px;font-size:24px;font-weight:900;display:grid}.status{border-radius:99px;padding:7px 12px;font-weight:800;display:inline-flex}.status.green{color:var(--green);background:#d8f3e3}.status.yellow,.status.calibration{color:var(--yellow);background:#fff0c2}.status.red{color:var(--red);background:#ffe0dd}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px}th{color:var(--muted);font-size:13px}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{background:#ece9e1;border-radius:12px;padding:10px 14px}.muted{color:var(--muted)}@media (max-width:650px){.shell{padding:16px}.card{padding:18px}table{display:block;overflow:auto}.hero{padding-top:30px}.hero h1{letter-spacing:-2px}}
.credential{border:2px solid var(--orange);margin:16px 0}.credential code{background:#f4efe6;border-radius:8px;padding:6px 10px;font-size:18px}.instruction-list{background:#f4f1ea;border-radius:16px;margin:20px 0;padding:8px 18px}.instruction-list p{font-weight:650}.test-card{text-align:center;width:100%}.stage-icon{margin:12px;font-size:60px}.instruction{color:#3f3c37;font-size:19px;line-height:1.5}.camera-preview{aspect-ratio:4/3;object-fit:cover;background:#151515;border-radius:18px;width:100%;margin:12px 0}.feedback{background:#fff1e6;border-radius:12px;padding:12px;font-weight:700}.practice-signal{border:8px solid #eee;margin:20px auto}.green-signal{background:#27a65b;margin:20px auto}.balance-target{border:12px solid #e4e0d7;border-radius:50%;place-items:center;width:180px;height:180px;margin:20px auto;display:grid}.balance-target span{color:var(--orange);font-size:48px}.error{color:var(--red);font-weight:700}.step-kicker{letter-spacing:1.5px;color:var(--orange);font-size:12px;font-weight:900}.face-frame{aspect-ratio:4/3;background:#171717;border-radius:22px;margin:18px 0;position:relative;overflow:hidden}.face-frame:after{content:"";border:3px solid var(--orange);border-radius:48%;position:absolute;inset:10% 22%}.face-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.feedback.ok{color:var(--green);background:#d8f3e3}.command-card,.example-card{background:#f2efe8;border-radius:16px;gap:6px;margin:16px 0;padding:16px;display:grid}.command-card strong{font-size:22px}.active-test{justify-items:center;gap:12px;display:grid}.trial-label{color:var(--muted);font-weight:900}.reaction-pad,.gonogo-pad,.attention-pad{border-radius:50%;width:min(64vw,250px);height:min(64vw,250px);font-size:24px}.reaction-pad.wait,.gonogo-pad.idle,.attention-pad{background:#ddd9d1}.reaction-pad.go,.attention-pad.on{background:var(--orange)}.reaction-pad.feedback{background:#d8f3e3}.gonogo-pad.go{color:#fff;background:#27a65b}.gonogo-pad.stop{color:#fff;background:#d7352a}.attention-test{position:relative}.edge-flash{width:100%;color:var(--orange);background:#fff1e6;padding:14px;font-weight:900;animation:.25s flash}.coordination-board{touch-action:none;border:16px solid #ebe7df;border-radius:50%;place-items:center;width:min(72vw,300px);height:min(72vw,300px);display:grid}.coordination-board span{color:var(--orange);font-size:56px;transition:transform 80ms}.risk-number{font-size:72px;font-weight:950}.risk-number small{color:var(--muted);font-size:20px}@keyframes flash{0%{background:var(--orange);color:#111}to{color:var(--orange);background:#fff1e6}}