:root{font-family:Calibri,"Noto Sans SC",Arial,sans-serif;color:#172238;background:#eaf0f7;font-size:18px;--ink:#172238;--blue:#235789;--gold:#f4b942;--paper:#fff;--line:#cdd8e6;--soft:#f4f7fb;--good:#0b7250;--warn:#9a4e00}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 5%,#fff 0,transparent 24rem),linear-gradient(135deg,#edf3f9,#dfe9f5);display:flex;flex-direction:column}.topbar,footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px clamp(20px,5vw,72px);color:#4b5b70;font-size:.78rem;letter-spacing:.08em}.topbar{border-bottom:1px solid rgba(35,87,137,.15)}.topbar strong{color:var(--ink);font-size:1rem}.bilingual-title{text-align:right;display:grid;gap:2px}.bilingual-title span{letter-spacing:.02em}main{width:min(1180px,calc(100% - 32px));margin:auto;padding:30px 0}.panel{background:rgba(255,255,255,.94);border:1px solid rgba(35,87,137,.16);border-radius:26px;box-shadow:0 22px 65px rgba(31,55,84,.13);padding:clamp(28px,5vw,64px);max-width:800px;margin:auto}.panel.wide{max-width:1120px}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:.13em;font-size:.75rem;margin:0 0 14px}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;margin:.2em 0 .45em;letter-spacing:-.04em}h1 span{display:block;color:#65748a;font-size:.48em;letter-spacing:0;margin-top:12px;font-weight:500}h2{font-size:1.35rem;margin-top:0}.lead{font-size:1.08rem;line-height:1.55;margin:.6rem 0}.lead.en{color:#66758a;font-size:.95rem}.instruction-card{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:28px}.instruction-card ol{padding:0;list-style:none;counter-reset:steps}.instruction-card li{counter-increment:steps;display:grid;grid-template-columns:34px 1fr;gap:4px 12px;margin:18px 0}.instruction-card li:before{content:counter(steps);grid-row:1/3;background:var(--blue);color:white;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700}.instruction-card li span{grid-column:2;color:#66758a;font-size:.88rem}.notice{background:#fff;border-left:5px solid var(--gold);padding:16px 18px;border-radius:10px;line-height:1.45;margin:22px 0;font-size:.9rem}.notice span{color:#64748b}.consent{display:flex;gap:12px;align-items:flex-start;line-height:1.4;font-size:.9rem}.consent input{width:20px;height:20px;margin-top:2px}.primary,.choice{font:inherit;border:0;border-radius:12px;cursor:pointer;transition:.16s transform,.16s opacity,.16s background}.primary{background:var(--blue);color:white;font-weight:700;padding:14px 22px;margin-top:20px}.primary:hover:not(:disabled){transform:translateY(-1px);background:#194873}.primary:disabled{opacity:.42;cursor:not-allowed}.badge-demo{display:flex;gap:12px;margin-top:30px}.badge-demo svg{width:30%;filter:drop-shadow(0 8px 12px rgba(20,45,70,.18))}.participant{color:#66758a;font-size:.88rem;margin-top:24px}.run-head{display:flex;justify-content:space-between;font-weight:700;color:#58677b;margin-bottom:20px}.stimulus{min-height:400px;display:grid;place-items:center;background:#eef3f8;border-radius:22px;border:1px solid var(--line)}.stimulus svg{width:min(310px,70vw);height:min(310px,70vw);filter:drop-shadow(0 14px 17px rgba(22,42,66,.18))}.fixation{font-size:3rem;color:#75839a}.progress{height:8px;background:#dce5ef;border-radius:99px;overflow:hidden;margin-top:24px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#4f91cf);transition:width .2s}.countdown{font-size:clamp(4rem,14vw,8rem);font-weight:800;letter-spacing:-.06em;color:var(--blue);font-variant-numeric:tabular-nums;margin:.2em 0}.choice-preview,.response-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.choice-preview span{padding:22px;border:1px solid var(--line);border-radius:16px;text-align:center;background:var(--soft)}.choice-preview b{font-size:1.5rem}.choice{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;text-align:left;padding:18px 24px;border:2px solid var(--line);background:white;color:var(--ink)}.choice:hover{border-color:var(--blue);background:#f6faff}.choice kbd{grid-row:1/3;background:#e4ebf3;border-radius:7px;padding:7px 12px;font-weight:700}.choice b{font-size:1.2rem}.choice span{font-size:.8rem;color:#65748a}.hint{text-align:center;color:#65748a;font-size:.88rem}.status{min-height:1.5em;font-size:.85rem;color:#66758a}.status.success{color:var(--good)}.status.warning{color:var(--warn)}.completion-code{display:grid;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:24px;margin:26px 0}.completion-code span{color:#66758a}.completion-code strong{font-size:2rem;letter-spacing:.08em;color:var(--blue)}footer{margin-top:auto;border-top:1px solid rgba(35,87,137,.14)}footer a{color:var(--blue);text-decoration:none}@media(max-width:780px){.intro-grid{grid-template-columns:1fr}.topbar span:first-of-type{display:none}.stimulus{min-height:330px}.response-row{gap:10px}.choice{padding:14px}.panel{border-radius:18px;padding:24px}.badge-demo{justify-content:center}}@media(max-width:480px){.response-row{grid-template-columns:1fr}.choice-preview{gap:8px}.topbar{align-items:flex-start}.bilingual-title{font-size:.68rem}}