.stroop-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.stroop-overlay[data-bg=gray]{background:gray}.stroop-overlay[data-bg=white]{background:#fff}.stroop-overlay[data-bg=black]{background:#000}.stroop-fixation{font-size:5rem;color:#333}.stroop-stimulus{font-size:clamp(4rem,16vw,9rem);font-weight:700;letter-spacing:.1em}.stroop-ink-red{color:#e0151a}.stroop-ink-green{color:#1ba12f}.stroop-ink-blue{color:#1657d8}.stroop-ink-yellow{color:#e8b800}.stroop-buttons{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.stroop-btn{min-width:7rem;min-height:5rem;border:3px solid #ffffff;border-radius:14px;font-size:2rem;font-weight:700;color:#fff;cursor:pointer}.stroop-btn small{font-size:1.3rem}.stroop-btn-red{background:#e0151a}.stroop-btn-green{background:#1ba12f}.stroop-btn-blue{background:#1657d8}.stroop-btn-yellow{background:#e8b800;color:#222}.stroop-countdown{font-size:clamp(5rem,18vw,10rem);font-weight:800;color:#fff}.stroop-overlay[data-bg=white] .stroop-countdown{color:#222}.stroop-overlay[data-bg=black] .stroop-fixation{color:#ccc}.stroop-feedback{font-size:1.9rem;min-height:2rem}.stroop-feedback[data-kind=correct]{color:#1ba12f}.stroop-feedback[data-kind=wrong]{color:#e0151a}.stroop-paused{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.stroop-paused,.stroop-progress{background:#000000d9;color:#fff}.stroop-progress{position:absolute;top:1rem;right:1rem;padding:.3rem .75rem;border-radius:8px;font-size:1.6rem}.stroop-paused button{font-size:1.8rem;padding:.8rem 1.8rem;border-radius:10px;cursor:pointer;border:2px solid}.stroop-block-label{font-size:1.8rem}.stroop-instructions{font-size:1.25rem;line-height:1.6}.stroop-setup{max-width:680px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.6rem 1.75rem;display:flex;flex-direction:column;gap:1.15rem}.stroop-field{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:.5rem 1rem}.stroop-field>span{color:var(--text-secondary);font-size:1rem}.stroop-control{display:grid;gap:.55rem}.stroop-lockrow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.stroop-lock-badge{font-family:monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:.15rem .5rem}.stroop-divider{border:none;border-top:1px solid var(--border);margin:.2rem 0}.stroop-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem}.stroop-locked{opacity:.7;pointer-events:none}.stroop-param{display:grid;gap:.3rem}.stroop-param>span{font-size:.85rem;color:var(--text-muted)}.stroop-modified-note{margin:0;font-size:.85rem;color:var(--text-muted)}.stroop-errors{margin:0;padding-left:1.2rem;font-size:.85rem;color:var(--text-secondary)}.stroop-field input,.stroop-field select,.stroop-param input,.stroop-param select{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font:inherit;font-size:.95rem}.stroop-field input:focus,.stroop-field select:focus,.stroop-param input:focus,.stroop-param select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg-soft)}.stroop-btn-pill{display:inline-flex;align-items:center;gap:.4rem;min-height:2.15rem;padding:.38rem .9rem;font:inherit;font-size:.82rem;color:var(--accent-light);background:var(--accent-bg-soft);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.stroop-btn-pill:hover{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.stroop-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.3rem;padding:.8rem 1.4rem;font:inherit;font-size:1rem;font-weight:600;color:var(--bg-primary);background:var(--accent);border:1px solid var(--accent-light);border-radius:12px;cursor:pointer;transition:box-shadow .2s ease,opacity .2s ease}.stroop-btn-primary:hover:not(:disabled){box-shadow:0 0 16px var(--accent-glow)}.stroop-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:560px){.stroop-setup{padding:1.25rem 1.1rem}.stroop-field,.stroop-panel{grid-template-columns:1fr}}.stroop-results{display:grid;gap:.75rem;margin-top:1.5rem;font-size:1.2rem}.stroop-results-text{width:100%;min-height:8rem;font-family:monospace;font-size:1.2rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);padding:.5rem;border-radius:6px;resize:vertical}.stroop-about-refs{list-style:none;padding:0;margin:1rem 0 0;border-top:1px solid var(--border);padding-top:.9rem}.stroop-about-refs li{font-size:.85rem;color:var(--text-muted);line-height:1.55;margin:.45rem 0}@media(max-width:640px){.stroop-overlay{justify-content:flex-start;padding-bottom:env(safe-area-inset-bottom,0px)}.stroop-buttons{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;width:100%;height:50vh;gap:.6rem;margin-top:auto}.stroop-btn{width:100%;height:100%;min-width:0;font-size:2.2rem}}